KMToolbarItemView.swift 21 KB

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