307 lines
12 KiB
Swift
307 lines
12 KiB
Swift
//
|
|
// CloudDriveDetailSheetViewController.swift
|
|
// suixinkan
|
|
//
|
|
|
|
import SnapKit
|
|
import UIKit
|
|
|
|
/// 云盘文件详情底部表单，严格对齐 Android `CloudStorageFileDetailBottomModal`。
|
|
final class CloudDriveDetailSheetViewController: UIViewController {
|
|
private let file: CloudFile
|
|
private let onSave: (String) -> Void
|
|
private let dimView = UIView()
|
|
private let panelView = UIView()
|
|
private let scrollView = UIScrollView()
|
|
private let contentView = UIView()
|
|
private let nameField = UITextField()
|
|
|
|
/// 初始化云盘文件详情表单。
|
|
init(file: CloudFile, onSave: @escaping (String) -> Void) {
|
|
self.file = file
|
|
self.onSave = onSave
|
|
super.init(nibName: nil, bundle: nil)
|
|
modalPresentationStyle = .overFullScreen
|
|
}
|
|
|
|
@available(*, unavailable)
|
|
required init?(coder: NSCoder) {
|
|
fatalError("init(coder:) has not been implemented")
|
|
}
|
|
|
|
override func viewDidLoad() {
|
|
super.viewDidLoad()
|
|
setupUI()
|
|
setupConstraints()
|
|
registerKeyboardNotifications()
|
|
}
|
|
|
|
override func viewWillAppear(_ animated: Bool) {
|
|
super.viewWillAppear(animated)
|
|
dimView.alpha = 0
|
|
panelView.transform = CGAffineTransform(translationX: 0, y: 620)
|
|
}
|
|
|
|
override func viewDidAppear(_ animated: Bool) {
|
|
super.viewDidAppear(animated)
|
|
UIView.animate(withDuration: 0.24, delay: 0, options: [.curveEaseOut]) {
|
|
self.dimView.alpha = 1
|
|
self.panelView.transform = .identity
|
|
}
|
|
}
|
|
|
|
deinit {
|
|
NotificationCenter.default.removeObserver(self)
|
|
}
|
|
|
|
private func setupUI() {
|
|
view.backgroundColor = .clear
|
|
dimView.backgroundColor = UIColor.black.withAlphaComponent(0.35)
|
|
dimView.addGestureRecognizer(UITapGestureRecognizer(target: self, action: #selector(cancelTapped)))
|
|
|
|
panelView.backgroundColor = .white
|
|
panelView.layer.cornerRadius = 28
|
|
panelView.layer.maskedCorners = [.layerMinXMinYCorner, .layerMaxXMinYCorner]
|
|
panelView.clipsToBounds = true
|
|
scrollView.alwaysBounceVertical = false
|
|
scrollView.keyboardDismissMode = .interactive
|
|
|
|
view.addSubview(dimView)
|
|
view.addSubview(panelView)
|
|
panelView.addSubview(scrollView)
|
|
scrollView.addSubview(contentView)
|
|
|
|
let dragHandle = UIView()
|
|
dragHandle.backgroundColor = UIColor(hex: 0x79747E)
|
|
dragHandle.layer.cornerRadius = 2
|
|
|
|
let typeIcon = UIImageView(image: fileTypeIcon())
|
|
typeIcon.contentMode = .scaleAspectFit
|
|
|
|
let fileNameLabel = UILabel()
|
|
fileNameLabel.text = file.name
|
|
fileNameLabel.font = .systemFont(ofSize: 16)
|
|
fileNameLabel.textColor = UIColor(hex: 0x333333)
|
|
fileNameLabel.numberOfLines = 1
|
|
fileNameLabel.lineBreakMode = .byTruncatingTail
|
|
|
|
let metaLabel = UILabel()
|
|
metaLabel.text = "\(file.createdAt) | \(CloudDriveFormatter.fileSize(file.fileSize))"
|
|
metaLabel.font = .systemFont(ofSize: 12)
|
|
metaLabel.textColor = UIColor(hex: 0x999999)
|
|
metaLabel.numberOfLines = 1
|
|
|
|
let closeButton = UIButton(type: .system)
|
|
closeButton.setImage(
|
|
UIImage(systemName: "xmark")?.withConfiguration(UIImage.SymbolConfiguration(pointSize: 17, weight: .medium)),
|
|
for: .normal
|
|
)
|
|
closeButton.tintColor = UIColor(hex: 0x333333)
|
|
closeButton.accessibilityLabel = "关闭"
|
|
closeButton.addTarget(self, action: #selector(cancelTapped), for: .touchUpInside)
|
|
|
|
let nameTitleLabel = makeFieldTitle("文件名称")
|
|
nameField.text = file.name
|
|
nameField.placeholder = file.name
|
|
nameField.font = .systemFont(ofSize: 16)
|
|
nameField.textColor = UIColor(hex: 0x333333)
|
|
nameField.clearButtonMode = .whileEditing
|
|
nameField.returnKeyType = .done
|
|
nameField.delegate = self
|
|
nameField.backgroundColor = .white
|
|
nameField.layer.cornerRadius = 4
|
|
nameField.layer.borderWidth = 1
|
|
nameField.layer.borderColor = UIColor(hex: 0x9CA3AF).cgColor
|
|
nameField.leftView = UIView(frame: CGRect(x: 0, y: 0, width: 12, height: 1))
|
|
nameField.leftViewMode = .always
|
|
|
|
let infoStack = UIStackView()
|
|
infoStack.axis = .vertical
|
|
infoStack.spacing = 0
|
|
infoStack.addArrangedSubview(makeInfoRow(label: "文件类型", value: detailTypeText()))
|
|
if file.isFolder {
|
|
infoStack.addArrangedSubview(makeInfoRow(label: "项目数量", value: String(file.childNum)))
|
|
} else {
|
|
infoStack.addArrangedSubview(makeInfoRow(label: "文件大小", value: CloudDriveFormatter.fileSize(file.fileSize)))
|
|
}
|
|
infoStack.addArrangedSubview(makeInfoRow(label: "创建时间", value: file.createdAt))
|
|
infoStack.addArrangedSubview(makeInfoRow(label: "修改时间", value: file.updatedAt))
|
|
|
|
let saveButton = UIButton(type: .system)
|
|
saveButton.setTitle("保存", for: .normal)
|
|
saveButton.setTitleColor(.white, for: .normal)
|
|
saveButton.titleLabel?.font = .systemFont(ofSize: 15, weight: .medium)
|
|
saveButton.backgroundColor = AppColor.primary
|
|
saveButton.layer.cornerRadius = 10
|
|
saveButton.addTarget(self, action: #selector(saveTapped), for: .touchUpInside)
|
|
|
|
[dragHandle, typeIcon, fileNameLabel, metaLabel, closeButton, nameTitleLabel, nameField, infoStack, saveButton]
|
|
.forEach(contentView.addSubview)
|
|
|
|
dragHandle.snp.makeConstraints { make in
|
|
make.top.equalToSuperview().offset(15)
|
|
make.centerX.equalToSuperview()
|
|
make.width.equalTo(40)
|
|
make.height.equalTo(4)
|
|
}
|
|
typeIcon.snp.makeConstraints { make in
|
|
make.top.equalTo(dragHandle.snp.bottom).offset(24)
|
|
make.leading.equalToSuperview().offset(16)
|
|
make.width.height.equalTo(40)
|
|
}
|
|
closeButton.snp.makeConstraints { make in
|
|
make.centerY.equalTo(typeIcon)
|
|
make.trailing.equalToSuperview().inset(4)
|
|
make.width.height.equalTo(44)
|
|
}
|
|
fileNameLabel.snp.makeConstraints { make in
|
|
make.top.equalTo(typeIcon)
|
|
make.leading.equalTo(typeIcon.snp.trailing).offset(12)
|
|
make.trailing.equalTo(closeButton.snp.leading).offset(-8)
|
|
}
|
|
metaLabel.snp.makeConstraints { make in
|
|
make.top.equalTo(fileNameLabel.snp.bottom).offset(4)
|
|
make.leading.trailing.equalTo(fileNameLabel)
|
|
}
|
|
nameTitleLabel.snp.makeConstraints { make in
|
|
make.top.equalTo(typeIcon.snp.bottom).offset(16)
|
|
make.leading.trailing.equalToSuperview().inset(16)
|
|
}
|
|
nameField.snp.makeConstraints { make in
|
|
make.top.equalTo(nameTitleLabel.snp.bottom).offset(6)
|
|
make.leading.trailing.equalTo(nameTitleLabel)
|
|
make.height.equalTo(52)
|
|
}
|
|
infoStack.snp.makeConstraints { make in
|
|
make.top.equalTo(nameField.snp.bottom).offset(10)
|
|
make.leading.trailing.equalTo(nameField)
|
|
}
|
|
saveButton.snp.makeConstraints { make in
|
|
make.top.equalTo(infoStack.snp.bottom).offset(20)
|
|
make.leading.trailing.equalTo(nameField)
|
|
make.height.equalTo(44)
|
|
make.bottom.equalToSuperview().inset(12)
|
|
}
|
|
}
|
|
|
|
private func setupConstraints() {
|
|
dimView.snp.makeConstraints { make in make.edges.equalToSuperview() }
|
|
panelView.snp.makeConstraints { make in
|
|
make.leading.trailing.equalToSuperview()
|
|
make.bottom.equalToSuperview()
|
|
make.top.greaterThanOrEqualTo(view.safeAreaLayoutGuide).offset(16)
|
|
make.height.equalTo(590).priority(.high)
|
|
}
|
|
scrollView.snp.makeConstraints { make in
|
|
make.top.leading.trailing.equalToSuperview()
|
|
make.bottom.equalTo(view.safeAreaLayoutGuide)
|
|
}
|
|
contentView.snp.makeConstraints { make in
|
|
make.edges.equalTo(scrollView.contentLayoutGuide)
|
|
make.width.equalTo(scrollView.frameLayoutGuide)
|
|
}
|
|
}
|
|
|
|
private func makeFieldTitle(_ text: String) -> UILabel {
|
|
let label = UILabel()
|
|
label.text = text
|
|
label.font = .systemFont(ofSize: 13)
|
|
label.textColor = UIColor(hex: 0x7B8EAA)
|
|
return label
|
|
}
|
|
|
|
private func makeInfoRow(label: String, value: String) -> UIView {
|
|
let container = UIView()
|
|
let labelView = makeFieldTitle(label)
|
|
let valueContainer = UIView()
|
|
valueContainer.backgroundColor = UIColor(hex: 0xF4F4F4)
|
|
valueContainer.layer.cornerRadius = 6
|
|
let valueLabel = UILabel()
|
|
valueLabel.text = value
|
|
valueLabel.font = .systemFont(ofSize: 14)
|
|
valueLabel.textColor = UIColor(hex: 0x333333)
|
|
valueLabel.numberOfLines = 1
|
|
valueLabel.lineBreakMode = .byTruncatingTail
|
|
|
|
container.addSubview(labelView)
|
|
container.addSubview(valueContainer)
|
|
valueContainer.addSubview(valueLabel)
|
|
labelView.snp.makeConstraints { make in
|
|
make.top.leading.trailing.equalToSuperview()
|
|
}
|
|
valueContainer.snp.makeConstraints { make in
|
|
make.top.equalTo(labelView.snp.bottom).offset(4)
|
|
make.leading.trailing.equalToSuperview()
|
|
make.height.equalTo(36)
|
|
make.bottom.equalToSuperview().inset(6)
|
|
}
|
|
valueLabel.snp.makeConstraints { make in
|
|
make.leading.trailing.equalToSuperview().inset(12)
|
|
make.centerY.equalToSuperview()
|
|
}
|
|
return container
|
|
}
|
|
|
|
private func fileTypeIcon() -> UIImage? {
|
|
if file.isFolder {
|
|
return CloudDriveAsset.image(named: "icon_cloud_storage_file_type_folder", fallbackSystemName: "folder.fill")
|
|
}
|
|
if file.isVideo {
|
|
return CloudDriveAsset.image(named: "icon_cloud_storage_file_type_video", fallbackSystemName: "video.fill")
|
|
}
|
|
return CloudDriveAsset.image(named: "icon_cloud_storage_file_type_photo", fallbackSystemName: "photo.fill")
|
|
}
|
|
|
|
private func detailTypeText() -> String {
|
|
if file.isFolder { return "文件夹" }
|
|
let suffix = (file.name as NSString).pathExtension.uppercased()
|
|
return suffix.isEmpty ? "文件" : suffix
|
|
}
|
|
|
|
private func registerKeyboardNotifications() {
|
|
NotificationCenter.default.addObserver(
|
|
self,
|
|
selector: #selector(keyboardFrameChanged(_:)),
|
|
name: UIResponder.keyboardWillChangeFrameNotification,
|
|
object: nil
|
|
)
|
|
}
|
|
|
|
private func close(completion: (() -> Void)? = nil) {
|
|
view.endEditing(true)
|
|
UIView.animate(withDuration: 0.2, delay: 0, options: [.curveEaseIn]) {
|
|
self.dimView.alpha = 0
|
|
self.panelView.transform = CGAffineTransform(translationX: 0, y: self.panelView.bounds.height + 40)
|
|
} completion: { _ in
|
|
self.dismiss(animated: false, completion: completion)
|
|
}
|
|
}
|
|
|
|
@objc private func cancelTapped() {
|
|
close()
|
|
}
|
|
|
|
@objc private func saveTapped() {
|
|
let name = (nameField.text ?? "").trimmingCharacters(in: .whitespacesAndNewlines)
|
|
close { [onSave] in onSave(name) }
|
|
}
|
|
|
|
@objc private func keyboardFrameChanged(_ notification: Notification) {
|
|
guard let frame = notification.userInfo?[UIResponder.keyboardFrameEndUserInfoKey] as? CGRect else { return }
|
|
let frameInView = view.convert(frame, from: nil)
|
|
let overlap = max(0, view.bounds.maxY - frameInView.minY)
|
|
scrollView.contentInset.bottom = overlap
|
|
scrollView.verticalScrollIndicatorInsets.bottom = overlap
|
|
guard overlap > 0 else { return }
|
|
let fieldFrame = nameField.convert(nameField.bounds, to: scrollView)
|
|
scrollView.scrollRectToVisible(fieldFrame.insetBy(dx: 0, dy: -16), animated: true)
|
|
}
|
|
}
|
|
|
|
extension CloudDriveDetailSheetViewController: UITextFieldDelegate {
|
|
func textFieldShouldReturn(_ textField: UITextField) -> Bool {
|
|
textField.resignFirstResponder()
|
|
return true
|
|
}
|
|
}
|