KMToolbarItemView.swift 22 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628
  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) ?? .imageLeft
  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. weak var pdfView: CPDFListView?
  31. lazy var clickButton: KMToolbarClickButton = {
  32. let view = KMToolbarClickButton()
  33. view.bezelStyle = .regularSquare
  34. view.isBordered = false
  35. view.imagePosition = .imageOnly
  36. view.clickObject = self
  37. return view
  38. }()
  39. var isSelected = false {
  40. didSet {
  41. if self.itemIdentifier != KMToolbarDividerItemIdentifier {
  42. if (isSelected) {
  43. if(self.image != nil && self.alternateImage != nil) {
  44. if let data = self.selectedImage {
  45. self.imageViewBtn.image = data
  46. } else {
  47. if let data = self.alternateImage {
  48. self.imageViewBtn.image = data
  49. }
  50. }
  51. }
  52. if (self.nameBtn.superview != nil) {
  53. self.nameBtn.setTitleColor(color: normalTextColor)
  54. }
  55. if(self.needExpandAction) {
  56. // self.needExpandButton.image = NSImage(named: "KMImageNameUXIconBtnTriDownSel")
  57. self.needExpandButton.image = NSImage(named: "KMImageNameUXIconBtnTriDownNor")
  58. }
  59. } else {
  60. if (self.needExpandAction) {
  61. self.needExpandButton.image = NSImage(named: "KMImageNameUXIconBtnTriDownNor")
  62. }
  63. if let data = self.image {
  64. self.imageViewBtn.image = data
  65. }
  66. if (self.nameBtn.superview != nil) {
  67. self.nameBtn.setTitleColor(color: normalTextColor)
  68. }
  69. }
  70. self.updateSelectBackground()
  71. }
  72. }
  73. }
  74. var unEnabled = false {
  75. didSet {
  76. self.clickButton.isEnabled = !self.unEnabled
  77. self.nameBtn.isEnabled = !self.unEnabled
  78. self.imageViewBtn.isEnabled = !self.unEnabled
  79. self.needExpandButton.isEnabled = !self.unEnabled
  80. }
  81. }
  82. var isShowCustomToolTip = false {
  83. didSet {
  84. if (self.isShowCustomToolTip) {
  85. self.clickButton.toolTip = ""
  86. }
  87. }
  88. }
  89. var boxImagePosition: NSControl.ImagePosition = .imageLeft {
  90. didSet {
  91. self._layoutView()
  92. self.itemWidth = self._calculateWidth()
  93. }
  94. }
  95. var image: NSImage? {
  96. didSet {
  97. self.imageViewBtn.image = self.image
  98. }
  99. }
  100. var selectedImage: NSImage?
  101. var alternateImage: NSImage?
  102. var titleName: String? {
  103. didSet {
  104. self.nameBtn.title = self.titleName ?? " "
  105. self.nameBtn.setTitleColor(color: normalTextColor)
  106. self.itemWidth = self._calculateWidth()
  107. }
  108. }
  109. weak var target: AnyObject? {
  110. didSet {
  111. self.clickButton.target = self.target
  112. }
  113. }
  114. var btnAction: Selector? {
  115. didSet {
  116. self.clickButton.action = self.btnAction
  117. }
  118. }
  119. var needExpandAction = false {
  120. didSet {
  121. self.itemWidth = self._calculateWidth()
  122. }
  123. }
  124. var btnTag = 0 {
  125. didSet {
  126. self.clickButton.tag = self.btnTag
  127. }
  128. }
  129. var customizeView: NSView? {
  130. didSet {
  131. self._layoutView()
  132. self.itemWidth = self._calculateWidth()
  133. }
  134. }
  135. private var promptView_: NSView?
  136. var promptView: NSView? {
  137. get {
  138. return self.promptView_
  139. }
  140. }
  141. private var promptIdentifier_: String?
  142. var promptIdentifier: String? {
  143. get {
  144. return self.promptIdentifier_
  145. }
  146. set {
  147. if self.promptIdentifier_ != newValue {
  148. self.promptIdentifier_ = newValue
  149. if let data = KMDataManager.ud_object(forKey: newValue ?? "") as? Bool {
  150. self.isShowPrompt = !data
  151. } else {
  152. self.isShowPrompt = true
  153. }
  154. }
  155. }
  156. }
  157. private var isShowPrompt_: Bool = false
  158. var isShowPrompt: Bool {
  159. get {
  160. return self.isShowPrompt_
  161. }
  162. set {
  163. self.isShowPrompt_ = newValue
  164. self.promptView?.isHidden = !newValue
  165. }
  166. }
  167. var normalBackgroundColor: NSColor = .clear
  168. var selectedBackgroundColor: NSColor = KMAppearance.Status.selColor()
  169. var selectBackgroundType: KMToolbarItemViewSelectBackgroundType = .none
  170. var normalTextColor: NSColor = KMAppearance.titleColor()
  171. var itemWidth: CGFloat = 0
  172. var itemHeight: CGFloat = 0
  173. var isPopToolTip = false
  174. private var area_: NSTrackingArea?
  175. static let kDividerWidth: CGFloat = 8
  176. static let kHSpace: CGFloat = 4
  177. static let kExpandWidth: CGFloat = 8
  178. static let kRightMargin: CGFloat = 4
  179. static let kImageAboveMinWidth: CGFloat = 32
  180. lazy var imageViewBox: NSBox = {
  181. let view = NSBox()
  182. view.borderWidth = 0
  183. view.contentViewMargins = NSSize.zero
  184. view.boxType = .custom
  185. view.borderColor = .clear
  186. view.cornerRadius = 7.0
  187. return view
  188. }()
  189. lazy var imageViewBtn: NSButton = {
  190. let view = NSButton()
  191. view.bezelStyle = .regularSquare
  192. view.isBordered = false
  193. view.imagePosition = .imageOnly
  194. return view
  195. }()
  196. var nameBtn: NSButton = {
  197. let view = NSButton()
  198. view.bezelStyle = .regularSquare
  199. view.isBordered = false
  200. view.imagePosition = .imageOnly
  201. view.title = ""
  202. return view
  203. }()
  204. var needExpandButton: NSButton = {
  205. let view = NSButton()
  206. view.bezelStyle = .regularSquare
  207. view.isBordered = false
  208. view.imagePosition = .imageOnly
  209. view.image = NSImage(named: "KMImageNameUXIconBtnTriDownNor")
  210. return view
  211. }()
  212. private var _kNormalImage: NSImage?
  213. private var _originalHelpTip: String?
  214. deinit {
  215. if (self.area_ != nil) {
  216. self.removeTrackingArea(self.area_!)
  217. self.area_ = nil
  218. }
  219. NotificationCenter.default.removeObserver(self)
  220. }
  221. class var textFont: NSFont {
  222. get {
  223. .systemFont(ofSize: 12)
  224. }
  225. }
  226. // class var textNormalColor: NSColor {
  227. // get {
  228. // KMAppearance.titleColor()
  229. // }
  230. // }
  231. class func fetchTextNormalColor() -> NSColor {
  232. return KMAppearance.titleColor()
  233. }
  234. class func fetchTextSelectedColor() -> NSColor {
  235. return KMAppearance.titleColor()
  236. }
  237. class var selectedBackgroundColor: NSColor {
  238. get {
  239. return KMAppearance.Status.selColor()
  240. }
  241. }
  242. class var normalBackgroundColor: NSColor {
  243. get {
  244. return .clear
  245. }
  246. }
  247. convenience init(itemIdentifier: String) {
  248. self.init()
  249. self._itemIdentifier = itemIdentifier
  250. self.boxImagePosition = .imageLeft
  251. self.wantsLayer = true
  252. self.layer?.cornerRadius = 5
  253. self.layer?.masksToBounds = true
  254. self.nameBtn.font = Self.textFont
  255. let promptV = NSView()
  256. self.promptView_ = promptV
  257. self.addSubview(promptV)
  258. promptV.wantsLayer = true
  259. promptV.layer?.cornerRadius = 3
  260. promptV.layer?.backgroundColor = NSColor(red: 1, green: 56/255.0, blue: 25/255.0, alpha: 1).cgColor
  261. self.isShowPrompt = false
  262. }
  263. override func draw(_ dirtyRect: NSRect) {
  264. if (self.itemIdentifier == KMToolbarDividerItemIdentifier) {
  265. let context = NSGraphicsContext.current?.cgContext
  266. KMContextSaveGState(context)
  267. KMContextTranslateCTM(context, NSWidth(dirtyRect)/2.0, NSHeight(dirtyRect)/2.0-10)
  268. KMContextMoveToPoint(context, 0, 0)
  269. KMContextAddLineToPoint(context, 0, 20)
  270. if (KMAppearance.isDarkMode()) {
  271. KMContextSetStrokeColorWithColor(context, KMAppearance.separatorLineColor().cgColor)
  272. } else {
  273. KMContextSetStrokeColorWithColor(context, NSColor(red: 0, green: 0, blue: 0, alpha: 0.1).cgColor)
  274. }
  275. KMContextStrokePath(context)
  276. KMContextRestoreGState(context)
  277. }
  278. }
  279. override var toolTip: String? {
  280. get {
  281. return self._originalHelpTip
  282. }
  283. set {
  284. self.clickButton.toolTip = newValue ?? ""
  285. self._originalHelpTip = self.clickButton.toolTip
  286. if(self.isShowCustomToolTip) {
  287. self.clickButton.toolTip = ""
  288. }
  289. }
  290. }
  291. override func updateTrackingAreas() {
  292. super.updateTrackingAreas()
  293. let areaBound = NSRect(x: 0, y: 5, width: self.bounds.size.width, height: self.bounds.size.height)
  294. if let _area = self.area_, _area.rect.isEmpty == false {
  295. if (_area.rect.equalTo(areaBound)) {
  296. return
  297. }
  298. }
  299. if (self.area_ != nil) {
  300. self.removeTrackingArea(self.area_!)
  301. self.area_ = nil
  302. }
  303. // inVisibleRect activeInKeyWindow
  304. self.area_ = NSTrackingArea(rect: areaBound, options: [.mouseEnteredAndExited,.mouseMoved, .activeAlways], owner: self)
  305. self.addTrackingArea(self.area_!)
  306. }
  307. override func mouseEntered(with event: NSEvent) {
  308. super.mouseEntered(with: event)
  309. if let data = self.window?.isKeyWindow, !data {
  310. return
  311. }
  312. if (self.itemIdentifier == KMToolbarDividerItemIdentifier || self.customizeView != nil || self.image == nil) {
  313. return
  314. }
  315. if self.unEnabled {
  316. return
  317. }
  318. if (!self.isSelected) {
  319. if self.selectBackgroundType == .none {
  320. self.layer?.backgroundColor = Self.selectedBackgroundColor.cgColor
  321. } else {
  322. self.imageViewBox.fillColor = Self.selectedBackgroundColor
  323. }
  324. if(self.image != nil && self.alternateImage != nil) {
  325. self._kNormalImage = self.image
  326. self.imageViewBtn.image = self.alternateImage
  327. if(self.nameBtn.superview != nil) {
  328. self.nameBtn.setTitleColor(color: normalTextColor)
  329. }
  330. }
  331. }
  332. }
  333. override func mouseExited(with event: NSEvent) {
  334. super.mouseExited(with: event)
  335. if (!self.isSelected && !self.needExpandAction) {
  336. if self.selectBackgroundType == .none {
  337. self.layer?.backgroundColor = self.normalBackgroundColor.cgColor
  338. } else {
  339. self.imageViewBox.fillColor = self.normalBackgroundColor
  340. }
  341. if(self.image != nil && self.alternateImage != nil) {
  342. self.imageViewBtn.image = self._kNormalImage ?? self.image!
  343. }
  344. }
  345. if(self.needExpandAction && !self.isSelected) {
  346. if self.selectBackgroundType == .none {
  347. self.layer?.backgroundColor = self.normalBackgroundColor.cgColor
  348. } else {
  349. self.imageViewBox.fillColor = self.normalBackgroundColor
  350. }
  351. if(self.image != nil && self.alternateImage != nil) {
  352. self.imageViewBtn.image = self._kNormalImage ?? self.image!
  353. }
  354. self.needExpandButton.image = NSImage(named: "KMImageNameUXIconBtnTriDownNor")
  355. }
  356. if let data = self.window?.isKeyWindow, !data {
  357. return
  358. }
  359. if(self.nameBtn.superview != nil && !self.isSelected) {
  360. self.nameBtn.setTitleColor(color: normalTextColor)
  361. }
  362. }
  363. public func calculateWidth() -> CGFloat {
  364. let iWidth = self._calculateWidth()
  365. return iWidth
  366. }
  367. func updateSelectBackground() {
  368. if self.selectBackgroundType == .none {
  369. if self.isSelected {
  370. self.layer?.backgroundColor = Self.selectedBackgroundColor.cgColor
  371. } else {
  372. self.layer?.backgroundColor = self.normalBackgroundColor.cgColor
  373. }
  374. } else if self.selectBackgroundType == .imageBox {
  375. if self.isSelected {
  376. self.imageViewBox.fillColor = Self.selectedBackgroundColor
  377. } else {
  378. self.imageViewBox.fillColor = self.normalBackgroundColor
  379. self.layer?.backgroundColor = self.normalBackgroundColor.cgColor
  380. }
  381. }
  382. }
  383. override func interfaceThemeDidChanged(_ appearance: NSAppearance.Name) {
  384. super.interfaceThemeDidChanged(appearance)
  385. self.nameBtn.setTitleColor(normalTextColor)
  386. }
  387. }
  388. // MARK: - Private Methods
  389. extension KMToolbarItemView {
  390. private func _layoutView() {
  391. if self.nameBtn.superview != nil {
  392. self.nameBtn.removeFromSuperview()
  393. }
  394. if self.imageViewBox.superview != nil {
  395. self.imageViewBox.removeFromSuperview()
  396. }
  397. if self.imageViewBtn.superview != nil {
  398. self.imageViewBtn.removeFromSuperview()
  399. }
  400. if let view = self.promptView, view.superview != nil {
  401. view.removeFromSuperview()
  402. }
  403. if let view = self.customizeView {
  404. if view.superview != nil {
  405. view.removeFromSuperview()
  406. }
  407. let iWidth = NSWidth(view.bounds)
  408. self.addSubview(view)
  409. view.km_add_leading_constraint()
  410. view.km_add_trailing_constraint()
  411. view.km_add_centerY_constraint()
  412. view.km_add_width_constraint(constant: iWidth)
  413. view.km_add_height_constraint(constant: NSHeight(view.bounds))
  414. self.itemHeight = NSHeight(view.bounds)
  415. return
  416. } else if (self.itemIdentifier == KMToolbarDividerItemIdentifier) {
  417. self.addSubview(self.imageViewBox)
  418. self.imageViewBox.km_add_inset_constraint(inset: NSEdgeInsetsZero)
  419. self.imageViewBox.km_add_width_constraint(constant: Self.kDividerWidth)
  420. self.itemHeight = 40
  421. return
  422. }
  423. let offset = Self.kRightMargin
  424. let offsetY: CGFloat = 2.0
  425. let offsetX = Self.kHSpace
  426. if self.boxImagePosition == .imageOnly {
  427. let iWidth = (self.imageViewBtn.image?.size ?? .zero).width + offsetX * 2
  428. self.addSubview(self.imageViewBox)
  429. self.imageViewBox.km_add_inset_constraint()
  430. self.imageViewBox.contentView?.addSubview(self.imageViewBtn)
  431. self.imageViewBtn.km_add_inset_constraint(equalTo: self.imageViewBox, inset: NSEdgeInsets(top: offsetY, left: 0, bottom: offsetY, right: 0))
  432. self.itemHeight = 24
  433. } else if (self.boxImagePosition == .imageLeft) {
  434. self.addSubview(self.imageViewBox)
  435. self.imageViewBox.km_add_leading_constraint()
  436. self.imageViewBox.km_add_top_constraint()
  437. self.imageViewBox.km_add_bottom_constraint()
  438. self.imageViewBox.contentView?.addSubview(self.imageViewBtn)
  439. self.imageViewBtn.km_add_inset_constraint(equalTo: self.imageViewBox, inset: NSEdgeInsets(top: offsetY, left: 2*offsetX-2, bottom: offsetY, right: 2))
  440. self.addSubview(self.nameBtn)
  441. self.nameBtn.km_add_centerY_constraint()
  442. self.nameBtn.km_add_leading_constraint(equalTo: self.imageViewBox, attribute: .trailing)
  443. if (self.needExpandAction) {
  444. self.nameBtn.km_add_right_constraint(constant: -2*offsetX-Self.kExpandWidth)
  445. } else {
  446. // self.nameBtn.km_add_right_constraint(constant: -2*offsetX)
  447. self.nameBtn.km_add_trailing_constraint(constant: -2*offsetX)
  448. }
  449. if(self.needExpandAction) {
  450. self.needExpandButton.image = NSImage(named: "KMImageNameUXIconBtnTriDownNor")
  451. self.addSubview(self.needExpandButton)
  452. self.needExpandButton.km_add_centerY_constraint()
  453. self.needExpandButton.km_add_width_constraint(constant: Self.kExpandWidth)
  454. self.needExpandButton.km_add_right_constraint(constant: -offset)
  455. }
  456. self.layer?.cornerRadius = 6
  457. self.itemHeight = 24
  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: Self.kExpandWidth)
  469. // self.needExpandButton.km_add_right_constraint(constant: -offset)
  470. self.needExpandButton.km_add_trailing_constraint(constant: -offset)
  471. self.addSubview(self.nameBtn)
  472. self.nameBtn.km_add_centerY_constraint()
  473. self.nameBtn.km_add_leading_constraint(equalTo: self.imageViewBox, attribute: .trailing)
  474. self.nameBtn.km_add_trailing_constraint(equalTo: self.needExpandButton, attribute: .leading)
  475. // 阿拉伯语言这样设置布局有问题
  476. // self.nameBtn.km_add_right_constraint(equalTo: self.needExpandButton, attribute: .left, constant: 0)
  477. self.itemHeight = 24
  478. } else if (self.boxImagePosition == .imageAbove) {
  479. self.addSubview(self.nameBtn)
  480. self.nameBtn.alignment = .center
  481. self.nameBtn.mas_makeConstraints { make in
  482. make?.left.right().equalTo()(0)
  483. make?.width.greaterThanOrEqualTo()(Self.kImageAboveMinWidth)
  484. make?.height.mas_equalTo()(14)
  485. make?.bottom.equalTo()(self.mas_bottom)?.offset()(0)
  486. }
  487. // self.nameBtn.km_add_leading_constraint()
  488. // self.nameBtn.km_add_trailing_constraint()
  489. // self.nameBtn.km_add_bottom_constraint()
  490. self.addSubview(self.imageViewBox)
  491. self.imageViewBox.km_add_top_constraint()
  492. self.imageViewBox.km_add_width_constraint(constant: Self.kImageAboveMinWidth)
  493. self.imageViewBox.km_add_centerX_constraint()
  494. self.imageViewBox.km_add_bottom_constraint(equalTo: self.nameBtn, attribute: .top, constant: 0)
  495. self.imageViewBox.contentView?.addSubview(self.imageViewBtn)
  496. self.imageViewBtn.km_add_inset_constraint(inset: .init(top: 0.5, left: offset, bottom: 0, right: offset))
  497. self.itemHeight = 40
  498. }
  499. self.imageViewBox.borderWidth = 1.0
  500. self.addSubview(self.clickButton)
  501. self.clickButton.km_add_inset_constraint()
  502. if let view = self.promptView {
  503. self.addSubview(view)
  504. }
  505. }
  506. private func _calculateWidth() -> CGFloat {
  507. if let v = self.customizeView {
  508. return NSWidth(v.bounds)
  509. } else if self.itemIdentifier == KMToolbarDividerItemIdentifier {
  510. return Self.kDividerWidth
  511. } else {
  512. if self.boxImagePosition == .imageOnly {
  513. return (self.imageViewBtn.image?.size ?? .zero).width + Self.kHSpace * 2
  514. } else if self.boxImagePosition == .imageLeft {
  515. // Compress 98 = 28(4+20+4) + 62 + 8(4+4)
  516. var iWidth = (self.imageViewBtn.image?.size.width ?? 0) + Self.kHSpace * 2
  517. self.nameBtn.sizeToFit()
  518. iWidth += self.nameBtn.frame.size.width
  519. iWidth += (2 * Self.kHSpace)
  520. if self.needExpandAction {
  521. iWidth += 8
  522. }
  523. return iWidth
  524. } else if self.boxImagePosition == .imageExpandLeft {
  525. // Security 87
  526. var iWidth = (self.imageViewBtn.image?.size.width ?? 0) + Self.kHSpace
  527. self.nameBtn.sizeToFit()
  528. iWidth += self.nameBtn.frame.size.width
  529. iWidth += Self.kExpandWidth
  530. iWidth += Self.kRightMargin
  531. return iWidth
  532. } else if self.boxImagePosition == .imageAbove {
  533. // Panel 33
  534. self.nameBtn.sizeToFit()
  535. let iWidth = NSWidth(self.nameBtn.bounds)
  536. return max(Self.kImageAboveMinWidth, iWidth)
  537. }
  538. }
  539. return 0
  540. }
  541. override func layout() {
  542. super.layout()
  543. if let view = self.promptView, view.superview != nil {
  544. let wh: CGFloat = 6
  545. let y: CGFloat = 3
  546. view.frame = NSMakeRect(NSWidth(self.bounds)-wh, NSHeight(self.bounds)-wh-y, wh, wh)
  547. }
  548. }
  549. }