LNHomeTopTabView.swift 4.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145
  1. //
  2. // LNHomeTopTabView.swift
  3. // Lanu
  4. //
  5. // Created by OneeChan on 2025/11/14.
  6. //
  7. import Foundation
  8. import UIKit
  9. import SnapKit
  10. protocol LNHomeTopTabViewDelegate: NSObject {
  11. func homeTopTabView(view: LNHomeTopTabView, didSelectAt index: Int, type: LNGameTypeItemVO)
  12. }
  13. class LNHomeTopTabView: UIView {
  14. private var titles: [LNGameTypeItemVO] = []
  15. private let indicator = UIImageView()
  16. private let scrollView = UIScrollView()
  17. private let stackView = UIStackView()
  18. private var tabItemViews: [UIButton] = []
  19. weak var delegate: LNHomeTopTabViewDelegate?
  20. override init(frame: CGRect) {
  21. super.init(frame: frame)
  22. setupViews()
  23. }
  24. func update(_ tabs: [LNGameTypeItemVO]) {
  25. let old = stackView.arrangedSubviews
  26. old.forEach {
  27. stackView.removeArrangedSubview($0)
  28. $0.removeFromSuperview()
  29. }
  30. tabItemViews.removeAll()
  31. titles = tabs
  32. for type in tabs {
  33. let tabItem = UIButton()
  34. tabItem.setTitle(type.name, for: .normal)
  35. tabItem.addAction(UIAction(handler: { [weak self] _ in
  36. guard let self else { return }
  37. self.handleTabClick(type: type, tab: tabItem)
  38. }), for: .touchUpInside)
  39. stackView.addArrangedSubview(tabItem)
  40. tabItemViews.append(tabItem)
  41. }
  42. self.layoutIfNeeded()
  43. self.handleTabClick(type: self.titles.first!, tab: self.tabItemViews.first!)
  44. }
  45. func selectTab(at index: Int) {
  46. guard index < tabItemViews.count else { return }
  47. for (itemIndex, tab) in tabItemViews.enumerated() {
  48. let isSelected = itemIndex == index
  49. tab.titleLabel?.font = isSelected ? .heading_h1_5 : .heading_h3
  50. tab.setTitleColor(isSelected ? .text_5 : .text_4, for: .normal)
  51. }
  52. indicator.snp.remakeConstraints { make in
  53. make.center.equalTo(tabItemViews[index])
  54. }
  55. UIView.animate(withDuration: 0.3) { [weak self] in
  56. guard let self else { return }
  57. self.layoutIfNeeded()
  58. let targetTab = tabItemViews[index]
  59. self.scrollView.scrollRectToVisible(targetTab.frame, animated: true)
  60. }
  61. }
  62. required init?(coder: NSCoder) {
  63. fatalError("init(coder:) has not been implemented")
  64. }
  65. }
  66. extension LNHomeTopTabView {
  67. private func handleTabClick(type: LNGameTypeItemVO, tab: UIButton) {
  68. guard let index = tabItemViews.firstIndex(of: tab) else { return }
  69. selectTab(at: index)
  70. delegate?.homeTopTabView(view: self, didSelectAt: index, type: type)
  71. }
  72. }
  73. extension LNHomeTopTabView {
  74. private func setupViews() {
  75. scrollView.showsHorizontalScrollIndicator = false
  76. scrollView.showsVerticalScrollIndicator = false
  77. addSubview(scrollView)
  78. scrollView.snp.makeConstraints { make in
  79. make.edges.equalToSuperview()
  80. }
  81. let fakeView = UIView()
  82. scrollView.addSubview(fakeView)
  83. fakeView.snp.makeConstraints { make in
  84. make.leading.top.bottom.equalToSuperview()
  85. make.width.equalTo(0)
  86. make.height.equalToSuperview()
  87. }
  88. indicator.image = .icHomeTabSelected
  89. scrollView.addSubview(indicator)
  90. stackView.axis = .horizontal
  91. stackView.spacing = 14
  92. stackView.distribution = .equalSpacing
  93. scrollView.addSubview(stackView)
  94. stackView.snp.makeConstraints { make in
  95. make.edges.equalToSuperview()
  96. }
  97. }
  98. }
  99. #if DEBUG
  100. import SwiftUI
  101. struct LNHomeTopTabViewPreview: UIViewRepresentable {
  102. func makeUIView(context: Context) -> some UIView {
  103. let container = UIView()
  104. container.backgroundColor = .lightGray
  105. let view = LNHomeTopTabView()
  106. container.addSubview(view)
  107. view.snp.makeConstraints { make in
  108. make.leading.trailing.top.equalToSuperview()
  109. }
  110. return container
  111. }
  112. func updateUIView(_ uiView: UIViewType, context: Context) { }
  113. }
  114. #Preview(body: {
  115. LNHomeTopTabViewPreview()
  116. })
  117. #endif