KMToolbarItemView.swift 22 KB

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