KMToolbarItemView.swift 21 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558
  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. view.borderColor = .clear
  131. view.cornerRadius = 7.0
  132. return view
  133. }()
  134. private lazy var imageViewBtn: NSButton = {
  135. let view = NSButton()
  136. view.bezelStyle = .regularSquare
  137. view.isBordered = false
  138. view.imagePosition = .imageOnly
  139. return view
  140. }()
  141. private var nameBtn: NSButton = {
  142. let view = NSButton()
  143. view.bezelStyle = .regularSquare
  144. view.isBordered = false
  145. view.imagePosition = .imageOnly
  146. view.font = .systemFont(ofSize: 12)
  147. view.title = ""
  148. return view
  149. }()
  150. private var needExpandButton: NSButton = {
  151. let view = NSButton()
  152. view.bezelStyle = .regularSquare
  153. view.isBordered = false
  154. view.imagePosition = .imageOnly
  155. view.image = NSImage(named: "KMImageNameUXIconBtnTriDownNor")
  156. return view
  157. }()
  158. private var _popOver: NSPopover?
  159. var popOver: NSPopover? {
  160. get {
  161. return self._popOver
  162. }
  163. set {
  164. if self._popOver == nil || self._popOver!.isEqual(to: newValue) == false {
  165. self._popOver = newValue
  166. if (newValue != nil) {
  167. self.layer?.backgroundColor = self.selectedBackgroundColor.cgColor
  168. } else {
  169. if (self.isSelected) {
  170. self.layer?.backgroundColor = self.selectedBackgroundColor.cgColor
  171. }else {
  172. self.layer?.backgroundColor = self.normalBackgroundColor.cgColor
  173. }
  174. }
  175. }
  176. }
  177. }
  178. private var _menuViewController: KMCustomButtonPopMenuViewController?
  179. private var _kNormalImage: NSImage?
  180. private var _originalHelpTip: String?
  181. deinit {
  182. Swift.debugPrint("KMToolbarItemView deinit")
  183. NotificationCenter.default.removeObserver(self)
  184. }
  185. convenience init(itemIdentifier: String) {
  186. self.init()
  187. self._itemIdentifier = itemIdentifier
  188. self.boxImagePosition = .imageLeft
  189. self.wantsLayer = true
  190. self.layer?.cornerRadius = 5
  191. self.layer?.masksToBounds = true
  192. self._addTrackingArea()
  193. NotificationCenter.default.addObserver(self, selector: #selector(_windowClosedPop), name: KMToolbarItemView.popOverClosedNotificationName, object: nil)
  194. }
  195. convenience init(itemIdentifier: String, postition imagePositionImagePosition: NSControl.ImagePosition, withPopMenu popMenuViewController: KMCustomButtonPopMenuViewController?) {
  196. self.init()
  197. self.boxImagePosition = imagePositionImagePosition
  198. self._menuViewController = popMenuViewController
  199. self._itemIdentifier = itemIdentifier
  200. self.wantsLayer = true
  201. self.layer?.cornerRadius = 4
  202. self.layer?.masksToBounds = true
  203. self._addTrackingArea()
  204. self._layoutView()
  205. if (popMenuViewController != nil) {
  206. NotificationCenter.default.addObserver(self, selector: #selector(_windowClosedPop), name: KMToolbarItemView.popOverClosedNotificationName, object: nil)
  207. }
  208. }
  209. override func draw(_ dirtyRect: NSRect) {
  210. if (self.itemIdentifier == KMToolbarDividerItemIdentifier) {
  211. let context = NSGraphicsContext.current?.cgContext
  212. KMContextSaveGState(context)
  213. KMContextTranslateCTM(context, CGRectGetWidth(dirtyRect)/2.0, CGRectGetHeight(dirtyRect)/2.0-10)
  214. KMContextMoveToPoint(context, 0, 0)
  215. KMContextAddLineToPoint(context, 0, 20)
  216. KMContextSetStrokeColorWithColor(context, NSColor(red: 0, green: 0, blue: 0, alpha: 0.1).cgColor)
  217. KMContextStrokePath(context)
  218. KMContextRestoreGState(context)
  219. }
  220. }
  221. override var toolTip: String? {
  222. get {
  223. return self._originalHelpTip
  224. }
  225. set {
  226. self.clickButton.toolTip = newValue ?? ""
  227. self._originalHelpTip = self.clickButton.toolTip
  228. if(self.isShowCustomToolTip) {
  229. self.clickButton.toolTip = ""
  230. }
  231. }
  232. }
  233. override func mouseEntered(with event: NSEvent) {
  234. super.mouseEntered(with: event)
  235. guard let _window = self.window else {
  236. return
  237. }
  238. if (!_window.isKeyWindow) {
  239. return
  240. }
  241. if (self.itemIdentifier == KMToolbarDividerItemIdentifier || self.customizeView != nil || self.image == nil) {
  242. return
  243. }
  244. if (!self.isSelected) {
  245. // self.layer?.backgroundColor = self.selectedBackgroundColor.cgColor
  246. self.imageViewBox.fillColor = self.selectedBackgroundColor
  247. if(self.image != nil && self.alternateImage != nil) {
  248. self._kNormalImage = self.image
  249. self.imageViewBtn.image = self.alternateImage
  250. if(self.nameBtn.superview != nil) {
  251. self.nameBtn.setTitleColor(color: KMAppearance.titleColor())
  252. }
  253. }
  254. }
  255. if (self.needExpandAction) {
  256. // KMImageNameUXIconBtnTriDownSel
  257. self.needExpandButton.image = NSImage(named: "KMImageNameUXIconBtnTriDownNor")
  258. self._showPop(self)
  259. }else if (self.isShowCustomToolTip) {
  260. self.perform(#selector(_showHUDHint), with: nil, afterDelay: 0.1)
  261. }
  262. }
  263. override func mouseExited(with event: NSEvent) {
  264. super.mouseExited(with: event)
  265. if (!self.isSelected && !self.needExpandAction) {
  266. // self.layer?.backgroundColor = self.normalBackgroundColor.cgColor
  267. self.imageViewBox.fillColor = self.normalBackgroundColor
  268. if(self.image != nil && self.alternateImage != nil) {
  269. self.imageViewBtn.image = self._kNormalImage ?? self.image!
  270. }
  271. }
  272. if(self.needExpandAction && !self.isSelected) {
  273. self.layer?.backgroundColor = self.normalBackgroundColor.cgColor
  274. if(self.image != nil && self.alternateImage != nil) {
  275. self.imageViewBtn.image = self._kNormalImage ?? self.image!
  276. }
  277. self.needExpandButton.image = NSImage(named: "KMImageNameUXIconBtnTriDownNor")
  278. }
  279. guard let _window = self.window else {
  280. return
  281. }
  282. if (!_window.isKeyWindow) {
  283. return
  284. }
  285. if(self.nameBtn.superview != nil && !self.isSelected) {
  286. self.nameBtn.setTitleColor(color: KMAppearance.titleColor())
  287. }
  288. if (self.isShowCustomToolTip && !self.needExpandAction) {
  289. NSObject.cancelPreviousPerformRequests(withTarget: self, selector: #selector(_showHUDHint), object: nil)
  290. self._closePop()
  291. }
  292. }
  293. }
  294. // MARK: - Private Methods
  295. extension KMToolbarItemView {
  296. private func _addTrackingArea() {
  297. let trackingArea = NSTrackingArea(rect: self.bounds, options: [.mouseEnteredAndExited, .inVisibleRect, .activeInKeyWindow], owner: self)
  298. self.addTrackingArea(trackingArea)
  299. }
  300. private func _showPop(_ sender: NSView) {
  301. if (self._popOver != nil) {
  302. return
  303. }
  304. let menuViewController = KMCustomButtonPopMenuViewController()
  305. menuViewController.delegate = self
  306. menuViewController.dataSources = self
  307. self.popOver = NSPopover()
  308. self.popOver?.delegate = self
  309. self.popOver?.contentViewController = menuViewController
  310. self.popOver?.animates = false
  311. self.popOver?.behavior = .semitransient
  312. self.popOver?.contentSize = menuViewController.view.frame.size
  313. var sourcesRect = sender.bounds
  314. sourcesRect = sender.convert(sourcesRect, to: nil)
  315. // sourcesRect.size = sender.convert(sourcesRect.size, to: nil)
  316. sourcesRect.origin.y += 20
  317. sourcesRect.size.height += 20
  318. self.window?.popover = self.popOver
  319. self.window?.sourcesRect = sourcesRect
  320. self.popOver?.show(relativeTo: CGRectInset(self.bounds, 0, 5), of: self, preferredEdge: .minY)
  321. }
  322. private func _closePop() {
  323. self.popOver?.close()
  324. self.popOver = nil
  325. }
  326. @objc private func _showHUDHint() {
  327. // KMToolbarItemPopViewController *popViewController = [[[KMToolbarItemPopViewController alloc] init] autorelease];
  328. // self.popOver = [[[NSPopover alloc] init] autorelease];
  329. // self.popOver.contentViewController = popViewController;
  330. // self.popOver.animates = NO;
  331. // self.popOver.behavior = NSPopoverBehaviorSemitransient;
  332. // self.popOver.backgroundColor = [KMAppearance KMBluegrey01Color];
  333. //
  334. // self.popOver.contentSize = popViewController.view.frame.size;
  335. // [popViewController updateWithHelpTip:self.originalHelpTip];
  336. // [self.popOver showRelativeToRect:self.bounds ofView:self preferredEdge:NSRectEdgeMinY];
  337. }
  338. @objc private func _windowClosedPop(sender: Notification) {
  339. if let data = self._popOver?.isEqual(to: sender.object), data {
  340. self.popOver = nil
  341. }
  342. }
  343. private func _layoutView() {
  344. if self.nameBtn.superview != nil {
  345. self.nameBtn.removeFromSuperview()
  346. }
  347. if self.imageViewBox.superview != nil {
  348. self.imageViewBox.removeFromSuperview()
  349. }
  350. if self.imageViewBtn.superview != nil {
  351. self.imageViewBtn.removeFromSuperview()
  352. }
  353. if let view = self.customizeView {
  354. if view.superview != nil {
  355. view.removeFromSuperview()
  356. }
  357. self.addSubview(view)
  358. view.km_add_leading_constraint()
  359. view.km_add_trailing_constraint()
  360. view.km_add_centerY_constraint()
  361. view.km_add_width_constraint(constant: NSWidth(view.bounds))
  362. view.km_add_height_constraint(constant: NSHeight(view.bounds))
  363. return
  364. } else if (self.itemIdentifier == KMToolbarDividerItemIdentifier) {
  365. self.addSubview(self.imageViewBox)
  366. self.imageViewBox.km_add_inset_constraint(inset: NSEdgeInsetsZero)
  367. self.imageViewBox.km_add_width_constraint(constant: 8)
  368. return
  369. }
  370. let offset = 4.0
  371. let offsetY = 2.0
  372. let offsetX = 4.0
  373. if self.boxImagePosition == .imageOnly {
  374. self.addSubview(self.imageViewBox)
  375. self.imageViewBox.km_add_inset_constraint()
  376. self.imageViewBox.contentView?.addSubview(self.imageViewBtn)
  377. self.imageViewBtn.km_add_inset_constraint(equalTo: self.imageViewBox, inset: NSEdgeInsets(top: offsetY, left: offsetX, bottom: offsetY, right: offsetX))
  378. } else if (self.boxImagePosition == .imageLeft) {
  379. self.addSubview(self.imageViewBox)
  380. self.imageViewBox.km_add_leading_constraint()
  381. self.imageViewBox.km_add_top_constraint()
  382. self.imageViewBox.km_add_bottom_constraint()
  383. self.imageViewBox.contentView?.addSubview(self.imageViewBtn)
  384. self.imageViewBtn.km_add_inset_constraint(equalTo: self.imageViewBox, inset: NSEdgeInsets(top: offsetY, left: 2*offsetX, bottom: offsetY, right: 0))
  385. self.addSubview(self.nameBtn)
  386. self.nameBtn.km_add_centerY_constraint()
  387. self.nameBtn.km_add_leading_constraint(equalTo: self.imageViewBox, attribute: .trailing)
  388. if (self.needExpandAction) {
  389. self.nameBtn.km_add_right_constraint(constant: -2*offsetX-8)
  390. } else {
  391. self.nameBtn.km_add_right_constraint(constant: -2*offsetX)
  392. }
  393. if(self.needExpandAction) {
  394. self.needExpandButton.image = NSImage(named: "KMImageNameUXIconBtnTriDownNor")
  395. self.addSubview(self.needExpandButton)
  396. self.needExpandButton.km_add_centerY_constraint()
  397. self.needExpandButton.km_add_width_constraint(constant: 8)
  398. self.needExpandButton.km_add_right_constraint(constant: -offset)
  399. }
  400. self.layer?.cornerRadius = 6
  401. } else if (self.boxImagePosition == .imageExpandLeft) {
  402. self.addSubview(self.imageViewBox)
  403. self.imageViewBox.km_add_leading_constraint()
  404. self.imageViewBox.km_add_top_constraint()
  405. self.imageViewBox.km_add_bottom_constraint()
  406. self.imageViewBox.contentView?.addSubview(self.imageViewBtn)
  407. self.imageViewBtn.km_add_inset_constraint(equalTo: self.imageViewBox, inset: NSEdgeInsets(top: offsetY, left: offsetX, bottom: offsetY, right: 0))
  408. self.needExpandButton.image = NSImage(named: "KMImageNameUXIconBtnTriDownNor")
  409. self.addSubview(self.needExpandButton)
  410. self.needExpandButton.km_add_centerY_constraint()
  411. self.needExpandButton.km_add_width_constraint(constant: 8)
  412. self.needExpandButton.km_add_right_constraint(constant: -offset)
  413. self.addSubview(self.nameBtn)
  414. self.nameBtn.km_add_centerY_constraint()
  415. self.nameBtn.km_add_leading_constraint(equalTo: self.imageViewBox, attribute: .trailing)
  416. self.nameBtn.km_add_trailing_constraint(equalTo: self.needExpandButton, attribute: .leading)
  417. } else if (self.boxImagePosition == .imageAbove) {
  418. self.addSubview(self.nameBtn)
  419. self.nameBtn.alignment = .center
  420. self.nameBtn.mas_makeConstraints { make in
  421. make?.left.right().equalTo()(0)
  422. make?.width.greaterThanOrEqualTo()(32)
  423. make?.bottom.equalTo()(self.mas_bottom)?.offset()(0)
  424. }
  425. // self.nameBtn.km_add_leading_constraint()
  426. // self.nameBtn.km_add_trailing_constraint()
  427. // self.nameBtn.km_add_bottom_constraint()
  428. self.addSubview(self.imageViewBox)
  429. self.imageViewBox.km_add_top_constraint()
  430. self.imageViewBox.km_add_width_constraint(constant: 32)
  431. self.imageViewBox.km_add_centerX_constraint()
  432. self.imageViewBox.km_add_bottom_constraint(equalTo: self.nameBtn, attribute: .top, constant: 0)
  433. self.imageViewBox.contentView?.addSubview(self.imageViewBtn)
  434. self.imageViewBtn.km_add_inset_constraint(inset: .init(top: 0, left: offset, bottom: 0, right: offset))
  435. }
  436. self.imageViewBox.borderWidth = 1.0
  437. self.addSubview(self.clickButton)
  438. self.clickButton.km_add_inset_constraint()
  439. }
  440. }
  441. extension KMToolbarItemView: NSPopoverDelegate {
  442. func popoverDidClose(_ notification: Notification) {
  443. if let data = self.popOver?.isEqual(to: notification.object), data {
  444. self._closePop()
  445. }
  446. }
  447. }
  448. extension KMToolbarItemView: KMCustomButtonPopMenuViewControllerDelegate, KMCustomButtonPopMenuViewControllerDataSources {
  449. func customViewButtonPopDidSelectIndex(_ index: Int) {
  450. self._closePop()
  451. // if (self.itemIdentifier == KMToolbarPageEditPageRangeItemIdentifier) {
  452. if let items = self.menuFormRepresentation?.submenu?.items {
  453. let item = items[index]
  454. _ = item.target?.perform(item.action, with: item)
  455. }
  456. // }
  457. }
  458. func numberOfLine() -> Int {
  459. // if (self.itemIdentifier == KMToolbarPageEditPageRangeItemIdentifier) {
  460. if let items = self.menuFormRepresentation?.submenu?.items {
  461. return items.count
  462. }
  463. // }
  464. return 0
  465. }
  466. func stringForLine(at index: Int) -> String? {
  467. // if (self.itemIdentifier == KMToolbarPageEditPageRangeItemIdentifier) {
  468. if let items = self.menuFormRepresentation?.submenu?.items {
  469. return items[index].title
  470. }
  471. // }
  472. return nil
  473. }
  474. func needInsertSeperateLine(at index: Int) -> Bool {
  475. if let items = self.menuFormRepresentation?.submenu?.items {
  476. return items[index].isSeparatorItem
  477. }
  478. return false
  479. }
  480. func needHightLightLine(at index: Int) -> Bool {
  481. return false
  482. }
  483. func imageForLine(at index: Int) -> NSImage? {
  484. if let items = self.menuFormRepresentation?.submenu?.items {
  485. return items[index].image
  486. }
  487. return nil
  488. }
  489. func itemEnable(at index: Int) -> Bool {
  490. return true
  491. }
  492. }