KMToolbarItemView.swift 22 KB

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