KMHomePopViewController.swift 21 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522
  1. //
  2. // KMHomePopViewController.swift
  3. // PDF Reader Pro
  4. //
  5. // Created by wanjun on 2022/10/17.
  6. //
  7. import Cocoa
  8. typealias popCellViewDownCallback = (_ downEntered: Bool, _ count: String) -> Void
  9. typealias popCellViewWillShow = (_ cellView: KMBox, _ index: Int) -> Void
  10. @objcMembers class KMHomePopViewController: NSViewController {
  11. @IBOutlet weak var customBox: NSBox!
  12. @IBOutlet weak var customBoxWidthLayoutConstraint: NSLayoutConstraint!
  13. @IBOutlet weak var customBoxHeightLayoutConstraint: NSLayoutConstraint!
  14. var downCallback: popCellViewDownCallback?
  15. var viewWillShow: popCellViewWillShow?
  16. var popCellViewDownString: String?
  17. var popCellCount: Int?
  18. var dataArr: [String]?
  19. var KMHorizontalLine: String = "KMHorizontalLine"
  20. var enterFillColor : NSColor = KMDesignToken.shared.fill(withToken: "dropdown.m.bg.hov")
  21. var textColor : NSColor = .black // 背景颜色
  22. var background : NSColor = .white // 背景颜色
  23. var background_hov : NSColor = .clear // 背景颜色
  24. var background_sel : NSColor = .clear // 背景颜色
  25. var background_disabled : NSColor = .clear // 背景颜色
  26. var cornerRadius : Float = 0.0 // 边框圆角
  27. var cornerRadius_hov : Float = 0.0 // 边框圆角
  28. var cornerRadius_sel : Float = 0.0 // 边框圆角
  29. var cornerRadius_disabled : Float = 0.0 // 边框圆角
  30. var lineHeight : CGFloat = 20.0 // 默认 内容行高
  31. var lineHeight_hov : CGFloat = 20.0 // 默认 内容行高
  32. var lineHeight_sel : CGFloat = 20.0 // 默认 内容行高
  33. var lineHeight_disabled : CGFloat = 20.0 // 默认 内容行高
  34. var font : NSFont = NSFont.systemFont(ofSize: 14.0) // 内容字体
  35. var font_hov : NSFont = NSFont.systemFont(ofSize: 14.0) // 内容字体
  36. var font_sel : NSFont = NSFont.systemFont(ofSize: 14.0) // 内容字体
  37. var font_disabled : NSFont = NSFont.systemFont(ofSize: 14.0) // 内容字体
  38. var _state: KMDesignTokenState = .Norm
  39. var enabled: Bool = true // 是否可点击
  40. var canHover: Bool = true // 是否可悬浮
  41. var disItems: [String] = []
  42. var selectedItems: [String] = []
  43. var showVerticalScroller: Bool = false
  44. func initWithPopViewDataArr(_ popViewDataArr: [String]) -> Self {
  45. // self.dataArr = popViewDataArr.reverseObjectEnumerator().allObjects as NSArray
  46. self.dataArr = popViewDataArr.reversed()
  47. return self
  48. }
  49. override func viewDidLoad() {
  50. super.viewDidLoad()
  51. customBox.fillColor = background//NSColor.km_init(hex: "#FFFFFF")
  52. // self.updateUI()
  53. }
  54. override func viewDidAppear() {
  55. super.viewDidAppear()
  56. self.updateUI()
  57. }
  58. // MARK: Private
  59. func updateUI() {
  60. customBox.fillColor = background
  61. var widthMax: Float = 0;
  62. let subViews: [NSView] = self.customBox.contentView!.subviews
  63. for subView in subViews {
  64. subView.removeFromSuperview()
  65. }
  66. for string in self.dataArr ?? [] {
  67. if !(string as AnyObject).isEqual(to: KMHorizontalLine) {
  68. let width = self.cellContentAdaptiveWidth(string)
  69. if widthMax < width {
  70. widthMax = width
  71. }
  72. }
  73. }
  74. var formTopFloat: Float = 4.0
  75. // for i in (0..<dataArr!.count).reversed() {
  76. for string in dataArr?.reversed() ?? [] {
  77. if (string as AnyObject).isEqual(to: KMHorizontalLine) {
  78. self.createHonrizontalLineWithFrame(CGRect(x: 12.0, y: CGFloat(formTopFloat), width: CGFloat(widthMax)+23, height: 11))
  79. formTopFloat += 11
  80. } else {
  81. popCellViewDownString = string
  82. // self.createPopViewCellLabelWithFrame(CGRect(x: 4.0, y: CGFloat(formTopFloat), width: CGFloat(widthMax)+47, height: 32), stringValue: string)
  83. createPopViewCellLabelWithFrame(formTopFloat, stringValue: string)
  84. formTopFloat += 32;
  85. }
  86. }
  87. customBoxWidthLayoutConstraint.constant = CGFloat(widthMax+47)
  88. customBoxHeightLayoutConstraint.constant = CGFloat(formTopFloat+4.0)
  89. }
  90. func createHonrizontalLineWithFrame(_ frame: CGRect) {
  91. let box: NSBox = NSBox.init(frame: frame)
  92. box.boxType = .custom
  93. box.borderWidth = 0.0
  94. box.contentViewMargins = NSMakeSize(0, 0)
  95. customBox.contentView?.addSubview(box)
  96. box.mas_makeConstraints { (make) in
  97. make?.leading.equalTo()(frame.origin.x)
  98. make?.trailing.equalTo()(-frame.origin.x)
  99. make?.height.equalTo()(frame.size.height)
  100. make?.top.equalTo()(customBox.mas_top)?.offset()(CGFloat(frame.origin.y))
  101. }
  102. let lineBox = NSBox.init(frame: CGRect(x: 0, y: 6, width: frame.width, height: 1))
  103. lineBox.boxType = .separator
  104. box.addSubview(lineBox)
  105. }
  106. // func createPopViewCellLabelWithFrame(_ frame: CGRect, stringValue: String) {
  107. // let box: KMBox = KMBox(frame: frame)
  108. // box.boxType = .custom
  109. // box.borderWidth = 0.0
  110. // box.contentViewMargins = NSMakeSize(0, 0)
  111. // customBox.contentView?.addSubview(box)
  112. //
  113. // let boxLabel: NSTextField = NSTextField.init()
  114. // boxLabel.isEditable = false
  115. // boxLabel.isBordered = false
  116. // boxLabel.stringValue = stringValue
  117. // boxLabel.font = NSFont.systemFont(ofSize: 14.0)
  118. // boxLabel.translatesAutoresizingMaskIntoConstraints = false
  119. // boxLabel.backgroundColor = NSColor.clear
  120. // boxLabel.textColor = NSColor.labelColor
  121. // box.contentView?.addSubview(boxLabel)
  122. //
  123. // box.addConstraints(NSLayoutConstraint.constraints(withVisualFormat: "H:|-21-[boxLabel]-21-|", metrics: nil, views:["boxLabel": boxLabel]))
  124. // box.addConstraints(NSLayoutConstraint.constraints(withVisualFormat: "V:|-1-[boxLabel]-1-|", metrics: nil, views:["boxLabel": boxLabel]))
  125. //
  126. // box.contentView?.addConstraint(NSLayoutConstraint(item: boxLabel, attribute:.centerY , relatedBy: .equal, toItem: box.contentView, attribute: .centerY, multiplier: 1, constant: 0))
  127. // box.moveCallback = {(mouseEntered: Bool, mouseBox: KMBox) -> Void in
  128. // if mouseEntered {
  129. // if #available(macOS 10.14, *) {
  130. // box.fillColor = NSColor.controlAccentColor
  131. // boxLabel.textColor = NSColor.white
  132. // } else {
  133. // box.fillColor = NSColor.init(red: 71/255.0, green: 126/255.0, blue: 222/255.0, alpha: 1.0)
  134. // boxLabel.textColor = NSColor.white
  135. // }
  136. // } else {
  137. // box.fillColor = NSColor.clear
  138. // boxLabel.textColor = NSColor.labelColor
  139. // }
  140. // }
  141. // box.downCallback = {(downEntered: Bool, mouseBox: KMBox) -> Void in
  142. // if downEntered {
  143. // if let callback = self.downCallback {
  144. // callback(true, stringValue)
  145. // }
  146. // }
  147. // }
  148. // }
  149. func createPopViewCellLabelWithFrame(_ mas_top: Float, stringValue: String) {
  150. var isDisabled = false
  151. if disItems.contains(stringValue) {
  152. isDisabled = true
  153. }
  154. var isSelected = false
  155. if (isDisabled == false && self.selectedItems.contains(stringValue)) {
  156. isSelected = true
  157. }
  158. let box: KMBox = KMBox(frame: NSZeroRect)
  159. box.boxType = .custom
  160. box.borderWidth = 0.0
  161. box.contentViewMargins = NSMakeSize(0, 0)
  162. box.cornerRadius = 4.0
  163. customBox.contentView?.addSubview(box)
  164. box.mas_makeConstraints { (make) in
  165. make?.leading.equalTo()(4.0)
  166. make?.trailing.equalTo()(-4.0)
  167. make?.height.equalTo()(32.0)
  168. make?.top.equalTo()(customBox.mas_top)?.offset()(CGFloat(mas_top))
  169. }
  170. let boxLabel: NSTextField = NSTextField.init()
  171. boxLabel.isEditable = false
  172. boxLabel.isBordered = false
  173. boxLabel.stringValue = stringValue
  174. boxLabel.font = NSFont.systemFont(ofSize: 14.0)
  175. boxLabel.translatesAutoresizingMaskIntoConstraints = false
  176. boxLabel.backgroundColor = NSColor.clear
  177. boxLabel.textColor = textColor//NSColor.km_init(hex: "#252629")
  178. box.contentView?.addSubview(boxLabel)
  179. boxLabel.mas_makeConstraints { (make) in
  180. make?.centerY.equalTo()(0.0)
  181. make?.leading.equalTo()(8.0)
  182. }
  183. let textTypography = KMDesignToken.shared.typography(withToken: "dropdown.m.mac-text.def")
  184. var fontFamily: String = textTypography.fontFamily
  185. let fontWeight: String = textTypography.fontWeight
  186. if fontFamily.contains(" ") {
  187. fontFamily = fontFamily.replacingOccurrences(of: " ", with: "")
  188. }
  189. if fontWeight != "" {
  190. fontFamily = String(format: "%@-%@", fontFamily, fontWeight)
  191. }
  192. boxLabel.font = NSFont(name: fontFamily, size: textTypography.fontSize.stringToCGFloat()) ?? NSFont.systemFont(ofSize: textTypography.fontSize.stringToCGFloat())
  193. let paragraphStyle = NSMutableParagraphStyle()
  194. paragraphStyle.lineSpacing = textTypography.lineHeight.stringToCGFloat()
  195. boxLabel.attributedStringValue = NSAttributedString(string: stringValue, attributes: [NSAttributedString.Key.paragraphStyle: paragraphStyle])
  196. box.moveCallback = {(mouseEntered: Bool, mouseBox: KMBox) -> Void in
  197. if !isDisabled {
  198. if isSelected { // 选中没有 hover 效果
  199. return
  200. }
  201. if mouseEntered {
  202. mouseBox.fillColor = self.enterFillColor
  203. } else {
  204. mouseBox.fillColor = NSColor.clear
  205. }
  206. }
  207. }
  208. box.downCallback = {(downEntered, mouseBox, event) -> Void in
  209. if !isDisabled {
  210. if downEntered {
  211. mouseBox.fillColor = KMDesignToken.shared.fill(withToken: "dropdown.m.bg.sel")
  212. boxLabel.textColor = KMDesignToken.shared.fill(withToken: "dropdown.m.mac-text.sel")
  213. if let callback = self.downCallback {
  214. callback(true, stringValue)
  215. }
  216. } else {
  217. mouseBox.fillColor = KMDesignToken.shared.fill(withToken: "dropdown.m.bg.norm")
  218. boxLabel.textColor = KMDesignToken.shared.fill(withToken: "dropdown.m.mac-text.def")
  219. }
  220. }
  221. }
  222. if isDisabled {
  223. box.fillColor = KMDesignToken.shared.fill(withToken: "dropdown.m.bg.dis")
  224. boxLabel.textColor = KMDesignToken.shared.fill(withToken: "dropdown.m.mac-text.dis")
  225. } else if (isSelected) {
  226. box.fillColor = KMDesignToken.shared.fill(withToken: "dropdown.m.bg.sel")
  227. boxLabel.textColor = KMDesignToken.shared.fill(withToken: "dropdown.m.mac-text.sel")
  228. }
  229. let idx = self.dataArr?.index(of: stringValue) ?? 0
  230. self.viewWillShow?(box, idx)
  231. }
  232. func cellContentAdaptiveWidth(_ content: String) -> Float {
  233. if content.isEmpty {
  234. return 0
  235. }
  236. let attributes = [NSAttributedString.Key.font : NSFont.systemFont(ofSize: 14.0)]
  237. let rect : CGRect = content.boundingRect(with: CGSize(width: 0, height: 18),options: .usesLineFragmentOrigin, attributes: attributes,context:nil)
  238. return Float(rect.size.width)
  239. }
  240. func changePopViewCellData(_ count: Int, content: String) {
  241. let boxArray: Array<NSView> = customBox.contentView!.subviews
  242. for subView in boxArray {
  243. subView.removeFromSuperview()
  244. }
  245. var dataMutableArr: [String] = Array((dataArr?.reversed())!)
  246. dataMutableArr[count] = content
  247. dataArr = Array(dataMutableArr.reversed())
  248. self.updateUI()
  249. }
  250. // MARK: - Init Views
  251. fileprivate func initBoxLabel() -> NSTextField {
  252. let label = NSTextField.init()
  253. label.isEditable = false
  254. label.isBordered = false
  255. label.font = NSFont.systemFont(ofSize: 14.0)
  256. label.translatesAutoresizingMaskIntoConstraints = false
  257. label.backgroundColor = NSColor.clear
  258. label.textColor = NSColor.km_init(hex: "#252629")
  259. return label
  260. }
  261. }
  262. class KMScrollPopViewController: KMHomePopViewController {
  263. private var scrollView = NSScrollView()
  264. private var contentView = NSView()
  265. private var currentItemPosition: NSPoint = .zero
  266. convenience init() {
  267. self.init(nibName: "KMHomePopViewController", bundle: nil)
  268. }
  269. override func viewDidLoad() {
  270. super.viewDidLoad()
  271. self.view.addSubview(self.scrollView)
  272. self.scrollView.documentView = self.contentView
  273. // self.scrollView.documentView?.backgroundColor(NSColor.km_init(hex: "#FFFFFF"))
  274. // customBox.fillColor = NSColor.km_init(hex: "#FFFFFF")
  275. self.scrollView.documentView?.backgroundColor(self.background)
  276. self.scrollView.hasVerticalScroller = self.showVerticalScroller
  277. self.scrollView.borderType = .noBorder
  278. self.scrollView.drawsBackground = false
  279. }
  280. override func viewDidAppear() {
  281. super.viewDidAppear()
  282. DispatchQueue.main.async {
  283. let contentView = self.scrollView.contentView
  284. let pageH = NSHeight(self.scrollView.bounds)
  285. // KMPrint(NSHeight(self.contentView.bounds))
  286. // KMPrint(pageH)
  287. // KMPrint(self.currentItemPosition)
  288. var numberPages: Int = 0
  289. var currentPage: Int = 0
  290. var scrollY: CGFloat = 0
  291. if (pageH > 0) {
  292. numberPages = Int(NSHeight(self.contentView.bounds) / pageH) + 1
  293. currentPage = Int((self.currentItemPosition.y + 32 + 4 * 2) / pageH)
  294. // KMPrint(numberPages)
  295. // KMPrint(currentPage)
  296. // let _currentPage = numberPages - currentPage - 1
  297. // KMPrint(_currentPage)
  298. if (currentPage == (numberPages - 1)) {
  299. scrollY = 0
  300. } else {
  301. scrollY = NSHeight(self.contentView.bounds) - pageH * CGFloat(currentPage+1)
  302. }
  303. }
  304. // KMPrint(scrollY)
  305. contentView.scroll(to: NSPoint(x: 0, y: scrollY))
  306. }
  307. }
  308. override func viewDidLayout() {
  309. super.viewDidLayout()
  310. self.scrollView.frame = NSMakeRect(0, 0, NSWidth(self.view.frame), NSHeight(self.view.window!.frame))
  311. self.contentView.frame = NSMakeRect(0, 0, NSWidth(self.customBox.frame), NSHeight(self.customBox.frame)+30)
  312. // self.contentView.frame = self.customBox.bounds
  313. }
  314. override func updateUI() {
  315. super.updateUI()
  316. customBox.fillColor = background
  317. var widthMax: Float = 0
  318. for subView in self.contentView.subviews {
  319. subView.removeFromSuperview()
  320. }
  321. for string in self.dataArr ?? [] {
  322. if ((string as AnyObject).isEqual(to: KMHorizontalLine)) {
  323. continue
  324. }
  325. let width = self.cellContentAdaptiveWidth(string)
  326. if (widthMax < width) {
  327. widthMax = width
  328. }
  329. }
  330. var formTopFloat: Float = 4.0
  331. for string in dataArr?.reversed() ?? [] {
  332. if (string as AnyObject).isEqual(to: KMHorizontalLine) {
  333. self.createHonrizontalLineWithFrame(CGRect(x: 12.0, y: CGFloat(formTopFloat), width: CGFloat(widthMax)+23, height: 11))
  334. formTopFloat += 11
  335. } else {
  336. self.popCellViewDownString = string
  337. self.createPopViewCellLabelWithFrame(formTopFloat, stringValue: string)
  338. formTopFloat += 32
  339. }
  340. }
  341. self.customBoxWidthLayoutConstraint.constant = CGFloat(widthMax+47)
  342. self.customBoxHeightLayoutConstraint.constant = CGFloat(formTopFloat+4.0)
  343. }
  344. override func createHonrizontalLineWithFrame(_ frame: CGRect) {
  345. let box: NSBox = NSBox.init(frame: frame)
  346. box.boxType = .custom
  347. box.borderWidth = 0.0
  348. box.contentViewMargins = NSMakeSize(0, 0)
  349. self.contentView.addSubview(box)
  350. let lineBox = NSBox.init(frame: CGRect(x: 0, y: 6, width: frame.width, height: 1))
  351. lineBox.boxType = .separator
  352. box.addSubview(lineBox)
  353. }
  354. override func createPopViewCellLabelWithFrame(_ mas_top: Float, stringValue: String) {
  355. var isDisabled = false
  356. if (self.disItems.contains(stringValue)) {
  357. isDisabled = true
  358. }
  359. var isSelected = false
  360. if (isDisabled == false && self.selectedItems.contains(stringValue)) {
  361. isSelected = true
  362. }
  363. if (isSelected && self.selectedItems.first == stringValue) {
  364. self.currentItemPosition = NSPoint(x: 0, y: Int(mas_top))
  365. }
  366. let box: KMBox = KMBox(frame: NSZeroRect)
  367. box.boxType = .custom
  368. box.borderWidth = 0.0
  369. box.contentViewMargins = NSMakeSize(0, 0)
  370. box.cornerRadius = 4.0
  371. self.contentView.addSubview(box)
  372. box.mas_makeConstraints { (make) in
  373. make?.leading.equalTo()(4.0)
  374. make?.trailing.equalTo()(-4.0)
  375. make?.height.equalTo()(32.0)
  376. make?.top.equalTo()(self.customBox.mas_top)?.offset()(CGFloat(mas_top))
  377. }
  378. let boxLabel = self.initBoxLabel()
  379. boxLabel.stringValue = stringValue
  380. box.contentView?.addSubview(boxLabel)
  381. boxLabel.mas_makeConstraints { (make) in
  382. make?.centerY.equalTo()(0.0)
  383. make?.leading.equalTo()(8.0)
  384. make?.trailing.mas_equalTo()(0)
  385. }
  386. let textTypography = KMDesignToken.shared.typography(withToken: "dropdown.m.mac-text.def")
  387. var fontFamily: String = textTypography.fontFamily
  388. let fontWeight: String = textTypography.fontWeight
  389. if (fontFamily.contains(" ")) {
  390. fontFamily = fontFamily.replacingOccurrences(of: " ", with: "")
  391. }
  392. if (fontWeight != "") {
  393. fontFamily = String(format: "%@-%@", fontFamily, fontWeight)
  394. }
  395. if NSFont(name: stringValue, size: 12) != nil {
  396. fontFamily = stringValue
  397. } else {
  398. debugPrint("不支持字体" + stringValue)
  399. }
  400. if stringValue == "Al Tarikh" ||
  401. stringValue == "Corsiva Hebrew" ||
  402. stringValue == "DIN Condensed" ||
  403. stringValue == "Damascus" {
  404. // boxLabel.font = NSFont.systemFont(ofSize: 14)
  405. // boxLabel.stringValue = stringValue
  406. boxLabel.attributedStringValue = NSAttributedString(string: stringValue, attributes: [NSAttributedString.Key.font : NSFont.systemFont(ofSize: 14)])
  407. } else {
  408. boxLabel.font = NSFont(name: fontFamily, size: textTypography.fontSize.stringToCGFloat()) ?? NSFont.systemFont(ofSize: textTypography.fontSize.stringToCGFloat())
  409. let paragraphStyle = NSMutableParagraphStyle()
  410. paragraphStyle.lineSpacing = textTypography.lineHeight.stringToCGFloat()
  411. boxLabel.attributedStringValue = NSAttributedString(string: stringValue, attributes: [NSAttributedString.Key.paragraphStyle: paragraphStyle])
  412. }
  413. if (isDisabled) {
  414. box.fillColor = KMDesignToken.shared.fill(withToken: "dropdown.m.bg.dis")
  415. boxLabel.textColor = KMDesignToken.shared.fill(withToken: "dropdown.m.mac-text.dis")
  416. } else if (isSelected) {
  417. box.fillColor = KMDesignToken.shared.fill(withToken: "dropdown.m.bg.sel")
  418. boxLabel.textColor = KMDesignToken.shared.fill(withToken: "dropdown.m.mac-text.sel")
  419. } else {
  420. boxLabel.textColor = self.textColor
  421. }
  422. box.moveCallback = { mouseEntered, mouseBox in
  423. if (isDisabled) {
  424. return
  425. }
  426. if (isSelected) { // 选中没有 hover 效果
  427. return
  428. }
  429. // if (mouseEntered) {
  430. // mouseBox.fillColor = KMDesignToken.shared.fill(withToken: "dropdown.m.bg.hov")
  431. // } else {
  432. // mouseBox.fillColor = NSColor.clear
  433. // }
  434. if mouseEntered {
  435. mouseBox.fillColor = self.enterFillColor
  436. } else {
  437. mouseBox.fillColor = NSColor.clear
  438. }
  439. }
  440. box.downCallback = { [unowned self] downEntered, mouseBox, _ in
  441. if (isDisabled) {
  442. return
  443. }
  444. if (downEntered) {
  445. mouseBox.fillColor = KMDesignToken.shared.fill(withToken: "dropdown.m.bg.sel")
  446. boxLabel.textColor = KMDesignToken.shared.fill(withToken: "dropdown.m.mac-text.sel")
  447. guard let callback = self.downCallback else {
  448. return
  449. }
  450. callback(true, stringValue)
  451. } else {
  452. mouseBox.fillColor = KMDesignToken.shared.fill(withToken: "dropdown.m.bg.norm")
  453. boxLabel.textColor = KMDesignToken.shared.fill(withToken: "dropdown.m.mac-text.def")
  454. }
  455. }
  456. let idx = self.dataArr?.index(of: stringValue) ?? 0
  457. self.viewWillShow?(box, idx)
  458. }
  459. }