KMToolbarItemView.swift 21 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566
  1. //
  2. // KMToolbarItemView.swift
  3. // PDF Master
  4. //
  5. // Created by tangchao on 2023/10/24.
  6. //
  7. import Cocoa
  8. class KMToolbarClickButton: NSButton {
  9. weak var clickObject: AnyObject?
  10. }
  11. extension NSControl.ImagePosition {
  12. static let imageExpandLeft: NSControl.ImagePosition = .init(rawValue: 100)!
  13. }
  14. private let KMPopOverClosedByWindowNotificationName = "KMPopOverClosedByWindowNotification"
  15. extension KMToolbarItemView {
  16. public static let popOverClosedNotificationName = Notification.Name(KMPopOverClosedByWindowNotificationName)
  17. }
  18. @objcMembers class KMToolbarItemView: NSView {
  19. var menuFormRepresentation: NSMenuItem?
  20. private var _itemIdentifier: String?
  21. var itemIdentifier: String? {
  22. get {
  23. return self._itemIdentifier
  24. }
  25. }
  26. lazy var clickButton: KMToolbarClickButton = {
  27. let view = KMToolbarClickButton()
  28. view.bezelStyle = .regularSquare
  29. view.isBordered = false
  30. view.imagePosition = .imageOnly
  31. view.clickObject = self
  32. return view
  33. }()
  34. var isSelected = false {
  35. didSet {
  36. if self.itemIdentifier != KMToolbarDividerItemIdentifier {
  37. if (isSelected) {
  38. // self.layer?.backgroundColor = self.selectedBackgroundColor.cgColor
  39. self.imageViewBox.fillColor = self.selectedBackgroundColor
  40. if(self.image != nil && self.alternateImage != nil) {
  41. if (self.selectedImage != nil) {
  42. self.imageViewBtn.image = self.selectedImage!
  43. } else {
  44. self.imageViewBtn.image = self.alternateImage!
  45. }
  46. }
  47. if (self.nameBtn.superview != nil) {
  48. self.nameBtn.setTitleColor(color: KMAppearance.titleColor())
  49. }
  50. if(self.needExpandAction) {
  51. self.needExpandButton.image = NSImage(named: "KMImageNameUXIconBtnTriDownSel")
  52. }
  53. } else {
  54. // self.layer?.backgroundColor = self.normalBackgroundColor.cgColor
  55. self.imageViewBox.fillColor = self.normalBackgroundColor
  56. if (self.needExpandAction) {
  57. self.needExpandButton.image = NSImage(named: "KMImageNameUXIconBtnTriDownNor")
  58. }
  59. if (self.image != nil) {
  60. self.imageViewBtn.image = self.image!
  61. }
  62. if (self.nameBtn.superview != nil) {
  63. self.nameBtn.setTitleColor(color: KMAppearance.titleColor())
  64. }
  65. }
  66. }
  67. }
  68. }
  69. var unEnabled = false {
  70. didSet {
  71. self.clickButton.isEnabled = !self.unEnabled
  72. self.nameBtn.isEnabled = !self.unEnabled
  73. self.imageViewBtn.isEnabled = !self.unEnabled
  74. self.needExpandButton.isEnabled = !self.unEnabled
  75. }
  76. }
  77. var isShowCustomToolTip = false {
  78. didSet {
  79. if (self.isShowCustomToolTip) {
  80. self.clickButton.toolTip = ""
  81. }
  82. }
  83. }
  84. var boxImagePosition: NSControl.ImagePosition = .imageLeft {
  85. didSet {
  86. self._layoutView()
  87. }
  88. }
  89. var image: NSImage? {
  90. didSet {
  91. self.imageViewBtn.image = self.image
  92. }
  93. }
  94. var selectedImage: NSImage?
  95. var alternateImage: NSImage?
  96. var titleName: String? {
  97. didSet {
  98. self.nameBtn.title = self.titleName ?? " "
  99. self.nameBtn.setTitleColor(color: KMAppearance.titleColor())
  100. }
  101. }
  102. weak var target: AnyObject? {
  103. didSet {
  104. self.clickButton.target = self.target
  105. }
  106. }
  107. var btnAction: Selector? {
  108. didSet {
  109. self.clickButton.action = self.btnAction
  110. }
  111. }
  112. var needExpandAction = false
  113. var btnTag = 0 {
  114. didSet {
  115. self.clickButton.tag = self.btnTag
  116. }
  117. }
  118. var customizeView: NSView? {
  119. didSet {
  120. self._layoutView()
  121. }
  122. }
  123. var normalBackgroundColor: NSColor = .clear
  124. var selectedBackgroundColor: NSColor = KMAppearance.Status.selColor()
  125. lazy var imageViewBox: NSBox = {
  126. let view = NSBox()
  127. view.borderWidth = 0
  128. view.contentViewMargins = NSSize.zero
  129. view.boxType = .custom
  130. return view
  131. }()
  132. private lazy var imageViewBtn: NSButton = {
  133. let view = NSButton()
  134. view.bezelStyle = .regularSquare
  135. view.isBordered = false
  136. view.imagePosition = .imageOnly
  137. return view
  138. }()
  139. private var nameBtn: NSButton = {
  140. let view = NSButton()
  141. view.bezelStyle = .regularSquare
  142. view.isBordered = false
  143. view.imagePosition = .imageOnly
  144. view.font = .systemFont(ofSize: 12)
  145. view.title = ""
  146. return view
  147. }()
  148. private var needExpandButton: NSButton = {
  149. let view = NSButton()
  150. view.bezelStyle = .regularSquare
  151. view.isBordered = false
  152. view.imagePosition = .imageOnly
  153. view.image = NSImage(named: "KMImageNameUXIconBtnTriDownNor")
  154. return view
  155. }()
  156. private var _popOver: NSPopover?
  157. var popOver: NSPopover? {
  158. get {
  159. return self._popOver
  160. }
  161. set {
  162. if self._popOver == nil || self._popOver!.isEqual(to: newValue) == false {
  163. self._popOver = newValue
  164. if (newValue != nil) {
  165. self.layer?.backgroundColor = self.selectedBackgroundColor.cgColor
  166. } else {
  167. if (self.isSelected) {
  168. self.layer?.backgroundColor = self.selectedBackgroundColor.cgColor
  169. }else {
  170. self.layer?.backgroundColor = self.normalBackgroundColor.cgColor
  171. }
  172. }
  173. }
  174. }
  175. }
  176. private var _menuViewController: KMCustomButtonPopMenuViewController?
  177. private var _kNormalImage: NSImage?
  178. private var _originalHelpTip: String?
  179. deinit {
  180. Swift.debugPrint("KMToolbarItemView deinit")
  181. NotificationCenter.default.removeObserver(self)
  182. }
  183. convenience init(itemIdentifier: String) {
  184. self.init()
  185. self._itemIdentifier = itemIdentifier
  186. self.boxImagePosition = .imageLeft
  187. self.wantsLayer = true
  188. self.layer?.cornerRadius = 5
  189. self.layer?.masksToBounds = true
  190. self._addTrackingArea()
  191. NotificationCenter.default.addObserver(self, selector: #selector(_windowClosedPop), name: KMToolbarItemView.popOverClosedNotificationName, object: nil)
  192. }
  193. convenience init(itemIdentifier: String, postition imagePositionImagePosition: NSControl.ImagePosition, withPopMenu popMenuViewController: KMCustomButtonPopMenuViewController?) {
  194. self.init()
  195. self.boxImagePosition = imagePositionImagePosition
  196. self._menuViewController = popMenuViewController
  197. self._itemIdentifier = itemIdentifier
  198. self.wantsLayer = true
  199. self.layer?.cornerRadius = 4
  200. self.layer?.masksToBounds = true
  201. self._addTrackingArea()
  202. self._layoutView()
  203. if (popMenuViewController != nil) {
  204. NotificationCenter.default.addObserver(self, selector: #selector(_windowClosedPop), name: KMToolbarItemView.popOverClosedNotificationName, object: nil)
  205. }
  206. }
  207. override func draw(_ dirtyRect: NSRect) {
  208. if (self.itemIdentifier == KMToolbarDividerItemIdentifier) {
  209. let context = NSGraphicsContext.current?.cgContext
  210. KMContextSaveGState(context)
  211. KMContextTranslateCTM(context, CGRectGetWidth(dirtyRect)/2.0, CGRectGetHeight(dirtyRect)/2.0-10)
  212. KMContextMoveToPoint(context, 0, 0)
  213. KMContextAddLineToPoint(context, 0, 20)
  214. KMContextSetStrokeColorWithColor(context, NSColor(red: 0, green: 0, blue: 0, alpha: 0.1).cgColor)
  215. KMContextStrokePath(context)
  216. KMContextRestoreGState(context)
  217. }
  218. }
  219. override var toolTip: String? {
  220. get {
  221. return self._originalHelpTip
  222. }
  223. set {
  224. self.clickButton.toolTip = newValue ?? ""
  225. self._originalHelpTip = self.clickButton.toolTip
  226. if(self.isShowCustomToolTip) {
  227. self.clickButton.toolTip = ""
  228. }
  229. }
  230. }
  231. override func mouseEntered(with event: NSEvent) {
  232. super.mouseEntered(with: event)
  233. guard let _window = self.window else {
  234. return
  235. }
  236. if (!_window.isKeyWindow) {
  237. return
  238. }
  239. if (self.itemIdentifier == KMToolbarDividerItemIdentifier || self.customizeView != nil || self.image == nil) {
  240. return
  241. }
  242. if (!self.isSelected) {
  243. // self.layer?.backgroundColor = self.selectedBackgroundColor.cgColor
  244. self.imageViewBox.fillColor = self.selectedBackgroundColor
  245. if(self.image != nil && self.alternateImage != nil) {
  246. self._kNormalImage = self.image
  247. self.imageViewBtn.image = self.alternateImage
  248. if(self.nameBtn.superview != nil) {
  249. self.nameBtn.setTitleColor(color: KMAppearance.titleColor())
  250. }
  251. }
  252. }
  253. if (self.needExpandAction) {
  254. // KMImageNameUXIconBtnTriDownSel
  255. self.needExpandButton.image = NSImage(named: "KMImageNameUXIconBtnTriDownNor")
  256. self._showPop(self)
  257. }else if (self.isShowCustomToolTip) {
  258. self.perform(#selector(_showHUDHint), with: nil, afterDelay: 0.1)
  259. }
  260. }
  261. override func mouseExited(with event: NSEvent) {
  262. super.mouseExited(with: event)
  263. if (!self.isSelected && !self.needExpandAction) {
  264. // self.layer?.backgroundColor = self.normalBackgroundColor.cgColor
  265. self.imageViewBox.fillColor = self.normalBackgroundColor
  266. if(self.image != nil && self.alternateImage != nil) {
  267. self.imageViewBtn.image = self._kNormalImage ?? self.image!
  268. }
  269. }
  270. if(self.needExpandAction && !self.isSelected) {
  271. self.layer?.backgroundColor = self.normalBackgroundColor.cgColor
  272. if(self.image != nil && self.alternateImage != nil) {
  273. self.imageViewBtn.image = self._kNormalImage ?? self.image!
  274. }
  275. self.needExpandButton.image = NSImage(named: "KMImageNameUXIconBtnTriDownNor")
  276. }
  277. guard let _window = self.window else {
  278. return
  279. }
  280. if (!_window.isKeyWindow) {
  281. return
  282. }
  283. if(self.nameBtn.superview != nil && !self.isSelected) {
  284. self.nameBtn.setTitleColor(color: KMAppearance.titleColor())
  285. }
  286. if (self.isShowCustomToolTip && !self.needExpandAction) {
  287. NSObject.cancelPreviousPerformRequests(withTarget: self, selector: #selector(_showHUDHint), object: nil)
  288. self._closePop()
  289. }
  290. }
  291. }
  292. // MARK: - Private Methods
  293. extension KMToolbarItemView {
  294. private func _addTrackingArea() {
  295. let trackingArea = NSTrackingArea(rect: self.bounds, options: [.mouseEnteredAndExited, .inVisibleRect, .activeInKeyWindow], owner: self)
  296. self.addTrackingArea(trackingArea)
  297. }
  298. private func _showPop(_ sender: NSView) {
  299. if (self._popOver != nil) {
  300. return
  301. }
  302. let menuViewController = KMCustomButtonPopMenuViewController()
  303. menuViewController.delegate = self
  304. menuViewController.dataSources = self
  305. self.popOver = NSPopover()
  306. self.popOver?.delegate = self
  307. self.popOver?.contentViewController = menuViewController
  308. self.popOver?.animates = false
  309. self.popOver?.behavior = .semitransient
  310. self.popOver?.contentSize = menuViewController.view.frame.size
  311. var sourcesRect = sender.bounds
  312. sourcesRect = sender.convert(sourcesRect, to: nil)
  313. // sourcesRect.size = sender.convert(sourcesRect.size, to: nil)
  314. sourcesRect.origin.y += 20
  315. sourcesRect.size.height += 20
  316. self.window?.popover = self.popOver
  317. self.window?.sourcesRect = sourcesRect
  318. self.popOver?.show(relativeTo: CGRectInset(self.bounds, 0, 5), of: self, preferredEdge: .minY)
  319. }
  320. private func _closePop() {
  321. self.popOver?.close()
  322. self.popOver = nil
  323. }
  324. @objc private func _showHUDHint() {
  325. // KMToolbarItemPopViewController *popViewController = [[[KMToolbarItemPopViewController alloc] init] autorelease];
  326. // self.popOver = [[[NSPopover alloc] init] autorelease];
  327. // self.popOver.contentViewController = popViewController;
  328. // self.popOver.animates = NO;
  329. // self.popOver.behavior = NSPopoverBehaviorSemitransient;
  330. // self.popOver.backgroundColor = [KMAppearance KMBluegrey01Color];
  331. //
  332. // self.popOver.contentSize = popViewController.view.frame.size;
  333. // [popViewController updateWithHelpTip:self.originalHelpTip];
  334. // [self.popOver showRelativeToRect:self.bounds ofView:self preferredEdge:NSRectEdgeMinY];
  335. }
  336. @objc private func _windowClosedPop(sender: Notification) {
  337. if let data = self._popOver?.isEqual(to: sender.object), data {
  338. self.popOver = nil
  339. }
  340. }
  341. private func _layoutView() {
  342. if self.nameBtn.superview != nil {
  343. self.nameBtn.removeFromSuperview()
  344. }
  345. if self.imageViewBox.superview != nil {
  346. self.imageViewBox.removeFromSuperview()
  347. }
  348. if self.imageViewBtn.superview != nil {
  349. self.imageViewBtn.removeFromSuperview()
  350. }
  351. if let view = self.customizeView {
  352. if view.superview != nil {
  353. view.removeFromSuperview()
  354. }
  355. self.addSubview(view)
  356. view.mas_makeConstraints({ make in
  357. make?.left.right().equalTo()(0)
  358. make?.centerY.equalTo()(0)
  359. make?.width.offset()(NSWidth(view.bounds))
  360. make?.height.offset()(NSHeight(view.bounds))
  361. })
  362. return
  363. } else if (self.itemIdentifier == KMToolbarDividerItemIdentifier) {
  364. self.addSubview(self.imageViewBox)
  365. self.imageViewBox.mas_makeConstraints { make in
  366. make?.top.equalTo()(0)
  367. make?.width.equalTo()(8)
  368. make?.left.equalTo()(0)
  369. make?.right.equalTo()(0)
  370. make?.bottom.equalTo()(self.mas_bottom)?.offset()(0)
  371. }
  372. return
  373. }
  374. let offset = 4.0
  375. let offsetY = 2.0
  376. let offsetX = 4.0
  377. if self.boxImagePosition == .imageOnly {
  378. self.addSubview(self.imageViewBox)
  379. self.imageViewBox.km_add_inset_constraint()
  380. self.imageViewBox.contentView?.addSubview(self.imageViewBtn)
  381. self.imageViewBtn.km_add_inset_constraint(equalTo: self.imageViewBox, inset: NSEdgeInsets(top: offsetY, left: offsetX, bottom: offsetY, right: offsetX))
  382. } else if (self.boxImagePosition == .imageLeft) {
  383. self.addSubview(self.imageViewBox)
  384. self.imageViewBox.km_add_leading_constraint()
  385. self.imageViewBox.km_add_top_constraint()
  386. self.imageViewBox.km_add_bottom_constraint()
  387. self.imageViewBox.contentView?.addSubview(self.imageViewBtn)
  388. self.imageViewBtn.km_add_inset_constraint(equalTo: self.imageViewBox, inset: NSEdgeInsets(top: offsetY, left: 2*offsetX, bottom: offsetY, right: 0))
  389. self.addSubview(self.nameBtn)
  390. self.nameBtn.km_add_centerY_constraint()
  391. self.nameBtn.km_add_leading_constraint(equalTo: self.imageViewBox, attribute: .trailing)
  392. if (self.needExpandAction) {
  393. self.nameBtn.km_add_right_constraint(constant: -2*offsetX-8)
  394. } else {
  395. self.nameBtn.km_add_right_constraint(constant: -2*offsetX)
  396. }
  397. if(self.needExpandAction) {
  398. self.needExpandButton.image = NSImage(named: "KMImageNameUXIconBtnTriDownNor")
  399. self.addSubview(self.needExpandButton)
  400. self.needExpandButton.km_add_centerY_constraint()
  401. self.needExpandButton.km_add_width_constraint(constant: 8)
  402. self.needExpandButton.km_add_right_constraint(constant: -offset)
  403. }
  404. self.layer?.cornerRadius = 6
  405. } else if (self.boxImagePosition == .imageExpandLeft) {
  406. self.addSubview(self.imageViewBox)
  407. self.imageViewBox.km_add_leading_constraint()
  408. self.imageViewBox.km_add_top_constraint()
  409. self.imageViewBox.km_add_bottom_constraint()
  410. self.imageViewBox.contentView?.addSubview(self.imageViewBtn)
  411. self.imageViewBtn.km_add_inset_constraint(equalTo: self.imageViewBox, inset: NSEdgeInsets(top: offsetY, left: offsetX, bottom: offsetY, right: 0))
  412. self.needExpandButton.image = NSImage(named: "KMImageNameUXIconBtnTriDownNor")
  413. self.addSubview(self.needExpandButton)
  414. self.needExpandButton.km_add_centerY_constraint()
  415. self.needExpandButton.km_add_width_constraint(constant: 8)
  416. self.needExpandButton.km_add_right_constraint(constant: -offset)
  417. self.addSubview(self.nameBtn)
  418. self.nameBtn.km_add_centerY_constraint()
  419. self.nameBtn.km_add_leading_constraint(equalTo: self.imageViewBox, attribute: .trailing)
  420. self.nameBtn.km_add_trailing_constraint(equalTo: self.needExpandButton, attribute: .leading)
  421. } else if (self.boxImagePosition == .imageAbove) {
  422. self.addSubview(self.nameBtn)
  423. self.nameBtn.alignment = .center
  424. // self.nameBtn.mas_makeConstraints { make in
  425. // make?.left.right().equalTo()(0)
  426. // make?.width.greaterThanOrEqualTo()(32)
  427. // make?.bottom.equalTo()(self.mas_bottom)?.offset()(0)
  428. // }
  429. self.nameBtn.km_add_leading_constraint()
  430. self.nameBtn.km_add_trailing_constraint()
  431. self.nameBtn.km_add_bottom_constraint()
  432. self.addSubview(self.imageViewBox)
  433. self.imageViewBox.km_add_top_constraint()
  434. self.imageViewBox.km_add_width_constraint(constant: 32)
  435. self.imageViewBox.km_add_centerX_constraint()
  436. self.imageViewBox.km_add_bottom_constraint(equalTo: self.nameBtn, attribute: .top, constant: 0)
  437. self.imageViewBox.contentView?.addSubview(self.imageViewBtn)
  438. self.imageViewBtn.km_add_inset_constraint(inset: .init(top: 0, left: offset, bottom: 0, right: offset))
  439. }
  440. self.nameBtn.font = .systemFont(ofSize: 12)
  441. self.imageViewBox.borderColor = .clear
  442. self.imageViewBox.borderWidth = 1.0
  443. self.imageViewBox.cornerRadius = 7.0
  444. self.addSubview(self.clickButton)
  445. self.clickButton.km_add_inset_constraint()
  446. }
  447. }
  448. extension KMToolbarItemView: NSPopoverDelegate {
  449. func popoverDidClose(_ notification: Notification) {
  450. if let data = self.popOver?.isEqual(to: notification.object), data {
  451. self._closePop()
  452. }
  453. }
  454. }
  455. extension KMToolbarItemView: KMCustomButtonPopMenuViewControllerDelegate, KMCustomButtonPopMenuViewControllerDataSources {
  456. func customViewButtonPopDidSelectIndex(_ index: Int) {
  457. self._closePop()
  458. // if (self.itemIdentifier == KMToolbarPageEditPageRangeItemIdentifier) {
  459. if let items = self.menuFormRepresentation?.submenu?.items {
  460. let item = items[index]
  461. _ = item.target?.perform(item.action, with: item)
  462. }
  463. // }
  464. }
  465. func numberOfLine() -> Int {
  466. // if (self.itemIdentifier == KMToolbarPageEditPageRangeItemIdentifier) {
  467. if let items = self.menuFormRepresentation?.submenu?.items {
  468. return items.count
  469. }
  470. // }
  471. return 0
  472. }
  473. func stringForLine(at index: Int) -> String? {
  474. // if (self.itemIdentifier == KMToolbarPageEditPageRangeItemIdentifier) {
  475. if let items = self.menuFormRepresentation?.submenu?.items {
  476. return items[index].title
  477. }
  478. // }
  479. return nil
  480. }
  481. func needInsertSeperateLine(at index: Int) -> Bool {
  482. if let items = self.menuFormRepresentation?.submenu?.items {
  483. return items[index].isSeparatorItem
  484. }
  485. return false
  486. }
  487. func needHightLightLine(at index: Int) -> Bool {
  488. return false
  489. }
  490. func imageForLine(at index: Int) -> NSImage? {
  491. if let items = self.menuFormRepresentation?.submenu?.items {
  492. return items[index].image
  493. }
  494. return nil
  495. }
  496. func itemEnable(at index: Int) -> Bool {
  497. return true
  498. }
  499. }