652 lines
19 KiB
Swift
652 lines
19 KiB
Swift
//
|
|
// GroupSettingView.swift
|
|
// QuickLocation
|
|
//
|
|
// Created by 八条 on 2026/6/9.
|
|
//
|
|
|
|
import UIKit
|
|
import RxSwift
|
|
import RxCocoa
|
|
import TagListView
|
|
|
|
class GroupSettingView: UIView {
|
|
|
|
var disposeBag = DisposeBag()
|
|
|
|
func setupData(_ model: GroupInfoModel) {
|
|
navTitleLabel.text = model.name
|
|
groupNameLab.text = model.name
|
|
groupIcon.image = model.groupIcon
|
|
groupDescLab.text = model.description.isEmpty ? "暂无描述" : model.description
|
|
switchBtn.isOn = model.review
|
|
tagListView.removeAllTags()
|
|
tagListView.addTags(model.labels)
|
|
tagListView.tagViews.forEach {
|
|
$0.layer.cornerRadius = 4
|
|
}
|
|
tagListView.invalidateIntrinsicContentSize() // 通知系统重新算高
|
|
|
|
auditSwitchView.isHidden = !model.is_owner
|
|
groupNameEditIcon.isHidden = !model.is_owner
|
|
groupIconArrowIcon.isHidden = !model.is_owner
|
|
groupDescEditIcon.isHidden = !model.is_owner
|
|
groupTagArrowIcon.isHidden = !model.is_owner
|
|
|
|
auditMemberView.isHidden = !model.is_owner
|
|
removeMemberView.isHidden = !model.is_owner
|
|
dismissGroupView.isHidden = !model.is_owner
|
|
leaveGroupView.isHidden = model.is_owner
|
|
}
|
|
|
|
private func setupRx() {
|
|
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(scrollView)
|
|
scrollView.addSubview(scrollContentView)
|
|
scrollContentView.addSubview(infoView)
|
|
infoView.addSubview(infoStackView)
|
|
|
|
scrollContentView.addSubview(groupManagerTitleLab)
|
|
scrollContentView.addSubview(groupManagerView)
|
|
groupManagerView.addSubview(groupManagerStackView)
|
|
|
|
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)
|
|
|
|
scrollView.layoutChain
|
|
.topToBottomOfView(navBarView)
|
|
.edges(excludingEdge: .top)
|
|
|
|
scrollContentView.layoutChain
|
|
.edges()
|
|
.widthToView(scrollView)
|
|
|
|
infoView.layoutChain
|
|
.top(10)
|
|
.edgesHorzontal(15)
|
|
|
|
infoStackView.layoutChain
|
|
.edges()
|
|
|
|
groupNameView.layoutChain
|
|
.height(60)
|
|
|
|
groupIconView.layoutChain
|
|
.height(60)
|
|
|
|
auditSwitchView.layoutChain
|
|
.height(57)
|
|
|
|
groupManagerTitleLab.layoutChain
|
|
.topToBottomOfView(infoView, offset: 20)
|
|
.left(15)
|
|
|
|
groupManagerView.layoutChain
|
|
.topToBottomOfView(groupManagerTitleLab, offset: 15)
|
|
.edgesHorzontal(15)
|
|
.bottom(30)
|
|
|
|
groupManagerStackView.layoutChain
|
|
.edges()
|
|
|
|
inviteView.layoutChain.height(57)
|
|
auditMemberView.layoutChain.height(57)
|
|
removeMemberView.layoutChain.height(57)
|
|
dismissGroupView.layoutChain.height(57)
|
|
leaveGroupView.layoutChain.height(57)
|
|
}
|
|
|
|
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.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 scrollView: UIScrollView = {
|
|
let view = UIScrollView()
|
|
view.backgroundColor = .clear
|
|
// view.showsVerticalScrollIndicator = false
|
|
// view.bounces = false
|
|
return view
|
|
}()
|
|
|
|
lazy var scrollContentView: UIView = {
|
|
let view = UIView()
|
|
view.backgroundColor = .clear
|
|
return view
|
|
}()
|
|
|
|
// MARK: - 圈子信息
|
|
lazy var infoView: UIView = {
|
|
let view = UIView()
|
|
view.backgroundColor = UIColor(hexStr: "#F5FBFF")
|
|
view.cornerRadius = 10
|
|
return view
|
|
}()
|
|
|
|
lazy var infoStackView: UIStackView = {
|
|
let view = UIStackView(arrangedSubviews: [groupNameView, groupIconView, groupDescView, auditSwitchView, tagView])
|
|
view.axis = .vertical
|
|
view.alignment = .fill
|
|
view.distribution = .fill
|
|
view.spacing = 0
|
|
view.backgroundColor = .clear
|
|
return view
|
|
}()
|
|
|
|
// 圈子名字
|
|
lazy var groupNameView: UIView = {
|
|
let view = UIView()
|
|
view.backgroundColor = .clear
|
|
|
|
let titleLab = UILabel()
|
|
titleLab.text = "圈子名称"
|
|
titleLab.textColor = ThemeManager.shared.color.titleAuxColor
|
|
titleLab.font = .systemFont(ofSize: 12, weight: .medium)
|
|
view.addSubview(titleLab)
|
|
titleLab.layoutChain
|
|
.left(15)
|
|
.width(50)
|
|
.centerY()
|
|
|
|
let line = UIView()
|
|
line.backgroundColor = ThemeManager.shared.color.lineColor
|
|
view.addSubview(line)
|
|
line.layoutChain
|
|
.bottom()
|
|
.height(0.5)
|
|
.edgesHorzontal(15)
|
|
|
|
view.addSubview(groupNameEditIcon)
|
|
groupNameEditIcon.layoutChain
|
|
.right(15)
|
|
.width(20)
|
|
.height(20)
|
|
.centerY()
|
|
|
|
view.addSubview(groupNameLab)
|
|
groupNameLab.layoutChain
|
|
.leftToRightOfView(titleLab, offset: 20)
|
|
.rightToLeftOfView(groupNameEditIcon, offset: -17, relation: .greaterThanOrEqual)
|
|
.centerY()
|
|
|
|
return view
|
|
}()
|
|
|
|
lazy var groupNameLab: UILabel = {
|
|
let label = UILabel()
|
|
label.textColor = ThemeManager.shared.color.titleAuxColor
|
|
label.font = .systemFont(ofSize: 14, weight: .medium)
|
|
return label
|
|
}()
|
|
|
|
lazy var groupNameEditIcon: UIImageView = {
|
|
let view = UIImageView(image: UIImage(named: "Group/edit"))
|
|
view.isHidden = true
|
|
return view
|
|
}()
|
|
|
|
// 圈子图标
|
|
lazy var groupIconView: UIView = {
|
|
let view = UIView()
|
|
view.backgroundColor = .clear
|
|
|
|
let titleLab = UILabel()
|
|
titleLab.text = "圈子图标"
|
|
titleLab.textColor = ThemeManager.shared.color.titleAuxColor
|
|
titleLab.font = .systemFont(ofSize: 12, weight: .medium)
|
|
view.addSubview(titleLab)
|
|
titleLab.layoutChain
|
|
.left(15)
|
|
.centerY()
|
|
|
|
let line = UIView()
|
|
line.backgroundColor = ThemeManager.shared.color.lineColor
|
|
view.addSubview(line)
|
|
line.layoutChain
|
|
.bottom()
|
|
.height(0.5)
|
|
.edgesHorzontal(15)
|
|
|
|
view.addSubview(groupIconArrowIcon)
|
|
groupIconArrowIcon.layoutChain
|
|
.right(15)
|
|
.width(14)
|
|
.height(14)
|
|
.centerY()
|
|
|
|
view.addSubview(groupIcon)
|
|
groupIcon.layoutChain
|
|
.leftToRightOfView(titleLab, offset: 20)
|
|
.centerY()
|
|
.width(40)
|
|
.heightToWidth(1)
|
|
|
|
return view
|
|
}()
|
|
|
|
lazy var groupIcon: UIImageView = {
|
|
let view = UIImageView()
|
|
view.backgroundColor = .clear
|
|
view.contentMode = .scaleAspectFill
|
|
view.cornerRadius = 10
|
|
return view
|
|
}()
|
|
|
|
lazy var groupIconArrowIcon: UIImageView = {
|
|
let view = UIImageView(image: UIImage(named: "Group/arrow"))
|
|
view.isHidden = true
|
|
return view
|
|
}()
|
|
|
|
// 圈子描述
|
|
lazy var groupDescView: UIView = {
|
|
let view = UIView()
|
|
view.backgroundColor = .clear
|
|
|
|
let titleLab = UILabel()
|
|
titleLab.text = "圈子描述"
|
|
titleLab.textColor = ThemeManager.shared.color.titleAuxColor
|
|
titleLab.font = .systemFont(ofSize: 12, weight: .medium)
|
|
view.addSubview(titleLab)
|
|
titleLab.layoutChain
|
|
.left(15)
|
|
.width(50)
|
|
.top(22)
|
|
|
|
let line = UIView()
|
|
line.backgroundColor = ThemeManager.shared.color.lineColor
|
|
view.addSubview(line)
|
|
line.layoutChain
|
|
.bottom()
|
|
.height(0.5)
|
|
.edgesHorzontal(15)
|
|
|
|
view.addSubview(groupDescEditIcon)
|
|
groupDescEditIcon.layoutChain
|
|
.right(15)
|
|
.width(20)
|
|
.height(20)
|
|
.centerY(titleLab)
|
|
|
|
view.addSubview(groupDescLab)
|
|
groupDescLab.layoutChain
|
|
.top(20)
|
|
.leftToRightOfView(titleLab, offset: 20)
|
|
.rightToLeftOfView(groupDescEditIcon, offset: -17)
|
|
.bottom(20)
|
|
|
|
return view
|
|
}()
|
|
|
|
lazy var groupDescLab: UILabel = {
|
|
let label = UILabel()
|
|
label.textColor = ThemeManager.shared.color.titleAuxColor
|
|
label.font = .systemFont(ofSize: 14, weight: .medium)
|
|
label.numberOfLines = 0
|
|
return label
|
|
}()
|
|
|
|
lazy var groupDescEditIcon: UIImageView = {
|
|
let view = UIImageView(image: UIImage(named: "Group/edit"))
|
|
view.isHidden = true
|
|
return view
|
|
}()
|
|
|
|
// 审核开关
|
|
lazy var auditSwitchView: UIView = {
|
|
let view = UIView()
|
|
view.backgroundColor = .clear
|
|
view.clipsToBounds = true
|
|
|
|
let titleLab = UILabel()
|
|
titleLab.text = "开启审核"
|
|
titleLab.textColor = ThemeManager.shared.color.titleAuxColor
|
|
titleLab.font = .systemFont(ofSize: 12, weight: .medium)
|
|
view.addSubview(titleLab)
|
|
titleLab.layoutChain
|
|
.left(15)
|
|
.centerY()
|
|
|
|
let line = UIView()
|
|
line.backgroundColor = ThemeManager.shared.color.lineColor
|
|
view.addSubview(line)
|
|
line.layoutChain
|
|
.bottom()
|
|
.height(0.5)
|
|
.edgesHorzontal(15)
|
|
|
|
view.addSubview(switchBtn)
|
|
switchBtn.layoutChain
|
|
.right(15)
|
|
.centerY()
|
|
.width(51)
|
|
.height(30)
|
|
|
|
view.isHidden = true
|
|
|
|
return view
|
|
}()
|
|
|
|
lazy var switchBtn: UISwitch = {
|
|
let view = UISwitch()
|
|
view.isOn = false
|
|
return view
|
|
}()
|
|
|
|
// 标签
|
|
lazy var tagView: UIView = {
|
|
let view = UIView()
|
|
view.backgroundColor = .clear
|
|
|
|
let titleLab = UILabel()
|
|
titleLab.text = "圈子标签"
|
|
titleLab.textColor = ThemeManager.shared.color.titleAuxColor
|
|
titleLab.font = .systemFont(ofSize: 12, weight: .medium)
|
|
view.addSubview(titleLab)
|
|
titleLab.layoutChain
|
|
.left(15)
|
|
.width(50)
|
|
.top(20)
|
|
|
|
view.addSubview(groupTagArrowIcon)
|
|
groupTagArrowIcon.layoutChain
|
|
.right(15)
|
|
.width(14)
|
|
.height(14)
|
|
.centerY(titleLab)
|
|
|
|
view.addSubview(tagListView)
|
|
tagListView.layoutChain
|
|
.top(15)
|
|
.leftToRightOfView(titleLab, offset: 23)
|
|
.height(27, relation: .greaterThanOrEqual)
|
|
.rightToLeftOfView(groupTagArrowIcon, offset: -17)
|
|
|
|
let tipsLab = UILabel()
|
|
tipsLab.text = "如选择为私密圈子，将不能被分享到探索和被搜索。"
|
|
tipsLab.textColor = ThemeManager.shared.color.contentColor
|
|
tipsLab.font = .systemFont(ofSize: 10, weight: .regular)
|
|
view.addSubview(tipsLab)
|
|
tipsLab.layoutChain
|
|
.topToBottomOfView(tagListView, offset: 10)
|
|
.leftToView(titleLab)
|
|
.bottom(20)
|
|
|
|
return view
|
|
}()
|
|
|
|
lazy var tagListView: TagListView = {
|
|
let view = TagListView()
|
|
view.textFont = UIFont.systemFont(ofSize: 12, weight: .medium)
|
|
view.textColor = UIColor(hexStr: "#16B3FF")
|
|
view.tagBackgroundColor = UIColor(hexStr: "#E3F6FF")
|
|
view.paddingX = 20 // 水平内边距
|
|
view.paddingY = 6 // 垂直内边距
|
|
view.alignment = .left // 对齐
|
|
view.translatesAutoresizingMaskIntoConstraints = false
|
|
return view
|
|
}()
|
|
|
|
lazy var groupTagArrowIcon: UIImageView = {
|
|
let view = UIImageView(image: UIImage(named: "Group/arrow"))
|
|
view.isHidden = true
|
|
return view
|
|
}()
|
|
|
|
// MARK: - 圈子管理
|
|
lazy var groupManagerTitleLab: UILabel = {
|
|
let label = UILabel()
|
|
label.text = "圈子管理"
|
|
label.textColor = ThemeManager.shared.color.titleAuxColor
|
|
label.font = .systemFont(ofSize: 16, weight: .semibold)
|
|
return label
|
|
}()
|
|
|
|
lazy var groupManagerView: UIView = {
|
|
let view = UIView()
|
|
view.backgroundColor = UIColor(hexStr: "#F5FBFF")
|
|
view.cornerRadius = 10
|
|
return view
|
|
}()
|
|
|
|
lazy var groupManagerStackView: UIStackView = {
|
|
let view = UIStackView(arrangedSubviews: [inviteView, auditMemberView, removeMemberView, dismissGroupView, leaveGroupView])
|
|
view.axis = .vertical
|
|
view.alignment = .fill
|
|
view.distribution = .fill
|
|
view.spacing = 0
|
|
view.backgroundColor = .clear
|
|
return view
|
|
}()
|
|
|
|
// 邀请成员
|
|
lazy var inviteView: UIView = {
|
|
let view = UIView()
|
|
view.backgroundColor = .clear
|
|
|
|
let titleLab = UILabel()
|
|
titleLab.text = "邀请成员"
|
|
titleLab.textColor = ThemeManager.shared.color.titleAuxColor
|
|
titleLab.font = .systemFont(ofSize: 12, weight: .medium)
|
|
view.addSubview(titleLab)
|
|
titleLab.layoutChain
|
|
.left(15)
|
|
.width(50)
|
|
.top(20)
|
|
|
|
let icon = UIImageView(image: UIImage(named: "Group/arrow"))
|
|
view.addSubview(icon)
|
|
icon.layoutChain
|
|
.right(15)
|
|
.width(14)
|
|
.height(14)
|
|
.centerY()
|
|
|
|
let line = UIView()
|
|
line.backgroundColor = ThemeManager.shared.color.lineColor
|
|
view.addSubview(line)
|
|
line.layoutChain
|
|
.bottom()
|
|
.height(0.5)
|
|
.edgesHorzontal(15)
|
|
|
|
return view
|
|
}()
|
|
|
|
// 审核成员
|
|
lazy var auditMemberView = {
|
|
let view = UIView()
|
|
view.backgroundColor = .clear
|
|
view.isHidden = true
|
|
let titleLab = UILabel()
|
|
titleLab.text = "审核成员"
|
|
titleLab.textColor = ThemeManager.shared.color.titleAuxColor
|
|
titleLab.font = .systemFont(ofSize: 12, weight: .medium)
|
|
view.addSubview(titleLab)
|
|
titleLab.layoutChain
|
|
.left(15)
|
|
.width(50)
|
|
.top(20)
|
|
|
|
let icon = UIImageView(image: UIImage(named: "Group/arrow"))
|
|
view.addSubview(icon)
|
|
icon.layoutChain
|
|
.right(15)
|
|
.width(14)
|
|
.height(14)
|
|
.centerY()
|
|
|
|
let line = UIView()
|
|
line.backgroundColor = ThemeManager.shared.color.lineColor
|
|
view.addSubview(line)
|
|
line.layoutChain
|
|
.bottom()
|
|
.height(0.5)
|
|
.edgesHorzontal(15)
|
|
|
|
return view
|
|
}()
|
|
|
|
// 移除成员
|
|
lazy var removeMemberView = {
|
|
let view = UIView()
|
|
view.backgroundColor = .clear
|
|
view.isHidden = true
|
|
let titleLab = UILabel()
|
|
titleLab.text = "移除成员"
|
|
titleLab.textColor = ThemeManager.shared.color.titleAuxColor
|
|
titleLab.font = .systemFont(ofSize: 12, weight: .medium)
|
|
view.addSubview(titleLab)
|
|
titleLab.layoutChain
|
|
.left(15)
|
|
.width(50)
|
|
.top(20)
|
|
|
|
let icon = UIImageView(image: UIImage(named: "Group/arrow"))
|
|
view.addSubview(icon)
|
|
icon.layoutChain
|
|
.right(15)
|
|
.width(14)
|
|
.height(14)
|
|
.centerY()
|
|
|
|
let line = UIView()
|
|
line.backgroundColor = ThemeManager.shared.color.lineColor
|
|
view.addSubview(line)
|
|
line.layoutChain
|
|
.bottom()
|
|
.height(0.5)
|
|
.edgesHorzontal(15)
|
|
|
|
return view
|
|
}()
|
|
|
|
// 解散圈子
|
|
lazy var dismissGroupView = {
|
|
let view = UIView()
|
|
view.backgroundColor = .clear
|
|
view.isHidden = true
|
|
let titleLab = UILabel()
|
|
titleLab.text = "解散圈子"
|
|
titleLab.textColor = ThemeManager.shared.color.titleAuxColor
|
|
titleLab.font = .systemFont(ofSize: 12, weight: .medium)
|
|
view.addSubview(titleLab)
|
|
titleLab.layoutChain
|
|
.left(15)
|
|
.width(50)
|
|
.top(20)
|
|
|
|
let icon = UIImageView(image: UIImage(named: "Group/arrow"))
|
|
view.addSubview(icon)
|
|
icon.layoutChain
|
|
.right(15)
|
|
.width(14)
|
|
.height(14)
|
|
.centerY()
|
|
|
|
let line = UIView()
|
|
line.backgroundColor = ThemeManager.shared.color.lineColor
|
|
view.addSubview(line)
|
|
line.layoutChain
|
|
.bottom()
|
|
.height(0.5)
|
|
.edgesHorzontal(15)
|
|
|
|
return view
|
|
}()
|
|
|
|
// 退出圈子
|
|
lazy var leaveGroupView = {
|
|
let view = UIView()
|
|
view.backgroundColor = .clear
|
|
view.isHidden = true
|
|
let titleLab = UILabel()
|
|
titleLab.text = "退出圈子"
|
|
titleLab.textColor = ThemeManager.shared.color.titleAuxColor
|
|
titleLab.font = .systemFont(ofSize: 12, weight: .medium)
|
|
view.addSubview(titleLab)
|
|
titleLab.layoutChain
|
|
.left(15)
|
|
.width(50)
|
|
.top(20)
|
|
|
|
let icon = UIImageView(image: UIImage(named: "Group/arrow"))
|
|
view.addSubview(icon)
|
|
icon.layoutChain
|
|
.right(15)
|
|
.width(14)
|
|
.height(14)
|
|
.centerY()
|
|
|
|
let line = UIView()
|
|
line.backgroundColor = ThemeManager.shared.color.lineColor
|
|
view.addSubview(line)
|
|
line.layoutChain
|
|
.bottom()
|
|
.height(0.5)
|
|
.edgesHorzontal(15)
|
|
|
|
return view
|
|
}()
|
|
|
|
override init(frame: CGRect) {
|
|
super.init(frame: .zero)
|
|
backgroundColor = .white
|
|
setupUI()
|
|
setupRx()
|
|
}
|
|
|
|
required init?(coder aDecoder: NSCoder) {
|
|
fatalError("init(coder:) has not been implemented")
|
|
}
|
|
}
|