247 lines
8.3 KiB
Swift
247 lines
8.3 KiB
Swift
//
|
||
// ProfileInfoRowView.swift
|
||
// suixinkan
|
||
//
|
||
|
||
import SnapKit
|
||
import UIKit
|
||
|
||
/// 个人信息卡片行，展示左侧标题与右侧内容，可选点击与箭头。
|
||
final class ProfileInfoRowView: UIControl {
|
||
|
||
enum AccessoryStyle {
|
||
case none
|
||
case chevron
|
||
case action(String)
|
||
}
|
||
|
||
private let titleLabel = UILabel()
|
||
private let valueLabel = UILabel()
|
||
private let accessoryLabel = UILabel()
|
||
private let chevronView = UIImageView()
|
||
private let divider = UIView()
|
||
private let badgeContainer = UIView()
|
||
private var badgeView: ProfileStatusBadgeView?
|
||
private let rightStack = UIStackView()
|
||
private let stackNameLabel = UILabel()
|
||
private let stackTypeTag = UILabel()
|
||
private var rowHeightConstraint: Constraint?
|
||
|
||
var showsDivider = true {
|
||
didSet { divider.isHidden = !showsDivider }
|
||
}
|
||
|
||
init(title: String) {
|
||
super.init(frame: .zero)
|
||
titleLabel.text = title
|
||
setupUI()
|
||
}
|
||
|
||
@available(*, unavailable)
|
||
required init?(coder: NSCoder) {
|
||
fatalError("init(coder:) has not been implemented")
|
||
}
|
||
|
||
func configure(
|
||
value: String?,
|
||
valueColor: UIColor = AppColor.text333,
|
||
accessory: AccessoryStyle = .none,
|
||
badge: ProfileStatusBadgeView.Style? = nil
|
||
) {
|
||
setStackedModeEnabled(false)
|
||
|
||
valueLabel.text = value
|
||
valueLabel.textColor = valueColor
|
||
valueLabel.isHidden = badge != nil
|
||
badgeContainer.isHidden = badge == nil
|
||
|
||
if let badge {
|
||
if badgeView == nil {
|
||
let view = ProfileStatusBadgeView()
|
||
badgeContainer.addSubview(view)
|
||
view.snp.makeConstraints { make in
|
||
make.edges.equalToSuperview()
|
||
}
|
||
badgeView = view
|
||
}
|
||
badgeView?.apply(style: badge, text: value ?? "")
|
||
}
|
||
|
||
accessoryLabel.isHidden = true
|
||
chevronView.isHidden = true
|
||
switch accessory {
|
||
case .none:
|
||
break
|
||
case .chevron:
|
||
chevronView.isHidden = false
|
||
case .action(let text):
|
||
accessoryLabel.text = text
|
||
accessoryLabel.isHidden = false
|
||
chevronView.isHidden = false
|
||
}
|
||
|
||
updateContentConstraints(for: accessory)
|
||
}
|
||
|
||
/// 右侧竖排展示店铺名称与账号类型标识，可选右侧箭头。
|
||
func configureAccountInfo(
|
||
storeName: String,
|
||
accountTypeLabel: String,
|
||
isStoreAccount: Bool,
|
||
showsChevron: Bool = true
|
||
) {
|
||
setStackedModeEnabled(true, showsChevron: showsChevron)
|
||
|
||
stackNameLabel.text = storeName
|
||
stackTypeTag.text = accountTypeLabel
|
||
if isStoreAccount {
|
||
stackTypeTag.textColor = UIColor(hex: 0x0F9F6E)
|
||
stackTypeTag.backgroundColor = UIColor(hex: 0xE8F8F1)
|
||
} else {
|
||
stackTypeTag.textColor = UIColor(hex: 0x7C3AED)
|
||
stackTypeTag.backgroundColor = UIColor(hex: 0xF3ECFF)
|
||
}
|
||
|
||
updateStackedConstraints(showsChevron: showsChevron)
|
||
}
|
||
|
||
private func setStackedModeEnabled(_ enabled: Bool, showsChevron: Bool = false) {
|
||
rightStack.isHidden = !enabled
|
||
accessoryLabel.isHidden = true
|
||
chevronView.isHidden = !enabled || !showsChevron
|
||
|
||
if enabled {
|
||
valueLabel.isHidden = true
|
||
badgeContainer.isHidden = true
|
||
rowHeightConstraint?.update(offset: 64)
|
||
} else {
|
||
rowHeightConstraint?.update(offset: 52)
|
||
}
|
||
}
|
||
|
||
private func updateStackedConstraints(showsChevron: Bool) {
|
||
rightStack.snp.remakeConstraints { make in
|
||
make.centerY.equalToSuperview()
|
||
make.leading.greaterThanOrEqualTo(titleLabel.snp.trailing).offset(8)
|
||
if showsChevron {
|
||
make.trailing.equalTo(chevronView.snp.leading).offset(-4)
|
||
} else {
|
||
make.trailing.equalToSuperview()
|
||
}
|
||
}
|
||
}
|
||
|
||
private func updateContentConstraints(for accessory: AccessoryStyle) {
|
||
valueLabel.snp.remakeConstraints { make in
|
||
make.leading.greaterThanOrEqualTo(titleLabel.snp.trailing).offset(8)
|
||
make.centerY.equalToSuperview()
|
||
switch accessory {
|
||
case .action:
|
||
make.trailing.equalTo(accessoryLabel.snp.leading).offset(-8)
|
||
case .chevron:
|
||
make.trailing.equalTo(chevronView.snp.leading).offset(-4)
|
||
case .none:
|
||
make.trailing.equalToSuperview()
|
||
}
|
||
}
|
||
|
||
badgeContainer.snp.remakeConstraints { make in
|
||
make.leading.equalTo(titleLabel.snp.trailing).offset(8)
|
||
make.centerY.equalToSuperview()
|
||
switch accessory {
|
||
case .action:
|
||
make.trailing.lessThanOrEqualTo(accessoryLabel.snp.leading).offset(-8)
|
||
case .chevron:
|
||
make.trailing.lessThanOrEqualTo(chevronView.snp.leading).offset(-8)
|
||
case .none:
|
||
make.trailing.lessThanOrEqualToSuperview()
|
||
}
|
||
}
|
||
}
|
||
|
||
private func setupUI() {
|
||
titleLabel.font = .systemFont(ofSize: 14)
|
||
titleLabel.textColor = UIColor(hex: 0x4B5563)
|
||
titleLabel.setContentHuggingPriority(.required, for: .horizontal)
|
||
|
||
valueLabel.font = .systemFont(ofSize: 14)
|
||
valueLabel.textAlignment = .right
|
||
valueLabel.numberOfLines = 1
|
||
valueLabel.lineBreakMode = .byTruncatingTail
|
||
valueLabel.setContentCompressionResistancePriority(.defaultLow, for: .horizontal)
|
||
|
||
accessoryLabel.font = .systemFont(ofSize: 14)
|
||
accessoryLabel.textColor = AppColor.primary
|
||
accessoryLabel.setContentHuggingPriority(.required, for: .horizontal)
|
||
accessoryLabel.setContentCompressionResistancePriority(.required, for: .horizontal)
|
||
|
||
chevronView.image = UIImage(systemName: "chevron.right")
|
||
chevronView.tintColor = AppColor.text666
|
||
chevronView.contentMode = .scaleAspectFit
|
||
chevronView.setContentHuggingPriority(.required, for: .horizontal)
|
||
|
||
stackNameLabel.font = .systemFont(ofSize: 14)
|
||
stackNameLabel.textColor = AppColor.text333
|
||
stackNameLabel.textAlignment = .right
|
||
stackNameLabel.numberOfLines = 1
|
||
stackNameLabel.lineBreakMode = .byTruncatingTail
|
||
|
||
stackTypeTag.font = .systemFont(ofSize: 11, weight: .semibold)
|
||
stackTypeTag.textAlignment = .center
|
||
stackTypeTag.layer.cornerRadius = 4
|
||
stackTypeTag.clipsToBounds = true
|
||
|
||
rightStack.axis = .vertical
|
||
rightStack.alignment = .trailing
|
||
rightStack.spacing = 4
|
||
rightStack.isUserInteractionEnabled = false
|
||
rightStack.addArrangedSubview(stackNameLabel)
|
||
rightStack.addArrangedSubview(stackTypeTag)
|
||
rightStack.isHidden = true
|
||
|
||
badgeContainer.isUserInteractionEnabled = false
|
||
divider.backgroundColor = UIColor(hex: 0xE5E7EB)
|
||
divider.isUserInteractionEnabled = false
|
||
|
||
addSubview(titleLabel)
|
||
addSubview(valueLabel)
|
||
addSubview(badgeContainer)
|
||
addSubview(accessoryLabel)
|
||
addSubview(chevronView)
|
||
addSubview(rightStack)
|
||
addSubview(divider)
|
||
|
||
snp.makeConstraints { make in
|
||
rowHeightConstraint = make.height.equalTo(52).constraint
|
||
}
|
||
titleLabel.snp.makeConstraints { make in
|
||
make.leading.equalToSuperview()
|
||
make.centerY.equalToSuperview()
|
||
make.width.equalTo(102)
|
||
}
|
||
chevronView.snp.makeConstraints { make in
|
||
make.trailing.equalToSuperview()
|
||
make.centerY.equalToSuperview()
|
||
make.width.height.equalTo(16)
|
||
}
|
||
accessoryLabel.snp.makeConstraints { make in
|
||
make.trailing.equalTo(chevronView.snp.leading).offset(-4)
|
||
make.centerY.equalToSuperview()
|
||
}
|
||
rightStack.snp.makeConstraints { make in
|
||
make.trailing.equalToSuperview()
|
||
make.centerY.equalToSuperview()
|
||
make.leading.greaterThanOrEqualTo(titleLabel.snp.trailing).offset(8)
|
||
}
|
||
stackTypeTag.snp.makeConstraints { make in
|
||
make.height.equalTo(22)
|
||
make.width.greaterThanOrEqualTo(56)
|
||
}
|
||
updateContentConstraints(for: .none)
|
||
divider.snp.makeConstraints { make in
|
||
make.leading.trailing.bottom.equalToSuperview()
|
||
make.height.equalTo(0.5)
|
||
}
|
||
}
|
||
}
|