KMToolbarItemView.swift 22 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626
  1. //
  2. // KMToolbarItemView.swift
  3. // PDF Reader Pro
  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.unEnabled {
  269. return
  270. }
  271. if (!self.isSelected) {
  272. if self.selectBackgroundType == .none {
  273. self.layer?.backgroundColor = Self.selectedBackgroundColor.cgColor
  274. } else {
  275. self.imageViewBox.fillColor = Self.selectedBackgroundColor
  276. }
  277. if(self.image != nil && self.alternateImage != nil) {
  278. self._kNormalImage = self.image
  279. self.imageViewBtn.image = self.alternateImage
  280. if(self.nameBtn.superview != nil) {
  281. self.nameBtn.setTitleColor(color: Self.textNormalColor)
  282. }
  283. }
  284. }
  285. if (self.needExpandAction) {
  286. // KMImageNameUXIconBtnTriDownSel
  287. self.needExpandButton.image = NSImage(named: "KMImageNameUXIconBtnTriDownNor")
  288. self._showPop(self)
  289. }else if (self.isShowCustomToolTip) {
  290. self.perform(#selector(_showHUDHint), with: nil, afterDelay: 0.1)
  291. }
  292. }
  293. override func mouseExited(with event: NSEvent) {
  294. super.mouseExited(with: event)
  295. if (!self.isSelected && !self.needExpandAction) {
  296. if self.selectBackgroundType == .none {
  297. self.layer?.backgroundColor = self.normalBackgroundColor.cgColor
  298. } else {
  299. self.imageViewBox.fillColor = self.normalBackgroundColor
  300. }
  301. if(self.image != nil && self.alternateImage != nil) {
  302. self.imageViewBtn.image = self._kNormalImage ?? self.image!
  303. }
  304. }
  305. if(self.needExpandAction && !self.isSelected) {
  306. if self.selectBackgroundType == .none {
  307. self.layer?.backgroundColor = self.normalBackgroundColor.cgColor
  308. } else {
  309. self.imageViewBox.fillColor = self.normalBackgroundColor
  310. }
  311. if(self.image != nil && self.alternateImage != nil) {
  312. self.imageViewBtn.image = self._kNormalImage ?? self.image!
  313. }
  314. self.needExpandButton.image = NSImage(named: "KMImageNameUXIconBtnTriDownNor")
  315. }
  316. guard let _window = self.window else {
  317. return
  318. }
  319. if (!_window.isKeyWindow) {
  320. return
  321. }
  322. if(self.nameBtn.superview != nil && !self.isSelected) {
  323. self.nameBtn.setTitleColor(color: Self.textNormalColor)
  324. }
  325. if (self.isShowCustomToolTip && !self.needExpandAction) {
  326. NSObject.cancelPreviousPerformRequests(withTarget: self, selector: #selector(_showHUDHint), object: nil)
  327. self._closePop()
  328. }
  329. }
  330. private func _updateSelectBackground() {
  331. if self.selectBackgroundType == .none {
  332. if self.isSelected {
  333. self.layer?.backgroundColor = Self.selectedBackgroundColor.cgColor
  334. } else {
  335. self.layer?.backgroundColor = self.normalBackgroundColor.cgColor
  336. }
  337. } else if self.selectBackgroundType == .imageBox {
  338. if self.isSelected {
  339. self.imageViewBox.fillColor = Self.selectedBackgroundColor
  340. } else {
  341. self.imageViewBox.fillColor = self.normalBackgroundColor
  342. }
  343. }
  344. }
  345. // override func updateLayer() {
  346. // super.updateLayer()
  347. //
  348. // self.wantsLayer = true
  349. // self.layer?.backgroundColor = KMAppearance.Layout.l_2Color().cgColor
  350. // }
  351. }
  352. // MARK: - Private Methods
  353. extension KMToolbarItemView {
  354. private func _addTrackingArea() {
  355. let trackingArea = NSTrackingArea(rect: self.bounds, options: [.mouseEnteredAndExited, .inVisibleRect, .activeInKeyWindow], owner: self)
  356. self.addTrackingArea(trackingArea)
  357. }
  358. private func _showPop(_ sender: NSView) {
  359. if (self._popOver != nil) {
  360. return
  361. }
  362. let menuViewController = KMCustomButtonPopMenuViewController()
  363. menuViewController.delegate = self
  364. menuViewController.dataSources = self
  365. self.popOver = NSPopover()
  366. self.popOver?.delegate = self
  367. self.popOver?.contentViewController = menuViewController
  368. self.popOver?.animates = false
  369. self.popOver?.behavior = .semitransient
  370. self.popOver?.contentSize = menuViewController.view.frame.size
  371. var sourcesRect = sender.bounds
  372. sourcesRect = sender.convert(sourcesRect, to: nil)
  373. sourcesRect.origin.y -= 20
  374. sourcesRect.size.height += 20
  375. self.window?.popover = self.popOver
  376. self.window?.sourcesRect = sourcesRect
  377. self.popOver?.show(relativeTo: CGRectInset(self.bounds, 0, 5), of: self, preferredEdge: .minY)
  378. }
  379. private func _closePop() {
  380. self.popOver?.close()
  381. self.popOver = nil
  382. }
  383. @objc private func _showHUDHint() {
  384. // KMToolbarItemPopViewController *popViewController = [[[KMToolbarItemPopViewController alloc] init] autorelease];
  385. // self.popOver = [[[NSPopover alloc] init] autorelease];
  386. // self.popOver.contentViewController = popViewController;
  387. // self.popOver.animates = NO;
  388. // self.popOver.behavior = NSPopoverBehaviorSemitransient;
  389. // self.popOver.backgroundColor = [KMAppearance KMBluegrey01Color];
  390. //
  391. // self.popOver.contentSize = popViewController.view.frame.size;
  392. // [popViewController updateWithHelpTip:self.originalHelpTip];
  393. // [self.popOver showRelativeToRect:self.bounds ofView:self preferredEdge:NSRectEdgeMinY];
  394. }
  395. @objc private func _windowClosedPop(sender: Notification) {
  396. if let data = self._popOver?.isEqual(to: sender.object), data {
  397. self.popOver = nil
  398. }
  399. }
  400. private func _layoutView() {
  401. if self.nameBtn.superview != nil {
  402. self.nameBtn.removeFromSuperview()
  403. }
  404. if self.imageViewBox.superview != nil {
  405. self.imageViewBox.removeFromSuperview()
  406. }
  407. if self.imageViewBtn.superview != nil {
  408. self.imageViewBtn.removeFromSuperview()
  409. }
  410. if let view = self.customizeView {
  411. if view.superview != nil {
  412. view.removeFromSuperview()
  413. }
  414. self.addSubview(view)
  415. view.km_add_leading_constraint()
  416. view.km_add_trailing_constraint()
  417. view.km_add_centerY_constraint()
  418. view.km_add_width_constraint(constant: NSWidth(view.bounds))
  419. view.km_add_height_constraint(constant: NSHeight(view.bounds))
  420. return
  421. } else if (self.itemIdentifier == KMToolbarDividerItemIdentifier) {
  422. self.addSubview(self.imageViewBox)
  423. self.imageViewBox.km_add_inset_constraint(inset: NSEdgeInsetsZero)
  424. self.imageViewBox.km_add_width_constraint(constant: 8)
  425. return
  426. }
  427. let offset = 4.0
  428. let offsetY = 2.0
  429. let offsetX = 4.0
  430. if self.boxImagePosition == .imageOnly {
  431. self.addSubview(self.imageViewBox)
  432. self.imageViewBox.km_add_inset_constraint()
  433. self.imageViewBox.contentView?.addSubview(self.imageViewBtn)
  434. self.imageViewBtn.km_add_inset_constraint(equalTo: self.imageViewBox, inset: NSEdgeInsets(top: offsetY, left: offsetX, bottom: offsetY, right: offsetX))
  435. } else if (self.boxImagePosition == .imageLeft) {
  436. self.addSubview(self.imageViewBox)
  437. self.imageViewBox.km_add_leading_constraint()
  438. self.imageViewBox.km_add_top_constraint()
  439. self.imageViewBox.km_add_bottom_constraint()
  440. self.imageViewBox.contentView?.addSubview(self.imageViewBtn)
  441. self.imageViewBtn.km_add_inset_constraint(equalTo: self.imageViewBox, inset: NSEdgeInsets(top: offsetY, left: 2*offsetX-2, bottom: offsetY, right: 2))
  442. self.addSubview(self.nameBtn)
  443. self.nameBtn.km_add_centerY_constraint()
  444. self.nameBtn.km_add_leading_constraint(equalTo: self.imageViewBox, attribute: .trailing)
  445. if (self.needExpandAction) {
  446. self.nameBtn.km_add_right_constraint(constant: -2*offsetX-8)
  447. } else {
  448. self.nameBtn.km_add_right_constraint(constant: -2*offsetX)
  449. }
  450. if(self.needExpandAction) {
  451. self.needExpandButton.image = NSImage(named: "KMImageNameUXIconBtnTriDownNor")
  452. self.addSubview(self.needExpandButton)
  453. self.needExpandButton.km_add_centerY_constraint()
  454. self.needExpandButton.km_add_width_constraint(constant: 8)
  455. self.needExpandButton.km_add_right_constraint(constant: -offset)
  456. }
  457. self.layer?.cornerRadius = 6
  458. } else if (self.boxImagePosition == .imageExpandLeft) {
  459. self.addSubview(self.imageViewBox)
  460. self.imageViewBox.km_add_leading_constraint()
  461. self.imageViewBox.km_add_top_constraint()
  462. self.imageViewBox.km_add_bottom_constraint()
  463. self.imageViewBox.contentView?.addSubview(self.imageViewBtn)
  464. self.imageViewBtn.km_add_inset_constraint(equalTo: self.imageViewBox, inset: NSEdgeInsets(top: offsetY, left: offsetX, bottom: offsetY, right: 0))
  465. self.needExpandButton.image = NSImage(named: "KMImageNameUXIconBtnTriDownNor")
  466. self.addSubview(self.needExpandButton)
  467. self.needExpandButton.km_add_centerY_constraint()
  468. self.needExpandButton.km_add_width_constraint(constant: 8)
  469. self.needExpandButton.km_add_right_constraint(constant: -offset)
  470. self.addSubview(self.nameBtn)
  471. self.nameBtn.km_add_centerY_constraint()
  472. self.nameBtn.km_add_leading_constraint(equalTo: self.imageViewBox, attribute: .trailing)
  473. self.nameBtn.km_add_trailing_constraint(equalTo: self.needExpandButton, attribute: .leading)
  474. } else if (self.boxImagePosition == .imageAbove) {
  475. self.addSubview(self.nameBtn)
  476. self.nameBtn.alignment = .center
  477. self.nameBtn.mas_makeConstraints { make in
  478. make?.left.right().equalTo()(0)
  479. make?.width.greaterThanOrEqualTo()(32)
  480. make?.bottom.equalTo()(self.mas_bottom)?.offset()(0)
  481. }
  482. // self.nameBtn.km_add_leading_constraint()
  483. // self.nameBtn.km_add_trailing_constraint()
  484. // self.nameBtn.km_add_bottom_constraint()
  485. self.addSubview(self.imageViewBox)
  486. self.imageViewBox.km_add_top_constraint()
  487. self.imageViewBox.km_add_width_constraint(constant: 32)
  488. self.imageViewBox.km_add_centerX_constraint()
  489. self.imageViewBox.km_add_bottom_constraint(equalTo: self.nameBtn, attribute: .top, constant: 0)
  490. self.imageViewBox.contentView?.addSubview(self.imageViewBtn)
  491. self.imageViewBtn.km_add_inset_constraint(inset: .init(top: 0, left: offset, bottom: 0, right: offset))
  492. }
  493. self.imageViewBox.borderWidth = 1.0
  494. self.addSubview(self.clickButton)
  495. self.clickButton.km_add_inset_constraint()
  496. }
  497. }
  498. extension KMToolbarItemView: NSPopoverDelegate {
  499. func popoverDidClose(_ notification: Notification) {
  500. if let data = self.popOver?.isEqual(to: notification.object), data {
  501. self._closePop()
  502. }
  503. }
  504. }
  505. extension KMToolbarItemView: KMCustomButtonPopMenuViewControllerDelegate, KMCustomButtonPopMenuViewControllerDataSources {
  506. func customViewButtonPopDidSelectIndex(_ index: Int) {
  507. self._closePop()
  508. // if (self.itemIdentifier == KMToolbarPageEditPageRangeItemIdentifier) {
  509. if let items = self.menuFormRepresentation?.submenu?.items {
  510. let item = items[index]
  511. _ = item.target?.perform(item.action, with: item)
  512. }
  513. // }
  514. }
  515. func numberOfLine() -> Int {
  516. // if (self.itemIdentifier == KMToolbarPageEditPageRangeItemIdentifier) {
  517. if let items = self.menuFormRepresentation?.submenu?.items {
  518. return items.count
  519. }
  520. // }
  521. return 0
  522. }
  523. func stringForLine(at index: Int) -> String? {
  524. // if (self.itemIdentifier == KMToolbarPageEditPageRangeItemIdentifier) {
  525. if let items = self.menuFormRepresentation?.submenu?.items {
  526. return items[index].title
  527. }
  528. // }
  529. return nil
  530. }
  531. func needInsertSeperateLine(at index: Int) -> Bool {
  532. if let items = self.menuFormRepresentation?.submenu?.items {
  533. return items[index].isSeparatorItem
  534. }
  535. return false
  536. }
  537. func needHightLightLine(at index: Int) -> Bool {
  538. return false
  539. }
  540. func imageForLine(at index: Int) -> NSImage? {
  541. if let items = self.menuFormRepresentation?.submenu?.items {
  542. return items[index].image
  543. }
  544. return nil
  545. }
  546. func itemEnable(at index: Int) -> Bool {
  547. return true
  548. }
  549. }