汉秋
efb3925257
对齐 Android 无权限强制弹窗、角色下拉与申请页交互，补充 UIButton configuration 适配，并增强景区排队 TTS 与相关单元测试。 Co-authored-by: Cursor <cursoragent@cursor.com>
514 lines
20 KiB
Swift
514 lines
20 KiB
Swift
//
|
||
// PermissionApplyViews.swift
|
||
// suixinkan
|
||
//
|
||
|
||
import SnapKit
|
||
import UIKit
|
||
|
||
/// 权限申请模块视觉常量，严格对应 Android Compose 中的尺寸和颜色。
|
||
enum PermissionApplyUITokens {
|
||
static let pageBackground = UIColor(hex: 0xF5F5F5)
|
||
static let selectorBorder = UIColor(hex: 0xE0E3EA)
|
||
static let placeholder = UIColor(hex: 0xB3B8C2)
|
||
static let text = UIColor(hex: 0x111827)
|
||
static let existingBackground = UIColor(hex: 0xF8F9FB)
|
||
static let selectedBackground = UIColor(hex: 0xF4F9FF)
|
||
static let selectedBlue = UIColor(hex: 0x1677FF)
|
||
static let existingGreen = UIColor(hex: 0x52C41A)
|
||
static let existingGreenBackground = UIColor(hex: 0xE6F7E6)
|
||
static let disabledButton = UIColor(hex: 0xE0E0E0)
|
||
}
|
||
|
||
/// 权限申请页顶部“申请平台开通新景区”横幅。
|
||
final class PermissionApplyBannerView: UIView {
|
||
|
||
var onApplyNewScenic: (() -> Void)?
|
||
|
||
private let iconView = UIImageView()
|
||
private let titleLabel = UILabel()
|
||
private let applyButton = UIButton(type: .system)
|
||
|
||
override init(frame: CGRect) {
|
||
super.init(frame: frame)
|
||
backgroundColor = AppColor.warningBackground
|
||
|
||
iconView.image = UIImage(named: "permission_open_scenic")
|
||
?? UIImage(systemName: "building.2.fill")?.withTintColor(AppColor.warning, renderingMode: .alwaysOriginal)
|
||
iconView.contentMode = .scaleAspectFit
|
||
iconView.isAccessibilityElement = false
|
||
|
||
titleLabel.text = "没有找到心仪的景区"
|
||
titleLabel.font = .systemFont(ofSize: 14, weight: .medium)
|
||
titleLabel.textColor = AppColor.warning
|
||
titleLabel.setContentCompressionResistancePriority(.defaultLow, for: .horizontal)
|
||
|
||
var configuration = UIButton.Configuration.plain()
|
||
configuration.title = "申请平台开通新景区"
|
||
configuration.image = UIImage(named: "permission_more_scenic")
|
||
?? UIImage(systemName: "chevron.right")
|
||
configuration.imagePlacement = .trailing
|
||
configuration.imagePadding = 2
|
||
configuration.contentInsets = .zero
|
||
configuration.baseForegroundColor = AppColor.warning
|
||
configuration.titleTextAttributesTransformer = UIConfigurationTextAttributesTransformer { incoming in
|
||
var outgoing = incoming
|
||
outgoing.font = .systemFont(ofSize: 14, weight: .medium)
|
||
return outgoing
|
||
}
|
||
applyButton.configuration = configuration
|
||
applyButton.accessibilityLabel = "申请平台开通新景区"
|
||
applyButton.addTarget(self, action: #selector(applyTapped), for: .touchUpInside)
|
||
|
||
[iconView, titleLabel, applyButton].forEach(addSubview)
|
||
iconView.snp.makeConstraints { make in
|
||
make.leading.equalToSuperview().offset(16)
|
||
make.centerY.equalToSuperview()
|
||
make.size.equalTo(20)
|
||
}
|
||
titleLabel.snp.makeConstraints { make in
|
||
make.leading.equalTo(iconView.snp.trailing)
|
||
make.centerY.equalToSuperview()
|
||
make.trailing.lessThanOrEqualTo(applyButton.snp.leading).offset(-12)
|
||
}
|
||
applyButton.snp.makeConstraints { make in
|
||
make.trailing.equalToSuperview().offset(-16)
|
||
make.centerY.equalToSuperview()
|
||
make.height.greaterThanOrEqualTo(44)
|
||
}
|
||
snp.makeConstraints { make in make.height.equalTo(48) }
|
||
}
|
||
|
||
@available(*, unavailable)
|
||
required init?(coder: NSCoder) {
|
||
fatalError("init(coder:) has not been implemented")
|
||
}
|
||
|
||
@objc private func applyTapped() {
|
||
onApplyNewScenic?()
|
||
}
|
||
}
|
||
|
||
/// Android 表单标题、说明和锚定选择框组合视图。
|
||
final class PermissionFormSelectorRow: UIView {
|
||
|
||
var onTap: (() -> Void)?
|
||
|
||
private let titleLabel = UILabel()
|
||
private let tagLabel = UILabel()
|
||
private let descriptionLabel = UILabel()
|
||
let selectorControl = UIControl()
|
||
private let valueLabel = UILabel()
|
||
private let chevron = UIImageView(image: UIImage(systemName: "chevron.down"))
|
||
|
||
init(title: String, tag: String, description: String, placeholder: String) {
|
||
super.init(frame: .zero)
|
||
titleLabel.text = title
|
||
titleLabel.font = .systemFont(ofSize: 16, weight: .medium)
|
||
titleLabel.textColor = UIColor(hex: 0x333333)
|
||
|
||
tagLabel.text = tag
|
||
tagLabel.font = .systemFont(ofSize: 12)
|
||
tagLabel.textColor = AppColor.textTertiary
|
||
tagLabel.textAlignment = .right
|
||
|
||
descriptionLabel.text = description
|
||
descriptionLabel.font = .systemFont(ofSize: 12)
|
||
descriptionLabel.textColor = PermissionApplyUITokens.placeholder
|
||
descriptionLabel.numberOfLines = 0
|
||
|
||
selectorControl.backgroundColor = .white
|
||
selectorControl.layer.cornerRadius = 12
|
||
selectorControl.layer.borderWidth = 1
|
||
selectorControl.layer.borderColor = PermissionApplyUITokens.selectorBorder.cgColor
|
||
selectorControl.accessibilityLabel = title
|
||
selectorControl.addTarget(self, action: #selector(rowTapped), for: .touchUpInside)
|
||
|
||
valueLabel.text = placeholder
|
||
valueLabel.font = .systemFont(ofSize: 14)
|
||
valueLabel.textColor = PermissionApplyUITokens.placeholder
|
||
valueLabel.lineBreakMode = .byTruncatingTail
|
||
|
||
chevron.tintColor = PermissionApplyUITokens.placeholder
|
||
chevron.contentMode = .scaleAspectFit
|
||
|
||
[titleLabel, tagLabel, descriptionLabel, selectorControl].forEach(addSubview)
|
||
[valueLabel, chevron].forEach(selectorControl.addSubview)
|
||
|
||
titleLabel.snp.makeConstraints { make in make.top.leading.equalToSuperview() }
|
||
tagLabel.snp.makeConstraints { make in
|
||
make.centerY.equalTo(titleLabel)
|
||
make.trailing.equalToSuperview()
|
||
make.leading.greaterThanOrEqualTo(titleLabel.snp.trailing).offset(8)
|
||
}
|
||
descriptionLabel.snp.makeConstraints { make in
|
||
make.top.equalTo(titleLabel.snp.bottom).offset(4)
|
||
make.leading.trailing.equalToSuperview()
|
||
}
|
||
selectorControl.snp.makeConstraints { make in
|
||
make.top.equalTo(descriptionLabel.snp.bottom).offset(8)
|
||
make.leading.trailing.bottom.equalToSuperview()
|
||
make.height.equalTo(46)
|
||
}
|
||
valueLabel.snp.makeConstraints { make in
|
||
make.leading.equalToSuperview().offset(16)
|
||
make.centerY.equalToSuperview()
|
||
make.trailing.lessThanOrEqualTo(chevron.snp.leading).offset(-8)
|
||
}
|
||
chevron.snp.makeConstraints { make in
|
||
make.trailing.equalToSuperview().offset(-16)
|
||
make.centerY.equalToSuperview()
|
||
make.size.equalTo(20)
|
||
}
|
||
}
|
||
|
||
@available(*, unavailable)
|
||
required init?(coder: NSCoder) {
|
||
fatalError("init(coder:) has not been implemented")
|
||
}
|
||
|
||
/// 更新选择框显示值。
|
||
func setValue(_ text: String, isPlaceholder: Bool) {
|
||
valueLabel.text = text
|
||
valueLabel.textColor = isPlaceholder ? PermissionApplyUITokens.placeholder : PermissionApplyUITokens.text
|
||
selectorControl.accessibilityValue = text
|
||
}
|
||
|
||
@objc private func rowTapped() {
|
||
onTap?()
|
||
}
|
||
}
|
||
|
||
/// 权限标签的展示样式。
|
||
enum PermissionChipStyle: Hashable {
|
||
case selectedRemovable
|
||
case selectedStatic
|
||
case existingGreen
|
||
}
|
||
|
||
/// Diffable 标签网格中的稳定条目。
|
||
struct PermissionChipItem: Hashable {
|
||
let id: String
|
||
let title: String
|
||
}
|
||
|
||
/// Android `FlowRow` 的标签左对齐与换行坐标计算器。
|
||
struct PermissionChipLayoutMetrics {
|
||
static let itemHeight: CGFloat = 44
|
||
static let interitemSpacing: CGFloat = 12
|
||
static let lineSpacing: CGFloat = 2
|
||
|
||
/// 按容器宽度为标签生成从左到右、超宽换行的坐标。
|
||
static func makeFrames(itemWidths: [CGFloat], containerWidth: CGFloat) -> [CGRect] {
|
||
guard containerWidth > 0 else { return [] }
|
||
var x: CGFloat = 0
|
||
var y: CGFloat = 0
|
||
return itemWidths.map { rawWidth in
|
||
let width = min(containerWidth, max(44, rawWidth))
|
||
if x > 0, x + width > containerWidth + 0.5 {
|
||
x = 0
|
||
y += itemHeight + lineSpacing
|
||
}
|
||
let frame = CGRect(x: x, y: y, width: width, height: itemHeight)
|
||
x += width + interitemSpacing
|
||
return frame
|
||
}
|
||
}
|
||
}
|
||
|
||
/// 确定性计算左对齐换行坐标，等价于 Android `FlowRow`。
|
||
private final class PermissionChipFlowLayout: UICollectionViewLayout {
|
||
|
||
var itemWidthProvider: ((IndexPath) -> CGFloat)?
|
||
private var cachedAttributes: [IndexPath: UICollectionViewLayoutAttributes] = [:]
|
||
private var contentHeight: CGFloat = 1
|
||
|
||
override func prepare() {
|
||
super.prepare()
|
||
guard let collectionView, collectionView.bounds.width > 0 else {
|
||
cachedAttributes = [:]
|
||
contentHeight = 1
|
||
return
|
||
}
|
||
|
||
cachedAttributes = [:]
|
||
let availableWidth = collectionView.bounds.width
|
||
var indexPaths: [IndexPath] = []
|
||
var itemWidths: [CGFloat] = []
|
||
for section in 0..<collectionView.numberOfSections {
|
||
for item in 0..<collectionView.numberOfItems(inSection: section) {
|
||
let indexPath = IndexPath(item: item, section: section)
|
||
indexPaths.append(indexPath)
|
||
itemWidths.append(itemWidthProvider?(indexPath) ?? 44)
|
||
}
|
||
}
|
||
let frames = PermissionChipLayoutMetrics.makeFrames(
|
||
itemWidths: itemWidths,
|
||
containerWidth: availableWidth
|
||
)
|
||
for (index, indexPath) in indexPaths.enumerated() {
|
||
let attributes = UICollectionViewLayoutAttributes(forCellWith: indexPath)
|
||
attributes.frame = frames[index]
|
||
cachedAttributes[indexPath] = attributes
|
||
}
|
||
contentHeight = frames.last?.maxY ?? 1
|
||
}
|
||
|
||
override var collectionViewContentSize: CGSize {
|
||
CGSize(width: collectionView?.bounds.width ?? 0, height: contentHeight)
|
||
}
|
||
|
||
override func layoutAttributesForElements(in rect: CGRect) -> [UICollectionViewLayoutAttributes]? {
|
||
cachedAttributes.values.filter { $0.frame.intersects(rect) }
|
||
}
|
||
|
||
override func layoutAttributesForItem(at indexPath: IndexPath) -> UICollectionViewLayoutAttributes? {
|
||
cachedAttributes[indexPath]
|
||
}
|
||
|
||
override func shouldInvalidateLayout(forBoundsChange newBounds: CGRect) -> Bool {
|
||
guard let collectionView else { return true }
|
||
return abs(collectionView.bounds.width - newBounds.width) > 0.5
|
||
}
|
||
}
|
||
|
||
/// 自适应换行的权限标签网格。
|
||
final class PermissionChipCollectionView: UIView {
|
||
|
||
private enum Section { case main }
|
||
|
||
var onRemove: ((Int) -> Void)?
|
||
|
||
private let style: PermissionChipStyle
|
||
private let layout: PermissionChipFlowLayout
|
||
private let collectionView: UICollectionView
|
||
private var dataSource: UICollectionViewDiffableDataSource<Section, PermissionChipItem>!
|
||
private var items: [PermissionChipItem] = []
|
||
private var heightConstraint: Constraint?
|
||
|
||
init(style: PermissionChipStyle) {
|
||
self.style = style
|
||
let layout = PermissionChipFlowLayout()
|
||
self.layout = layout
|
||
collectionView = UICollectionView(frame: .zero, collectionViewLayout: layout)
|
||
super.init(frame: .zero)
|
||
|
||
collectionView.backgroundColor = .clear
|
||
collectionView.isScrollEnabled = false
|
||
collectionView.register(PermissionChipCell.self, forCellWithReuseIdentifier: PermissionChipCell.reuseIdentifier)
|
||
addSubview(collectionView)
|
||
collectionView.snp.makeConstraints { make in make.edges.equalToSuperview() }
|
||
snp.makeConstraints { make in heightConstraint = make.height.equalTo(1).constraint }
|
||
|
||
dataSource = UICollectionViewDiffableDataSource<Section, PermissionChipItem>(
|
||
collectionView: collectionView
|
||
) { [weak self] collectionView, indexPath, item in
|
||
guard let self,
|
||
let cell = collectionView.dequeueReusableCell(
|
||
withReuseIdentifier: PermissionChipCell.reuseIdentifier,
|
||
for: indexPath
|
||
) as? PermissionChipCell else { return UICollectionViewCell() }
|
||
cell.apply(title: item.title, style: self.style)
|
||
cell.onRemove = { [weak self] in
|
||
guard let self, let currentIndex = self.items.firstIndex(of: item) else { return }
|
||
self.onRemove?(currentIndex)
|
||
}
|
||
return cell
|
||
}
|
||
layout.itemWidthProvider = { [weak self] indexPath in
|
||
self?.itemWidth(at: indexPath) ?? 44
|
||
}
|
||
}
|
||
|
||
@available(*, unavailable)
|
||
required init?(coder: NSCoder) {
|
||
fatalError("init(coder:) has not been implemented")
|
||
}
|
||
|
||
/// 使用 Diffable snapshot 更新标签。
|
||
func apply(titles: [String]) {
|
||
var occurrences: [String: Int] = [:]
|
||
items = titles.map { title in
|
||
let occurrence = occurrences[title, default: 0]
|
||
occurrences[title] = occurrence + 1
|
||
return PermissionChipItem(id: "\(title)#\(occurrence)", title: title)
|
||
}
|
||
var snapshot = NSDiffableDataSourceSnapshot<Section, PermissionChipItem>()
|
||
snapshot.appendSections([.main])
|
||
snapshot.appendItems(items)
|
||
dataSource.apply(snapshot, animatingDifferences: true) { [weak self] in
|
||
self?.updateHeight()
|
||
}
|
||
}
|
||
|
||
override func layoutSubviews() {
|
||
super.layoutSubviews()
|
||
updateHeight()
|
||
}
|
||
|
||
private func updateHeight() {
|
||
collectionView.collectionViewLayout.invalidateLayout()
|
||
collectionView.layoutIfNeeded()
|
||
let height = max(1, collectionView.collectionViewLayout.collectionViewContentSize.height)
|
||
heightConstraint?.update(offset: height)
|
||
invalidateIntrinsicContentSize()
|
||
}
|
||
|
||
private func itemWidth(at indexPath: IndexPath) -> CGFloat {
|
||
guard let item = dataSource.itemIdentifier(for: indexPath) else { return 44 }
|
||
let textWidth = ceil((item.title as NSString).size(withAttributes: [
|
||
.font: UIFont.systemFont(ofSize: 14),
|
||
]).width)
|
||
let horizontalChrome: CGFloat = style == .selectedRemovable ? 42 : 24
|
||
return textWidth + horizontalChrome
|
||
}
|
||
}
|
||
|
||
/// 带标题背景的“新增角色/新增景区”区域。
|
||
final class PermissionSelectedTagsView: UIView {
|
||
|
||
private let titleLabel = UILabel()
|
||
private let chips = PermissionChipCollectionView(style: .selectedRemovable)
|
||
|
||
override init(frame: CGRect) {
|
||
super.init(frame: frame)
|
||
backgroundColor = PermissionApplyUITokens.selectedBackground
|
||
layer.cornerRadius = 12
|
||
titleLabel.font = .systemFont(ofSize: 16, weight: .medium)
|
||
titleLabel.textColor = PermissionApplyUITokens.text
|
||
|
||
addSubview(titleLabel)
|
||
addSubview(chips)
|
||
titleLabel.snp.makeConstraints { make in
|
||
make.top.leading.trailing.equalToSuperview().inset(12)
|
||
}
|
||
chips.snp.makeConstraints { make in
|
||
make.top.equalTo(titleLabel.snp.bottom).offset(12)
|
||
make.leading.trailing.bottom.equalToSuperview().inset(12)
|
||
}
|
||
}
|
||
|
||
@available(*, unavailable)
|
||
required init?(coder: NSCoder) {
|
||
fatalError("init(coder:) has not been implemented")
|
||
}
|
||
|
||
/// 更新区域标题与标签内容。
|
||
func apply(title: String, names: [String], onRemove: ((Int) -> Void)? = nil) {
|
||
titleLabel.text = title
|
||
isHidden = names.isEmpty
|
||
chips.onRemove = onRemove
|
||
chips.apply(titles: names)
|
||
}
|
||
}
|
||
|
||
/// 权限申请页底部主按钮。
|
||
final class PermissionSubmitButton: UIButton {
|
||
|
||
override init(frame: CGRect) {
|
||
super.init(frame: frame)
|
||
setTitle("提交审核", for: .normal)
|
||
setTitleColor(.white, for: .normal)
|
||
titleLabel?.font = .systemFont(ofSize: 16, weight: .medium)
|
||
layer.cornerRadius = 8
|
||
accessibilityLabel = "提交审核"
|
||
snp.makeConstraints { make in make.height.equalTo(48) }
|
||
applyState(canSubmit: false, submitting: false)
|
||
}
|
||
|
||
@available(*, unavailable)
|
||
required init?(coder: NSCoder) {
|
||
fatalError("init(coder:) has not been implemented")
|
||
}
|
||
|
||
/// 更新可提交与提交中状态。
|
||
func applyState(canSubmit: Bool, submitting: Bool) {
|
||
isEnabled = canSubmit && !submitting
|
||
backgroundColor = isEnabled ? PermissionApplyUITokens.selectedBlue : PermissionApplyUITokens.disabledButton
|
||
setTitle(submitting ? "提交中..." : "提交审核", for: .normal)
|
||
accessibilityValue = submitting ? "提交中" : nil
|
||
}
|
||
}
|
||
|
||
/// 权限标签 CollectionView 单元格。
|
||
private final class PermissionChipCell: UICollectionViewCell {
|
||
|
||
static let reuseIdentifier = "PermissionChipCell"
|
||
|
||
var onRemove: (() -> Void)?
|
||
|
||
private let chipBackground = UIView()
|
||
private let label = UILabel()
|
||
private let removeButton = UIButton(type: .system)
|
||
private let removeImageView = UIImageView(image: UIImage(systemName: "xmark"))
|
||
|
||
override init(frame: CGRect) {
|
||
super.init(frame: frame)
|
||
label.font = .systemFont(ofSize: 14)
|
||
label.lineBreakMode = .byTruncatingTail
|
||
removeButton.addTarget(self, action: #selector(removeTapped), for: .touchUpInside)
|
||
removeButton.accessibilityLabel = "删除"
|
||
removeImageView.contentMode = .scaleAspectFit
|
||
removeImageView.isUserInteractionEnabled = false
|
||
contentView.addSubview(chipBackground)
|
||
chipBackground.addSubview(label)
|
||
chipBackground.addSubview(removeImageView)
|
||
contentView.addSubview(removeButton)
|
||
|
||
chipBackground.snp.makeConstraints { make in
|
||
make.leading.trailing.centerY.equalToSuperview()
|
||
make.height.equalTo(34)
|
||
}
|
||
removeButton.snp.makeConstraints { make in
|
||
make.trailing.centerY.equalToSuperview()
|
||
make.size.equalTo(44)
|
||
}
|
||
removeImageView.snp.makeConstraints { make in
|
||
make.trailing.equalToSuperview().offset(-10)
|
||
make.centerY.equalToSuperview()
|
||
make.size.equalTo(14)
|
||
}
|
||
}
|
||
|
||
@available(*, unavailable)
|
||
required init?(coder: NSCoder) {
|
||
fatalError("init(coder:) has not been implemented")
|
||
}
|
||
|
||
func apply(title: String, style: PermissionChipStyle) {
|
||
label.text = title
|
||
chipBackground.layer.cornerRadius = style == .existingGreen ? 4 : 8
|
||
chipBackground.layer.borderWidth = 1
|
||
switch style {
|
||
case .selectedRemovable, .selectedStatic:
|
||
chipBackground.backgroundColor = style == .selectedRemovable
|
||
? PermissionApplyUITokens.selectedBackground : .white
|
||
chipBackground.layer.borderColor = PermissionApplyUITokens.selectedBlue.cgColor
|
||
label.textColor = PermissionApplyUITokens.selectedBlue
|
||
removeImageView.tintColor = PermissionApplyUITokens.selectedBlue
|
||
case .existingGreen:
|
||
chipBackground.backgroundColor = PermissionApplyUITokens.existingGreenBackground
|
||
chipBackground.layer.borderColor = PermissionApplyUITokens.existingGreen.cgColor
|
||
label.textColor = PermissionApplyUITokens.existingGreen
|
||
removeImageView.tintColor = PermissionApplyUITokens.existingGreen
|
||
}
|
||
let removable = style == .selectedRemovable
|
||
removeButton.isHidden = !removable
|
||
removeImageView.isHidden = !removable
|
||
label.snp.remakeConstraints { make in
|
||
make.leading.equalToSuperview().offset(12)
|
||
make.centerY.equalToSuperview()
|
||
if removable {
|
||
make.trailing.equalTo(removeImageView.snp.leading).offset(-6)
|
||
} else {
|
||
make.trailing.equalToSuperview().offset(-12)
|
||
}
|
||
}
|
||
accessibilityLabel = title
|
||
}
|
||
|
||
@objc private func removeTapped() {
|
||
onRemove?()
|
||
}
|
||
}
|