469 lines
14 KiB
Swift
469 lines
14 KiB
Swift
//
|
|
// CreateGroupView.swift
|
|
// QuickLocation
|
|
//
|
|
// Created by 八条 on 2026/6/2.
|
|
//
|
|
|
|
import UIKit
|
|
import RxSwift
|
|
import RxCocoa
|
|
|
|
class CreateGroupView: UIView {
|
|
|
|
var disposeBag = DisposeBag()
|
|
|
|
private let limitCount = 50
|
|
|
|
private func setupRx() {
|
|
groupNameTF.rx.text.orEmpty
|
|
.subscribe(onNext: { [weak self] text in
|
|
guard let self = self else { return }
|
|
if text.count > 10 {
|
|
self.groupNameTF.text = String(text.prefix(10))
|
|
}
|
|
})
|
|
.disposed(by: disposeBag)
|
|
|
|
Observable.merge(
|
|
groupContentTV.rx.didChange.asObservable(),
|
|
groupContentTV.rx.text.map { _ in () },
|
|
groupContentTV.rx.methodInvoked(#selector(UITextView.paste(_:))).map { _ in () }
|
|
)
|
|
.throttle(.milliseconds(100), scheduler: MainScheduler.instance)
|
|
.subscribe(onNext: { [weak self] in
|
|
guard let self = self else { return }
|
|
let count = self.groupContentTV.text.count
|
|
self.placeholderLab.isHidden = count != 0
|
|
|
|
if count > self.limitCount {
|
|
self.groupContentTV.text = String(self.groupContentTV.text.prefix(self.limitCount))
|
|
self.groupContentTV.selectedRange = NSRange(location: self.limitCount, length: 0)
|
|
return
|
|
}
|
|
})
|
|
.disposed(by: disposeBag)
|
|
|
|
backBtn.rx.tap.subscribe(onNext: { _ in
|
|
AppRouter.shared.popOrDismiss()
|
|
}).disposed(by: disposeBag)
|
|
}
|
|
|
|
private func setupUI() {
|
|
addSubview(navBgView)
|
|
addSubview(navBarView)
|
|
navBarView.addSubview(navTitleLabel)
|
|
navBarView.addSubview(backBtn)
|
|
|
|
addSubview(submitBtn)
|
|
addSubview(titleLab)
|
|
addSubview(infoView)
|
|
infoView.addSubview(groupNameInputView)
|
|
groupNameInputView.addSubview(groupNameTitleLab)
|
|
groupNameInputView.addSubview(groupNameTF)
|
|
|
|
infoView.addSubview(groupIconInputView)
|
|
groupIconInputView.addSubview(groupIconTitleLab)
|
|
groupIconInputView.addSubview(groupIconImgView)
|
|
|
|
infoView.addSubview(groupContentInputView)
|
|
groupContentInputView.addSubview(groupContentTitleLab)
|
|
groupContentInputView.addSubview(groupContentTV)
|
|
groupContentInputView.addSubview(placeholderLab)
|
|
|
|
infoView.addSubview(tagInfoView)
|
|
tagInfoView.addSubview(tagTitleLab)
|
|
tagInfoView.addSubview(tagView)
|
|
tagInfoView.addSubview(tipsLab)
|
|
|
|
navBgView.layoutChain
|
|
.edges(excludingEdge: .bottom)
|
|
.heightToWidth(160/375)
|
|
|
|
navBarView.layoutChain
|
|
.edges(excludingEdge: .bottom)
|
|
.height(kNaviHeight)
|
|
|
|
navTitleLabel.layoutChain
|
|
.top(kStatusBarHeight + 12)
|
|
.centerY(backBtn)
|
|
.centerX()
|
|
|
|
backBtn.layoutChain
|
|
.centerY(navTitleLabel)
|
|
.left(15)
|
|
.width(24)
|
|
.height(24)
|
|
|
|
titleLab.layoutChain
|
|
.topToBottomOfView(navBarView, offset: 20)
|
|
.left(15)
|
|
|
|
submitBtn.layoutChain
|
|
.bottom(kSafeBottomMargin + 36)
|
|
.centerX()
|
|
.edgesHorzontal(30)
|
|
.height(50)
|
|
|
|
infoView.layoutChain
|
|
.topToBottomOfView(titleLab, offset: 20)
|
|
.edgesHorzontal(15)
|
|
|
|
groupNameInputView.layoutChain
|
|
.edges(excludingEdge: .bottom)
|
|
|
|
groupNameTitleLab.layoutChain
|
|
.left(15)
|
|
.centerY()
|
|
.width(50)
|
|
|
|
groupNameTF.layoutChain
|
|
.edgesVertical()
|
|
.leftToRightOfView(groupNameTitleLab, offset: 20)
|
|
.right(43)
|
|
|
|
groupIconInputView.layoutChain
|
|
.topToBottomOfView(groupNameInputView)
|
|
.leftToView(groupNameInputView)
|
|
.rightToView(groupNameInputView)
|
|
|
|
groupIconTitleLab.layoutChain
|
|
.left(15)
|
|
.centerY()
|
|
.width(50)
|
|
|
|
groupIconImgView.layoutChain
|
|
.leftToRightOfView(groupIconTitleLab, offset: 20)
|
|
.edgesVertical(10)
|
|
.width(40)
|
|
.height(40)
|
|
|
|
groupContentInputView.layoutChain
|
|
.topToBottomOfView(groupIconInputView)
|
|
.leftToView(groupNameInputView)
|
|
.rightToView(groupNameInputView)
|
|
|
|
groupContentTitleLab.layoutChain
|
|
.top(20)
|
|
.left(15)
|
|
.width(50)
|
|
|
|
groupContentTV.layoutChain
|
|
.topToView(groupContentTitleLab, offset: -9)
|
|
.leftToRightOfView(groupContentTitleLab, offset: 18)
|
|
.right(52)
|
|
.bottom(10)
|
|
.height(20, relation: .greaterThanOrEqual)
|
|
|
|
placeholderLab.layoutChain
|
|
.topToView(groupContentTV, offset: 8)
|
|
.leftToView(groupContentTV, offset: 5)
|
|
|
|
tagInfoView.layoutChain
|
|
.topToBottomOfView(groupContentInputView)
|
|
.leftToView(groupNameInputView)
|
|
.rightToView(groupNameInputView)
|
|
.bottom(20)
|
|
|
|
tagTitleLab.layoutChain
|
|
.top(20)
|
|
.left(15)
|
|
|
|
tagView.layoutChain
|
|
.topToBottomOfView(tagTitleLab, offset: 10)
|
|
.edgesHorzontal(15)
|
|
.height(64)
|
|
|
|
tipsLab.layoutChain
|
|
.topToBottomOfView(tagView, offset: 10)
|
|
.left(15)
|
|
.bottom()
|
|
}
|
|
|
|
lazy var navBgView: UIImageView = {
|
|
let iv = UIImageView()
|
|
iv.image = UIImage(named: "Common/navBar_bg_2")
|
|
iv.contentMode = .scaleAspectFill
|
|
return iv
|
|
}()
|
|
|
|
lazy var navBarView: UIView = {
|
|
let view = UIView()
|
|
view.backgroundColor = .clear
|
|
return view
|
|
}()
|
|
|
|
lazy var navTitleLabel: UILabel = {
|
|
let label = UILabel()
|
|
label.text = "创建圈子"
|
|
label.font = .systemFont(ofSize: 18, weight: .medium)
|
|
label.textColor = ThemeManager.shared.color.titleAuxColor
|
|
label.textAlignment = .center
|
|
return label
|
|
}()
|
|
|
|
lazy var backBtn: UIButton = {
|
|
let btn = UIButton(type: .custom)
|
|
btn.setImage(UIImage(named: "Common/back"), for: .normal)
|
|
btn.extendEdgeInsets = UIEdgeInsets(top: 54, left: 15, bottom: 100, right: 100)
|
|
return btn
|
|
}()
|
|
|
|
lazy var titleLab: UILabel = {
|
|
let label = UILabel()
|
|
label.text = "编辑信息"
|
|
label.font = .systemFont(ofSize: 14, weight: .medium)
|
|
label.textColor = ThemeManager.shared.color.titleAuxColor
|
|
return label
|
|
}()
|
|
|
|
lazy var infoView: UIView = {
|
|
let view = UIView()
|
|
view.backgroundColor = UIColor(hexStr: "#F5FBFF")
|
|
view.cornerRadius = 10
|
|
return view
|
|
}()
|
|
|
|
// 圈子名称
|
|
lazy var groupNameInputView: UIView = {
|
|
let view = UIView()
|
|
view.backgroundColor = .clear
|
|
|
|
let icon = UIImageView()
|
|
icon.image = UIImage(named: "Group/edit")
|
|
view.addSubview(icon)
|
|
icon.layoutChain
|
|
.right(15)
|
|
.edgesVertical(20)
|
|
.width(20)
|
|
.height(20)
|
|
|
|
let line = UIView()
|
|
line.backgroundColor = UIColor(hexStr: "#EEEEEE")
|
|
view.addSubview(line)
|
|
line.layoutChain
|
|
.edgesHorzontal(15)
|
|
.height(0.5)
|
|
.bottom()
|
|
|
|
return view
|
|
}()
|
|
|
|
lazy var groupNameTitleLab: UILabel = {
|
|
let label = UILabel()
|
|
label.text = "圈子名称"
|
|
label.font = .systemFont(ofSize: 12, weight: .medium)
|
|
label.textColor = ThemeManager.shared.color.titleAuxColor
|
|
return label
|
|
}()
|
|
|
|
lazy var groupNameTF: UITextField = {
|
|
let textField = UITextField(frame: .zero)
|
|
textField.font = UIFont.systemFont(ofSize: 14, weight: .medium)
|
|
textField.textColor = ThemeManager.shared.color.titleAuxColor
|
|
textField.placeholderColor(placeholder: "请输入圈子名称",
|
|
color: UIColor(hexStr: "#999999", alpha: 1.0))
|
|
return textField
|
|
}()
|
|
|
|
// 圈子图标
|
|
lazy var groupIconInputView: UIView = {
|
|
let view = UIView()
|
|
view.backgroundColor = .clear
|
|
|
|
let icon = UIImageView()
|
|
icon.image = UIImage(named: "Group/arrow")
|
|
view.addSubview(icon)
|
|
icon.layoutChain
|
|
.right(15)
|
|
.centerY()
|
|
.width(14)
|
|
.height(14)
|
|
|
|
let line = UIView()
|
|
line.backgroundColor = UIColor(hexStr: "#EEEEEE")
|
|
view.addSubview(line)
|
|
line.layoutChain
|
|
.edgesHorzontal(15)
|
|
.height(0.5)
|
|
.bottom()
|
|
|
|
return view
|
|
}()
|
|
|
|
lazy var groupIconTitleLab: UILabel = {
|
|
let label = UILabel()
|
|
label.text = "圈子图标"
|
|
label.font = .systemFont(ofSize: 12, weight: .medium)
|
|
label.textColor = ThemeManager.shared.color.titleAuxColor
|
|
return label
|
|
}()
|
|
|
|
lazy var groupIconImgView: UIImageView = {
|
|
let view = UIImageView()
|
|
view.image = UIImage(named: "GroupIcon/1")
|
|
view.contentMode = .scaleAspectFill
|
|
return view
|
|
}()
|
|
|
|
// 圈子描述
|
|
lazy var groupContentInputView: UIView = {
|
|
let view = UIView()
|
|
view.backgroundColor = .clear
|
|
|
|
let icon = UIImageView()
|
|
icon.image = UIImage(named: "Group/edit")
|
|
view.addSubview(icon)
|
|
icon.layoutChain
|
|
.top(20)
|
|
.right(15)
|
|
.width(20)
|
|
.height(20)
|
|
|
|
let line = UIView()
|
|
line.backgroundColor = UIColor(hexStr: "#EEEEEE")
|
|
view.addSubview(line)
|
|
line.layoutChain
|
|
.edgesHorzontal(15)
|
|
.height(0.5)
|
|
.bottom()
|
|
|
|
return view
|
|
}()
|
|
|
|
lazy var groupContentTitleLab: UILabel = {
|
|
let label = UILabel()
|
|
label.text = "圈子描述"
|
|
label.font = .systemFont(ofSize: 12, weight: .medium)
|
|
label.textColor = ThemeManager.shared.color.titleAuxColor
|
|
return label
|
|
}()
|
|
|
|
lazy var groupContentTV: UITextView = {
|
|
let textView = UITextView()
|
|
textView.backgroundColor = .clear
|
|
textView.font = .systemFont(ofSize: 14, weight: .medium)
|
|
textView.textColor = ThemeManager.shared.color.titleAuxColor
|
|
textView.isScrollEnabled = false
|
|
return textView
|
|
}()
|
|
|
|
lazy var placeholderLab: UILabel = {
|
|
let label = UILabel()
|
|
label.text = "请输入圈子描述"
|
|
label.textColor = ThemeManager.shared.color.contentColor
|
|
label.font = .systemFont(ofSize: 14, weight: .medium)
|
|
return label
|
|
}()
|
|
|
|
// 标签
|
|
lazy var tagInfoView: UIView = {
|
|
let view = UIView()
|
|
view.backgroundColor = .clear
|
|
return view
|
|
}()
|
|
|
|
lazy var tagTitleLab: UILabel = {
|
|
let label = UILabel()
|
|
label.text = "选择标签"
|
|
label.font = .systemFont(ofSize: 12, weight: .medium)
|
|
label.textColor = ThemeManager.shared.color.titleAuxColor
|
|
return label
|
|
}()
|
|
|
|
lazy var tagView: UICollectionView = {
|
|
let layout = UICollectionViewFlowLayout()
|
|
let cvWidth = kScreenWidth - 60
|
|
let spacing: CGFloat = 6
|
|
let itemW = (cvWidth - spacing * 3) / 4
|
|
layout.itemSize = CGSize(width: itemW, height: 27)
|
|
layout.minimumInteritemSpacing = spacing
|
|
layout.minimumLineSpacing = 10
|
|
|
|
let cv = UICollectionView(frame: .zero, collectionViewLayout: layout)
|
|
cv.backgroundColor = .clear
|
|
cv.isScrollEnabled = false
|
|
cv.register(TagCell.self)
|
|
return cv
|
|
}()
|
|
|
|
lazy var tipsLab: UILabel = {
|
|
let label = UILabel()
|
|
label.text = "如选择为私密圈子，将不能被分享到探索和被搜索。"
|
|
label.textColor = ThemeManager.shared.color.contentColor
|
|
label.font = .systemFont(ofSize: 10, weight: .regular)
|
|
return label
|
|
}()
|
|
|
|
lazy var submitBtn: UIButton = {
|
|
let btn = UIButton(type: .custom)
|
|
btn.setTitle("创建", for: .normal)
|
|
btn.setTitleColor(UIColor(hexStr: "#0F2846"), for: .normal)
|
|
btn.titleLabel?.font = .systemFont(ofSize: 16, weight: .medium)
|
|
btn.setBackgroundImage(UIImage(named: "Common/gradient_bg"), for: .normal)
|
|
btn.cornerRadius = 25
|
|
|
|
return btn
|
|
}()
|
|
|
|
override init(frame: CGRect) {
|
|
super.init(frame: .zero)
|
|
backgroundColor = .white
|
|
setupUI()
|
|
setupRx()
|
|
}
|
|
|
|
required init?(coder aDecoder: NSCoder) {
|
|
fatalError("init(coder:) has not been implemented")
|
|
}
|
|
}
|
|
|
|
// MARK: - TagCell
|
|
final class TagCell: UICollectionViewCell {
|
|
static let reuseId = "TagCell"
|
|
|
|
private let label: UILabel = {
|
|
let l = UILabel()
|
|
l.font = .systemFont(ofSize: 12, weight: .medium)
|
|
l.textAlignment = .center
|
|
return l
|
|
}()
|
|
|
|
private var isTagSelected = false
|
|
|
|
override init(frame: CGRect) {
|
|
super.init(frame: frame)
|
|
contentView.addSubview(label)
|
|
label.layoutChain.edges()
|
|
contentView.layer.cornerRadius = 4
|
|
contentView.backgroundColor = UIColor(hexStr: "#E3F6FF")
|
|
updateStyle()
|
|
}
|
|
|
|
required init?(coder: NSCoder) {
|
|
fatalError("init(coder:) has not been implemented")
|
|
}
|
|
|
|
func configure(_ text: String, isSelected: Bool) {
|
|
label.text = text
|
|
self.isTagSelected = isSelected
|
|
updateStyle()
|
|
}
|
|
|
|
func toggleSelection() {
|
|
isTagSelected.toggle()
|
|
updateStyle()
|
|
}
|
|
|
|
private func updateStyle() {
|
|
if isTagSelected {
|
|
label.textColor = UIColor(hexStr: "#16B3FF")
|
|
contentView.layer.borderWidth = 1
|
|
contentView.layer.borderColor = UIColor(hexStr: "#16B3FF").cgColor
|
|
} else {
|
|
label.textColor = ThemeManager.shared.color.titleAuxColor
|
|
contentView.layer.borderWidth = 0
|
|
}
|
|
}
|
|
}
|