953 lines
38 KiB
Swift
953 lines
38 KiB
Swift
//
|
|
// PunchPointDetailViewController.swift
|
|
// suixinkan
|
|
//
|
|
|
|
import CoreLocation
|
|
import Kingfisher
|
|
import Photos
|
|
import SnapKit
|
|
import UIKit
|
|
|
|
#if targetEnvironment(simulator)
|
|
import MapKit
|
|
#endif
|
|
|
|
/// 打卡点详情页，对齐 Android `PunchPointDetailScreen`。
|
|
final class PunchPointDetailViewController: BaseViewController {
|
|
private let viewModel: PunchPointDetailViewModel
|
|
private let api: any PunchPointAPIProtocol
|
|
|
|
private let mapView = PunchPointMapView()
|
|
private let zoomStack = UIStackView()
|
|
private let zoomInButton = PunchPointMapControlButton(assetName: "punch_point_zoom_in")
|
|
private let zoomOutButton = PunchPointMapControlButton(assetName: "punch_point_zoom_out")
|
|
private let locateButton = PunchPointMapControlButton(assetName: "punch_point_map_location")
|
|
private let cardView = UIView()
|
|
private let scrollView = UIScrollView()
|
|
private let contentStack = UIStackView()
|
|
private let bottomBar = UIView()
|
|
private let editButton = UIButton(type: .system)
|
|
private let emptyContainer = UIStackView()
|
|
private let emptyLabel = UILabel()
|
|
private let retryButton = UIButton(type: .system)
|
|
|
|
var onChanged: (() -> Void)?
|
|
|
|
/// 初始化打卡点详情页。
|
|
init(
|
|
punchPointId: Int64,
|
|
viewModel: PunchPointDetailViewModel? = nil,
|
|
api: (any PunchPointAPIProtocol)? = nil
|
|
) {
|
|
self.viewModel = viewModel ?? PunchPointDetailViewModel(punchPointId: punchPointId)
|
|
self.api = api ?? NetworkServices.shared.punchPointAPI
|
|
super.init(nibName: nil, bundle: nil)
|
|
}
|
|
|
|
@available(*, unavailable)
|
|
required init?(coder: NSCoder) {
|
|
fatalError("init(coder:) has not been implemented")
|
|
}
|
|
|
|
override func setupNavigationBar() {
|
|
title = "打卡点详情"
|
|
}
|
|
|
|
override func setupUI() {
|
|
view.backgroundColor = AppColor.pageBackground
|
|
|
|
zoomStack.axis = .vertical
|
|
zoomStack.spacing = 0
|
|
zoomStack.addArrangedSubview(zoomInButton)
|
|
zoomStack.addArrangedSubview(zoomOutButton)
|
|
cardView.backgroundColor = .white
|
|
cardView.layer.cornerRadius = 12
|
|
cardView.clipsToBounds = true
|
|
scrollView.showsVerticalScrollIndicator = false
|
|
contentStack.axis = .vertical
|
|
contentStack.spacing = 12
|
|
bottomBar.backgroundColor = .white
|
|
editButton.setTitle("去编辑", for: .normal)
|
|
editButton.setTitleColor(.white, for: .normal)
|
|
editButton.titleLabel?.font = .systemFont(ofSize: 16, weight: .medium)
|
|
editButton.backgroundColor = AppColor.primary
|
|
editButton.layer.cornerRadius = 12
|
|
|
|
emptyContainer.axis = .vertical
|
|
emptyContainer.alignment = .center
|
|
emptyContainer.spacing = 12
|
|
emptyLabel.text = "暂未获取到打卡点信息"
|
|
emptyLabel.textColor = AppColor.textSecondary
|
|
emptyLabel.font = .systemFont(ofSize: 15)
|
|
retryButton.setTitle("重新加载", for: .normal)
|
|
retryButton.setTitleColor(.white, for: .normal)
|
|
retryButton.backgroundColor = AppColor.primary
|
|
retryButton.layer.cornerRadius = 8
|
|
emptyContainer.addArrangedSubview(emptyLabel)
|
|
emptyContainer.addArrangedSubview(retryButton)
|
|
emptyContainer.isHidden = true
|
|
|
|
view.addSubview(mapView)
|
|
view.addSubview(zoomStack)
|
|
view.addSubview(locateButton)
|
|
view.addSubview(cardView)
|
|
cardView.addSubview(scrollView)
|
|
scrollView.addSubview(contentStack)
|
|
view.addSubview(bottomBar)
|
|
bottomBar.addSubview(editButton)
|
|
view.addSubview(emptyContainer)
|
|
}
|
|
|
|
override func setupConstraints() {
|
|
mapView.snp.makeConstraints { make in
|
|
make.top.equalTo(view.safeAreaLayoutGuide)
|
|
make.leading.trailing.equalToSuperview()
|
|
make.height.equalToSuperview().multipliedBy(0.5)
|
|
}
|
|
zoomStack.snp.makeConstraints { make in
|
|
make.trailing.equalToSuperview().inset(16)
|
|
make.bottom.equalTo(locateButton.snp.top).offset(-12)
|
|
}
|
|
locateButton.snp.makeConstraints { make in
|
|
make.trailing.equalToSuperview().inset(16)
|
|
make.bottom.equalTo(cardView.snp.top).offset(-16)
|
|
make.size.equalTo(40)
|
|
}
|
|
zoomInButton.snp.makeConstraints { make in
|
|
make.size.equalTo(40)
|
|
}
|
|
zoomOutButton.snp.makeConstraints { make in
|
|
make.size.equalTo(40)
|
|
}
|
|
bottomBar.snp.makeConstraints { make in
|
|
make.leading.trailing.bottom.equalToSuperview()
|
|
}
|
|
editButton.snp.makeConstraints { make in
|
|
make.top.equalToSuperview().offset(16)
|
|
make.leading.trailing.equalToSuperview().inset(16)
|
|
make.height.equalTo(48)
|
|
make.bottom.equalTo(view.safeAreaLayoutGuide).offset(-20)
|
|
}
|
|
cardView.snp.makeConstraints { make in
|
|
make.leading.trailing.equalToSuperview().inset(16)
|
|
make.bottom.equalTo(bottomBar.snp.top)
|
|
make.height.lessThanOrEqualToSuperview().multipliedBy(0.45)
|
|
make.top.greaterThanOrEqualTo(mapView.snp.top).offset(60)
|
|
}
|
|
scrollView.snp.makeConstraints { make in
|
|
make.edges.equalToSuperview()
|
|
}
|
|
contentStack.snp.makeConstraints { make in
|
|
make.edges.equalToSuperview().inset(UIEdgeInsets(top: 16, left: 12, bottom: 12, right: 12))
|
|
make.width.equalTo(scrollView.snp.width).offset(-24)
|
|
}
|
|
emptyContainer.snp.makeConstraints { make in
|
|
make.center.equalToSuperview()
|
|
}
|
|
retryButton.snp.makeConstraints { make in
|
|
make.width.equalTo(118)
|
|
make.height.equalTo(40)
|
|
}
|
|
}
|
|
|
|
override func bindActions() {
|
|
viewModel.onStateChange = { [weak self] in
|
|
Task { @MainActor in self?.applyViewModel() }
|
|
}
|
|
viewModel.onShowMessage = { [weak self] message in
|
|
Task { @MainActor in self?.showToast(message) }
|
|
}
|
|
zoomInButton.addTarget(self, action: #selector(zoomInTapped), for: .touchUpInside)
|
|
zoomOutButton.addTarget(self, action: #selector(zoomOutTapped), for: .touchUpInside)
|
|
locateButton.addTarget(self, action: #selector(locateTapped), for: .touchUpInside)
|
|
retryButton.addTarget(self, action: #selector(retryTapped), for: .touchUpInside)
|
|
editButton.addTarget(self, action: #selector(editTapped), for: .touchUpInside)
|
|
}
|
|
|
|
override func viewDidLoad() {
|
|
super.viewDidLoad()
|
|
Task { await viewModel.load(api: api) }
|
|
}
|
|
|
|
@MainActor
|
|
private func applyViewModel() {
|
|
viewModel.isLoading && viewModel.detail == nil ? showLoading() : hideLoading()
|
|
emptyContainer.isHidden = viewModel.detail != nil || viewModel.isLoading
|
|
guard let detail = viewModel.detail else {
|
|
cardView.isHidden = true
|
|
bottomBar.isHidden = true
|
|
return
|
|
}
|
|
cardView.isHidden = false
|
|
bottomBar.isHidden = false
|
|
if let region = detail.region {
|
|
let coordinate = CLLocationCoordinate2D(latitude: region.lat, longitude: region.lot)
|
|
mapView.updatePunchPointMarker(
|
|
coordinate: coordinate,
|
|
imageURL: detail.guideImages.first,
|
|
fitWithUserLocation: true
|
|
)
|
|
}
|
|
rebuildContent(detail)
|
|
}
|
|
|
|
private func rebuildContent(_ detail: PunchPointDetail) {
|
|
contentStack.arrangedSubviews.forEach { $0.removeFromSuperview() }
|
|
contentStack.addArrangedSubview(PunchPointReadOnlyField(title: "*打卡点名称", value: detail.name))
|
|
let coordinateText = detail.region.map { "\($0.lat),\($0.lot)" } ?? "--"
|
|
contentStack.addArrangedSubview(PunchPointReadOnlyField(
|
|
title: "*打卡点坐标",
|
|
value: coordinateText,
|
|
showsLocationIcon: true
|
|
))
|
|
contentStack.addArrangedSubview(PunchPointReadOnlyField(title: "*打卡点地址", value: detail.displayAddress.nonEmptyTrimmed ?? "--"))
|
|
if let description = detail.description?.nonEmptyTrimmed {
|
|
contentStack.addArrangedSubview(PunchPointReadOnlyField(title: "打卡点描述", value: description, multiline: true))
|
|
}
|
|
contentStack.addArrangedSubview(makeImageSection(detail.guideImages))
|
|
contentStack.addArrangedSubview(PunchPointRowField(title: "负责人", value: detail.creator?.nonEmptyTrimmed ?? "--"))
|
|
contentStack.addArrangedSubview(PunchPointDivider())
|
|
contentStack.addArrangedSubview(PunchPointRowField(title: "负责人手机号", value: PunchPointDisplayFormatter.maskedPhone(detail.creatorPhone)))
|
|
contentStack.addArrangedSubview(PunchPointDivider())
|
|
contentStack.addArrangedSubview(makeStatusRow(detail))
|
|
contentStack.addArrangedSubview(PunchPointDivider())
|
|
contentStack.addArrangedSubview(PunchPointRowField(title: "审核人", value: detail.auditor?.nonEmptyTrimmed ?? "--"))
|
|
contentStack.addArrangedSubview(PunchPointDivider())
|
|
contentStack.addArrangedSubview(PunchPointRowField(title: "审核时间", value: detail.auditTime?.nonEmptyTrimmed ?? "--"))
|
|
contentStack.addArrangedSubview(PunchPointDivider())
|
|
contentStack.addArrangedSubview(PunchPointRowField(title: "审核备注", value: detail.auditRemark?.nonEmptyTrimmed ?? "--"))
|
|
contentStack.addArrangedSubview(makeQRSection(detail.mpQrcode))
|
|
}
|
|
|
|
private func makeImageSection(_ urls: [String]) -> UIView {
|
|
let section = UIStackView()
|
|
section.axis = .vertical
|
|
section.spacing = 8
|
|
let title = UILabel()
|
|
title.attributedText = requiredTitle("*上传图片 (最多9张)")
|
|
section.addArrangedSubview(title)
|
|
guard !urls.isEmpty else {
|
|
let empty = UILabel()
|
|
empty.text = "暂无图片"
|
|
empty.font = .systemFont(ofSize: 12)
|
|
empty.textColor = AppColor.textSecondary
|
|
section.addArrangedSubview(empty)
|
|
return section
|
|
}
|
|
let scroll = UIScrollView()
|
|
scroll.showsHorizontalScrollIndicator = false
|
|
let row = UIStackView()
|
|
row.axis = .horizontal
|
|
row.spacing = 12
|
|
scroll.addSubview(row)
|
|
row.snp.makeConstraints { make in
|
|
make.edges.equalToSuperview()
|
|
make.height.equalTo(90)
|
|
}
|
|
urls.enumerated().forEach { index, urlText in
|
|
let imageView = UIImageView()
|
|
imageView.contentMode = .scaleAspectFill
|
|
imageView.clipsToBounds = true
|
|
imageView.layer.cornerRadius = 10
|
|
imageView.isUserInteractionEnabled = true
|
|
imageView.tag = index
|
|
if let url = URL(string: urlText) {
|
|
imageView.kf.setImage(with: url, placeholder: UIImage(named: "SplashLogo"))
|
|
} else {
|
|
imageView.image = UIImage(named: "SplashLogo")
|
|
}
|
|
imageView.snp.makeConstraints { make in
|
|
make.width.equalTo(120)
|
|
}
|
|
imageView.addGestureRecognizer(UITapGestureRecognizer(target: self, action: #selector(imageTapped(_:))))
|
|
row.addArrangedSubview(imageView)
|
|
}
|
|
scroll.snp.makeConstraints { make in
|
|
make.height.equalTo(90)
|
|
}
|
|
section.addArrangedSubview(scroll)
|
|
return section
|
|
}
|
|
|
|
private func makeStatusRow(_ detail: PunchPointDetail) -> UIView {
|
|
let row = UIStackView()
|
|
row.axis = .horizontal
|
|
row.alignment = .center
|
|
row.distribution = .equalSpacing
|
|
let label = UILabel()
|
|
label.text = "审核状态"
|
|
label.font = .systemFont(ofSize: 14)
|
|
label.textColor = UIColor(hex: 0x2E3746)
|
|
let chip = PunchPointStatusChip()
|
|
chip.apply(PunchPointDisplayFormatter.auditStatus(detail.status), compact: false)
|
|
row.addArrangedSubview(label)
|
|
row.addArrangedSubview(chip)
|
|
row.isLayoutMarginsRelativeArrangement = true
|
|
row.layoutMargins = UIEdgeInsets(top: 12, left: 0, bottom: 12, right: 0)
|
|
return row
|
|
}
|
|
|
|
private func makeQRSection(_ qrCode: String?) -> UIView {
|
|
let section = UIStackView()
|
|
section.axis = .vertical
|
|
section.alignment = .center
|
|
section.spacing = 12
|
|
let title = UILabel()
|
|
title.text = "打卡点二维码"
|
|
title.font = .systemFont(ofSize: 14)
|
|
title.textColor = UIColor(hex: 0x2E3746)
|
|
title.textAlignment = .left
|
|
section.addArrangedSubview(title)
|
|
title.snp.makeConstraints { make in
|
|
make.width.equalTo(section.snp.width)
|
|
}
|
|
guard let qrCode = qrCode?.nonEmptyTrimmed else {
|
|
let empty = UILabel()
|
|
empty.text = "暂无二维码"
|
|
empty.font = .systemFont(ofSize: 12)
|
|
empty.textColor = AppColor.textSecondary
|
|
section.addArrangedSubview(empty)
|
|
return section
|
|
}
|
|
let imageView = UIImageView()
|
|
imageView.contentMode = .scaleAspectFill
|
|
imageView.clipsToBounds = true
|
|
imageView.layer.cornerRadius = 16
|
|
if let url = URL(string: qrCode) {
|
|
imageView.kf.setImage(with: url, placeholder: UIImage(named: "SplashLogo"))
|
|
} else {
|
|
imageView.image = UIImage(named: "SplashLogo")
|
|
}
|
|
imageView.snp.makeConstraints { make in
|
|
make.size.equalTo(180)
|
|
}
|
|
let download = UIButton(type: .system)
|
|
download.setTitle("下载二维码", for: .normal)
|
|
download.setTitleColor(AppColor.primary, for: .normal)
|
|
download.titleLabel?.font = .systemFont(ofSize: 14)
|
|
download.backgroundColor = AppColor.primaryLight
|
|
download.layer.cornerRadius = 8
|
|
download.snp.makeConstraints { make in
|
|
make.height.equalTo(38)
|
|
make.width.equalTo(128)
|
|
}
|
|
download.addAction(UIAction { [weak self] _ in
|
|
self?.downloadQRCode(qrCode)
|
|
}, for: .touchUpInside)
|
|
section.addArrangedSubview(imageView)
|
|
section.addArrangedSubview(download)
|
|
return section
|
|
}
|
|
|
|
private func downloadQRCode(_ urlText: String) {
|
|
guard let url = URL(string: urlText) else {
|
|
showToast("二维码地址无效")
|
|
return
|
|
}
|
|
Task {
|
|
do {
|
|
let authorization = await PHPhotoLibrary.requestAuthorization(for: .addOnly)
|
|
guard authorization == .authorized || authorization == .limited else {
|
|
await MainActor.run { self.presentPhotoPermissionAlert() }
|
|
return
|
|
}
|
|
let (data, _) = try await URLSession.shared.data(from: url)
|
|
guard let image = UIImage(data: data) else { throw APIError.decodeFailed("二维码图片无效") }
|
|
try await PHPhotoLibrary.shared().performChanges {
|
|
PHAssetChangeRequest.creationRequestForAsset(from: image)
|
|
}
|
|
await MainActor.run { self.showToast("已保存到相册") }
|
|
} catch {
|
|
await MainActor.run { self.showToast(error.localizedDescription.isEmpty ? "保存失败" : error.localizedDescription) }
|
|
}
|
|
}
|
|
}
|
|
|
|
@MainActor
|
|
private func presentPhotoPermissionAlert() {
|
|
let alert = UIAlertController(
|
|
title: "无法保存二维码",
|
|
message: "相册权限未授予，请在设置中开启",
|
|
preferredStyle: .alert
|
|
)
|
|
alert.addAction(UIAlertAction(title: "取消", style: .cancel))
|
|
alert.addAction(UIAlertAction(title: "去设置", style: .default) { _ in
|
|
guard let url = URL(string: UIApplication.openSettingsURLString) else { return }
|
|
UIApplication.shared.open(url)
|
|
})
|
|
present(alert, animated: true)
|
|
}
|
|
|
|
private func requiredTitle(_ text: String) -> NSAttributedString {
|
|
let mutable = NSMutableAttributedString(string: text, attributes: [
|
|
.font: UIFont.systemFont(ofSize: 14, weight: .medium),
|
|
.foregroundColor: UIColor(hex: 0x2E3746),
|
|
])
|
|
if text.hasPrefix("*") {
|
|
mutable.addAttribute(.foregroundColor, value: AppColor.danger, range: NSRange(location: 0, length: 1))
|
|
}
|
|
return mutable
|
|
}
|
|
|
|
@objc private func imageTapped(_ gesture: UITapGestureRecognizer) {
|
|
guard let imageView = gesture.view, let urls = viewModel.detail?.guideImages else { return }
|
|
presentImagePreview(imageURLs: urls, startIndex: imageView.tag)
|
|
}
|
|
|
|
@objc private func zoomInTapped() {
|
|
mapView.zoomIn()
|
|
}
|
|
|
|
@objc private func zoomOutTapped() {
|
|
mapView.zoomOut()
|
|
}
|
|
|
|
@objc private func locateTapped() {
|
|
Task {
|
|
do {
|
|
let snapshot = try await LocationProvider.shared.requestSnapshot()
|
|
let coordinate = CLLocationCoordinate2D(
|
|
latitude: snapshot.latitude,
|
|
longitude: snapshot.longitude
|
|
)
|
|
await MainActor.run { self.mapView.setCenter(coordinate, zoomLevel: 16) }
|
|
} catch LocationProviderError.permissionDenied {
|
|
await MainActor.run { self.presentLocationPermissionAlert() }
|
|
} catch {
|
|
await MainActor.run { self.showToast("定位失败") }
|
|
}
|
|
}
|
|
}
|
|
|
|
@MainActor
|
|
private func presentLocationPermissionAlert() {
|
|
let alert = UIAlertController(
|
|
title: "无法定位",
|
|
message: "定位权限未授予，请在设置中开启",
|
|
preferredStyle: .alert
|
|
)
|
|
alert.addAction(UIAlertAction(title: "取消", style: .cancel))
|
|
alert.addAction(UIAlertAction(title: "去设置", style: .default) { _ in
|
|
guard let url = URL(string: UIApplication.openSettingsURLString) else { return }
|
|
UIApplication.shared.open(url)
|
|
})
|
|
present(alert, animated: true)
|
|
}
|
|
|
|
@objc private func retryTapped() {
|
|
Task { await viewModel.load(api: api) }
|
|
}
|
|
|
|
@objc private func editTapped() {
|
|
guard let detail = viewModel.detail else { return }
|
|
let controller = PunchPointFormViewController(mode: .edit(id: detail.id), initialDetail: detail)
|
|
controller.onSubmitSuccess = { [weak self] in
|
|
guard let self else { return }
|
|
self.onChanged?()
|
|
Task { await self.viewModel.load(api: self.api) }
|
|
}
|
|
navigationController?.pushViewController(controller, animated: true)
|
|
}
|
|
}
|
|
|
|
/// 高德地图容器，供打卡点详情与表单复用。
|
|
/// 打卡点地图视图，模拟器使用 MapKit 提供 marker、缩放、定位与点击选点行为。
|
|
#if targetEnvironment(simulator)
|
|
final class PunchPointMapView: UIView, MKMapViewDelegate {
|
|
var onMapTap: ((CLLocationCoordinate2D) -> Void)?
|
|
|
|
private let mapView: MKMapView
|
|
private var punchPointAnnotation: MKPointAnnotation?
|
|
private var selectedAnnotation: MKPointAnnotation?
|
|
private var punchPointImageURL: URL?
|
|
private var fitWithUserLocation = false
|
|
|
|
override init(frame: CGRect) {
|
|
mapView = MKMapView(frame: .zero)
|
|
super.init(frame: frame)
|
|
mapView.delegate = self
|
|
mapView.showsUserLocation = true
|
|
mapView.showsCompass = false
|
|
mapView.showsScale = false
|
|
mapView.pointOfInterestFilter = .includingAll
|
|
addSubview(mapView)
|
|
mapView.snp.makeConstraints { make in
|
|
make.edges.equalToSuperview()
|
|
}
|
|
|
|
let tapGesture = UITapGestureRecognizer(target: self, action: #selector(mapTapped(_:)))
|
|
tapGesture.cancelsTouchesInView = false
|
|
mapView.addGestureRecognizer(tapGesture)
|
|
}
|
|
|
|
@available(*, unavailable)
|
|
required init?(coder: NSCoder) {
|
|
fatalError("init(coder:) has not been implemented")
|
|
}
|
|
|
|
/// 更新原打卡点标记，可使用首张图片作为圆角 Marker。
|
|
func updatePunchPointMarker(
|
|
coordinate: CLLocationCoordinate2D?,
|
|
imageURL: String? = nil,
|
|
fitWithUserLocation: Bool = false
|
|
) {
|
|
if let punchPointAnnotation {
|
|
mapView.removeAnnotation(punchPointAnnotation)
|
|
self.punchPointAnnotation = nil
|
|
}
|
|
punchPointImageURL = imageURL.flatMap(URL.init(string:))
|
|
self.fitWithUserLocation = fitWithUserLocation
|
|
guard let coordinate, CLLocationCoordinate2DIsValid(coordinate) else { return }
|
|
let annotation = MKPointAnnotation()
|
|
annotation.coordinate = coordinate
|
|
annotation.title = "punch_point_original"
|
|
punchPointAnnotation = annotation
|
|
mapView.addAnnotation(annotation)
|
|
if fitWithUserLocation {
|
|
fitPunchPointAndUserLocation()
|
|
}
|
|
}
|
|
|
|
/// 兼容仅需更新普通 Marker 的调用。
|
|
func updateMarker(coordinate: CLLocationCoordinate2D?) {
|
|
updatePunchPointMarker(coordinate: coordinate)
|
|
}
|
|
|
|
/// 更新地图点击产生的新位置 Marker。
|
|
func updateSelectedMarker(coordinate: CLLocationCoordinate2D?) {
|
|
if let selectedAnnotation {
|
|
mapView.removeAnnotation(selectedAnnotation)
|
|
self.selectedAnnotation = nil
|
|
}
|
|
guard let coordinate, CLLocationCoordinate2DIsValid(coordinate) else { return }
|
|
let annotation = MKPointAnnotation()
|
|
annotation.coordinate = coordinate
|
|
annotation.title = "punch_point_selected"
|
|
selectedAnnotation = annotation
|
|
mapView.addAnnotation(annotation)
|
|
}
|
|
|
|
/// 设置地图中心点。
|
|
func setCenter(_ coordinate: CLLocationCoordinate2D, zoomLevel: Double = 15, animated: Bool = true) {
|
|
let delta = min(max(0.012 * pow(2, 15 - zoomLevel), 0.0005), 120)
|
|
let region = MKCoordinateRegion(
|
|
center: coordinate,
|
|
span: MKCoordinateSpan(latitudeDelta: delta, longitudeDelta: delta)
|
|
)
|
|
mapView.setRegion(region, animated: animated)
|
|
}
|
|
|
|
/// 放大地图。
|
|
func zoomIn() {
|
|
updateZoom(scale: 0.5)
|
|
}
|
|
|
|
/// 缩小地图。
|
|
func zoomOut() {
|
|
updateZoom(scale: 2)
|
|
}
|
|
|
|
/// 居中到用户当前位置。
|
|
func centerOnUserLocation() {
|
|
guard let coordinate = mapView.userLocation.location?.coordinate,
|
|
CLLocationCoordinate2DIsValid(coordinate),
|
|
coordinate.latitude != 0 || coordinate.longitude != 0 else { return }
|
|
setCenter(coordinate)
|
|
}
|
|
|
|
/// 同时展示原打卡点、用户位置和新选位置。
|
|
func fitAllMarkers(edgePadding: UIEdgeInsets = UIEdgeInsets(top: 80, left: 56, bottom: 80, right: 56)) {
|
|
var annotations: [any MKAnnotation] = []
|
|
if let punchPointAnnotation { annotations.append(punchPointAnnotation) }
|
|
if let selectedAnnotation { annotations.append(selectedAnnotation) }
|
|
if mapView.userLocation.location != nil { annotations.append(mapView.userLocation) }
|
|
guard !annotations.isEmpty else { return }
|
|
if annotations.count == 1, let annotation = annotations.first {
|
|
setCenter(annotation.coordinate, zoomLevel: 16)
|
|
} else {
|
|
var mapRect = MKMapRect.null
|
|
for annotation in annotations {
|
|
let point = MKMapPoint(annotation.coordinate)
|
|
mapRect = mapRect.union(MKMapRect(
|
|
origin: point,
|
|
size: MKMapSize(width: 1, height: 1)
|
|
))
|
|
}
|
|
mapView.setVisibleMapRect(mapRect, edgePadding: edgePadding, animated: true)
|
|
}
|
|
}
|
|
|
|
func mapView(_ mapView: MKMapView, viewFor annotation: any MKAnnotation) -> MKAnnotationView? {
|
|
if annotation is MKUserLocation { return nil }
|
|
let isOriginal = (annotation as AnyObject) === punchPointAnnotation
|
|
let reuseIdentifier = isOriginal ? "PunchPointImageMarker" : "PunchPointSelectedMarker"
|
|
let annotationView = mapView.dequeueReusableAnnotationView(withIdentifier: reuseIdentifier)
|
|
?? MKAnnotationView(annotation: annotation, reuseIdentifier: reuseIdentifier)
|
|
annotationView.annotation = annotation
|
|
annotationView.canShowCallout = false
|
|
annotationView.centerOffset = CGPoint(x: 0, y: -12)
|
|
|
|
if isOriginal, let punchPointImageURL {
|
|
annotationView.image = UIImage(named: "punch_point_marker")
|
|
KingfisherManager.shared.retrieveImage(with: punchPointImageURL) { result in
|
|
guard case let .success(value) = result else { return }
|
|
Task { @MainActor in
|
|
guard annotationView.annotation === annotation else { return }
|
|
annotationView.image = Self.roundedMarkerImage(value.image)
|
|
}
|
|
}
|
|
} else {
|
|
annotationView.image = UIImage(named: "punch_point_marker")
|
|
}
|
|
return annotationView
|
|
}
|
|
|
|
func mapView(_ mapView: MKMapView, didUpdate userLocation: MKUserLocation) {
|
|
guard userLocation.location != nil else { return }
|
|
fitPunchPointAndUserLocation()
|
|
}
|
|
|
|
private func fitPunchPointAndUserLocation() {
|
|
guard fitWithUserLocation else { return }
|
|
fitAllMarkers(edgePadding: UIEdgeInsets(top: 80, left: 50, bottom: 80, right: 50))
|
|
}
|
|
|
|
private static func roundedMarkerImage(_ source: UIImage) -> UIImage {
|
|
let size = CGSize(width: 40, height: 40)
|
|
return UIGraphicsImageRenderer(size: size).image { _ in
|
|
UIBezierPath(roundedRect: CGRect(origin: .zero, size: size), cornerRadius: 6).addClip()
|
|
source.draw(in: CGRect(origin: .zero, size: size))
|
|
}
|
|
}
|
|
|
|
@objc private func mapTapped(_ gesture: UITapGestureRecognizer) {
|
|
guard gesture.state == .ended else { return }
|
|
let point = gesture.location(in: mapView)
|
|
onMapTap?(mapView.convert(point, toCoordinateFrom: mapView))
|
|
}
|
|
|
|
private func updateZoom(scale: Double) {
|
|
let current = mapView.region
|
|
let span = MKCoordinateSpan(
|
|
latitudeDelta: min(max(current.span.latitudeDelta * scale, 0.0005), 120),
|
|
longitudeDelta: min(max(current.span.longitudeDelta * scale, 0.0005), 120)
|
|
)
|
|
mapView.setRegion(MKCoordinateRegion(center: current.center, span: span), animated: true)
|
|
}
|
|
}
|
|
#else
|
|
/// 打卡点地图视图，真机封装高德地图 marker、缩放、定位与点击选点行为。
|
|
final class PunchPointMapView: UIView, MAMapViewDelegate {
|
|
var onMapTap: ((CLLocationCoordinate2D) -> Void)?
|
|
|
|
private let mapView: MAMapView
|
|
private var punchPointAnnotation: MAPointAnnotation?
|
|
private var selectedAnnotation: MAPointAnnotation?
|
|
private var punchPointImageURL: URL?
|
|
private var fitWithUserLocation = false
|
|
|
|
override init(frame: CGRect) {
|
|
_ = AMapBootstrap.configureIfNeeded()
|
|
mapView = MAMapView(frame: .zero)
|
|
super.init(frame: frame)
|
|
mapView.delegate = self
|
|
mapView.showsUserLocation = true
|
|
mapView.showsCompass = false
|
|
mapView.showsScale = false
|
|
mapView.touchPOIEnabled = true
|
|
mapView.zoomLevel = 15
|
|
addSubview(mapView)
|
|
mapView.snp.makeConstraints { make in
|
|
make.edges.equalToSuperview()
|
|
}
|
|
}
|
|
|
|
@available(*, unavailable)
|
|
required init?(coder: NSCoder) {
|
|
fatalError("init(coder:) has not been implemented")
|
|
}
|
|
|
|
/// 更新原打卡点标记，可使用首张图片作为 Android 同款圆角 Marker。
|
|
func updatePunchPointMarker(
|
|
coordinate: CLLocationCoordinate2D?,
|
|
imageURL: String? = nil,
|
|
fitWithUserLocation: Bool = false
|
|
) {
|
|
if let punchPointAnnotation {
|
|
mapView.removeAnnotation(punchPointAnnotation)
|
|
self.punchPointAnnotation = nil
|
|
}
|
|
punchPointImageURL = imageURL.flatMap(URL.init(string:))
|
|
self.fitWithUserLocation = fitWithUserLocation
|
|
guard let coordinate, CLLocationCoordinate2DIsValid(coordinate) else { return }
|
|
let annotation = MAPointAnnotation()
|
|
annotation.coordinate = coordinate
|
|
annotation.title = "punch_point_original"
|
|
punchPointAnnotation = annotation
|
|
mapView.addAnnotation(annotation)
|
|
if fitWithUserLocation {
|
|
fitPunchPointAndUserLocation()
|
|
}
|
|
}
|
|
|
|
/// 兼容仅需更新普通 Marker 的调用。
|
|
func updateMarker(coordinate: CLLocationCoordinate2D?) {
|
|
updatePunchPointMarker(coordinate: coordinate)
|
|
}
|
|
|
|
/// 更新地图点击产生的新位置 Marker。
|
|
func updateSelectedMarker(coordinate: CLLocationCoordinate2D?) {
|
|
if let selectedAnnotation {
|
|
mapView.removeAnnotation(selectedAnnotation)
|
|
self.selectedAnnotation = nil
|
|
}
|
|
guard let coordinate, CLLocationCoordinate2DIsValid(coordinate) else { return }
|
|
let annotation = MAPointAnnotation()
|
|
annotation.coordinate = coordinate
|
|
annotation.title = "punch_point_selected"
|
|
selectedAnnotation = annotation
|
|
mapView.addAnnotation(annotation)
|
|
}
|
|
|
|
/// 设置地图中心点。
|
|
func setCenter(_ coordinate: CLLocationCoordinate2D, zoomLevel: Double = 15, animated: Bool = true) {
|
|
mapView.setCenter(coordinate, animated: animated)
|
|
mapView.setZoomLevel(zoomLevel, animated: animated)
|
|
}
|
|
|
|
/// 放大地图。
|
|
func zoomIn() {
|
|
mapView.setZoomLevel(mapView.zoomLevel + 1, animated: true)
|
|
}
|
|
|
|
/// 缩小地图。
|
|
func zoomOut() {
|
|
mapView.setZoomLevel(mapView.zoomLevel - 1, animated: true)
|
|
}
|
|
|
|
/// 居中到用户当前位置。
|
|
func centerOnUserLocation() {
|
|
guard let coordinate = mapView.userLocation.location?.coordinate,
|
|
CLLocationCoordinate2DIsValid(coordinate),
|
|
coordinate.latitude != 0 || coordinate.longitude != 0 else { return }
|
|
setCenter(coordinate)
|
|
}
|
|
|
|
/// 同时展示原打卡点、用户位置和新选位置，并留出 Android 同款边距。
|
|
func fitAllMarkers(edgePadding: UIEdgeInsets = UIEdgeInsets(top: 80, left: 56, bottom: 80, right: 56)) {
|
|
var annotations: [MAAnnotation] = []
|
|
if let punchPointAnnotation { annotations.append(punchPointAnnotation) }
|
|
if let selectedAnnotation { annotations.append(selectedAnnotation) }
|
|
if let userLocation = mapView.userLocation,
|
|
let location = userLocation.location,
|
|
CLLocationCoordinate2DIsValid(location.coordinate) {
|
|
annotations.append(userLocation)
|
|
}
|
|
guard !annotations.isEmpty else { return }
|
|
if annotations.count == 1, let annotation = annotations.first {
|
|
setCenter(annotation.coordinate, zoomLevel: 16)
|
|
} else {
|
|
mapView.showAnnotations(annotations, edgePadding: edgePadding, animated: true)
|
|
}
|
|
}
|
|
|
|
private func fitPunchPointAndUserLocation() {
|
|
guard fitWithUserLocation else { return }
|
|
fitAllMarkers(edgePadding: UIEdgeInsets(top: 80, left: 50, bottom: 80, right: 50))
|
|
}
|
|
|
|
func mapView(_ mapView: MAMapView!, viewFor annotation: MAAnnotation!) -> MAAnnotationView! {
|
|
if annotation is MAUserLocation { return nil }
|
|
let isOriginal = annotation === punchPointAnnotation
|
|
let reuseIdentifier = isOriginal ? "PunchPointImageMarker" : "PunchPointSelectedMarker"
|
|
let annotationView = mapView.dequeueReusableAnnotationView(withIdentifier: reuseIdentifier)
|
|
?? MAAnnotationView(annotation: annotation, reuseIdentifier: reuseIdentifier)
|
|
annotationView?.annotation = annotation
|
|
annotationView?.canShowCallout = false
|
|
annotationView?.centerOffset = CGPoint(x: 0, y: -12)
|
|
|
|
if isOriginal, let punchPointImageURL {
|
|
annotationView?.image = UIImage(named: "punch_point_marker")
|
|
KingfisherManager.shared.retrieveImage(with: punchPointImageURL) { result in
|
|
guard case let .success(value) = result else { return }
|
|
Task { @MainActor in
|
|
guard annotationView?.annotation === annotation else { return }
|
|
annotationView?.image = Self.roundedMarkerImage(value.image)
|
|
}
|
|
}
|
|
} else {
|
|
annotationView?.image = UIImage(named: "punch_point_marker")
|
|
}
|
|
return annotationView
|
|
}
|
|
|
|
func mapView(_ mapView: MAMapView!, didUpdate userLocation: MAUserLocation!, updatingLocation: Bool) {
|
|
guard updatingLocation, userLocation.location != nil else { return }
|
|
fitPunchPointAndUserLocation()
|
|
}
|
|
|
|
private static func roundedMarkerImage(_ source: UIImage) -> UIImage {
|
|
let size = CGSize(width: 40, height: 40)
|
|
return UIGraphicsImageRenderer(size: size).image { _ in
|
|
UIBezierPath(roundedRect: CGRect(origin: .zero, size: size), cornerRadius: 6).addClip()
|
|
source.draw(in: CGRect(origin: .zero, size: size))
|
|
}
|
|
}
|
|
|
|
func mapView(_ mapView: MAMapView!, didSingleTappedAt coordinate: CLLocationCoordinate2D) {
|
|
onMapTap?(coordinate)
|
|
}
|
|
|
|
func mapView(_ mapView: MAMapView!, didTouchPois pois: [Any]!) {
|
|
guard let poi = pois.first as? MATouchPoi else { return }
|
|
onMapTap?(poi.coordinate)
|
|
}
|
|
}
|
|
#endif
|
|
|
|
/// 打卡点地图控制按钮。
|
|
/// 地图悬浮控制按钮。
|
|
final class PunchPointMapControlButton: UIButton {
|
|
init(assetName: String) {
|
|
super.init(frame: .zero)
|
|
setImage(UIImage(named: assetName), for: .normal)
|
|
backgroundColor = .white
|
|
layer.cornerRadius = 12
|
|
clipsToBounds = true
|
|
imageView?.contentMode = .scaleAspectFit
|
|
accessibilityLabel = switch assetName {
|
|
case "punch_point_zoom_in": "放大地图"
|
|
case "punch_point_zoom_out": "缩小地图"
|
|
default: "定位当前位置"
|
|
}
|
|
}
|
|
|
|
@available(*, unavailable)
|
|
required init?(coder: NSCoder) {
|
|
fatalError("init(coder:) has not been implemented")
|
|
}
|
|
}
|
|
|
|
/// 打卡点只读字段。
|
|
/// 详情页只读字段块。
|
|
final class PunchPointReadOnlyField: UIView {
|
|
init(title: String, value: String, multiline: Bool = false, showsLocationIcon: Bool = false) {
|
|
super.init(frame: .zero)
|
|
let stack = UIStackView()
|
|
stack.axis = .vertical
|
|
stack.spacing = 8
|
|
let titleLabel = UILabel()
|
|
titleLabel.attributedText = Self.requiredTitle(title)
|
|
let valueContainer = UIView()
|
|
valueContainer.backgroundColor = UIColor(hex: 0xF4F4F4)
|
|
valueContainer.layer.cornerRadius = 8
|
|
let valueLabel = UILabel()
|
|
valueLabel.text = value.nonEmptyTrimmed ?? "--"
|
|
valueLabel.font = .systemFont(ofSize: 14)
|
|
valueLabel.textColor = UIColor(hex: 0x4B5563)
|
|
valueLabel.numberOfLines = multiline ? 0 : 2
|
|
stack.addArrangedSubview(titleLabel)
|
|
stack.addArrangedSubview(valueContainer)
|
|
valueContainer.addSubview(valueLabel)
|
|
if showsLocationIcon {
|
|
let icon = UIImageView(image: UIImage(named: "punch_point_location"))
|
|
icon.contentMode = .scaleAspectFit
|
|
valueContainer.addSubview(icon)
|
|
icon.snp.makeConstraints { make in
|
|
make.trailing.equalToSuperview().inset(12)
|
|
make.centerY.equalToSuperview()
|
|
make.size.equalTo(20)
|
|
}
|
|
valueLabel.snp.makeConstraints { make in
|
|
make.top.bottom.equalToSuperview().inset(12)
|
|
make.leading.equalToSuperview().offset(12)
|
|
make.trailing.lessThanOrEqualTo(icon.snp.leading).offset(-8)
|
|
}
|
|
} else {
|
|
valueLabel.snp.makeConstraints { make in
|
|
make.edges.equalToSuperview().inset(UIEdgeInsets(top: 12, left: 12, bottom: 12, right: 12))
|
|
}
|
|
}
|
|
valueContainer.snp.makeConstraints { make in
|
|
make.height.greaterThanOrEqualTo(multiline ? 72 : 46)
|
|
}
|
|
addSubview(stack)
|
|
stack.snp.makeConstraints { make in
|
|
make.edges.equalToSuperview()
|
|
}
|
|
}
|
|
|
|
@available(*, unavailable)
|
|
required init?(coder: NSCoder) {
|
|
fatalError("init(coder:) has not been implemented")
|
|
}
|
|
|
|
private static func requiredTitle(_ text: String) -> NSAttributedString {
|
|
let mutable = NSMutableAttributedString(string: text, attributes: [
|
|
.font: UIFont.systemFont(ofSize: 14, weight: .medium),
|
|
.foregroundColor: UIColor(hex: 0x2E3746),
|
|
])
|
|
if text.hasPrefix("*") {
|
|
mutable.addAttribute(.foregroundColor, value: AppColor.danger, range: NSRange(location: 0, length: 1))
|
|
}
|
|
return mutable
|
|
}
|
|
}
|
|
|
|
/// 打卡点左右字段。
|
|
/// 详情页横向键值字段。
|
|
final class PunchPointRowField: UIView {
|
|
init(title: String, value: String) {
|
|
super.init(frame: .zero)
|
|
let titleLabel = UILabel()
|
|
titleLabel.text = title
|
|
titleLabel.font = .systemFont(ofSize: 14)
|
|
titleLabel.textColor = UIColor(hex: 0x2E3746)
|
|
let valueLabel = UILabel()
|
|
valueLabel.text = value.nonEmptyTrimmed ?? "--"
|
|
valueLabel.font = .systemFont(ofSize: 14, weight: .medium)
|
|
valueLabel.textColor = .black
|
|
valueLabel.textAlignment = .right
|
|
valueLabel.numberOfLines = 2
|
|
addSubview(titleLabel)
|
|
addSubview(valueLabel)
|
|
titleLabel.snp.makeConstraints { make in
|
|
make.leading.top.bottom.equalToSuperview().inset(UIEdgeInsets(top: 12, left: 0, bottom: 12, right: 0))
|
|
}
|
|
valueLabel.snp.makeConstraints { make in
|
|
make.leading.greaterThanOrEqualTo(titleLabel.snp.trailing).offset(12)
|
|
make.trailing.centerY.equalToSuperview()
|
|
}
|
|
}
|
|
|
|
@available(*, unavailable)
|
|
required init?(coder: NSCoder) {
|
|
fatalError("init(coder:) has not been implemented")
|
|
}
|
|
}
|
|
|
|
/// 打卡点详情分割线。
|
|
/// 详情卡片内分割线。
|
|
final class PunchPointDivider: UIView {
|
|
override init(frame: CGRect) {
|
|
super.init(frame: frame)
|
|
backgroundColor = UIColor(hex: 0xF0F0F0)
|
|
snp.makeConstraints { make in
|
|
make.height.equalTo(1)
|
|
}
|
|
}
|
|
|
|
@available(*, unavailable)
|
|
required init?(coder: NSCoder) {
|
|
fatalError("init(coder:) has not been implemented")
|
|
}
|
|
}
|
|
|
|
private extension String {
|
|
var nonEmptyTrimmed: String? {
|
|
let text = trimmingCharacters(in: .whitespacesAndNewlines)
|
|
return text.isEmpty ? nil : text
|
|
}
|
|
}
|