223 lines
8.7 KiB
Swift
223 lines
8.7 KiB
Swift
//
|
||
// CloudDriveFileCell.swift
|
||
// suixinkan
|
||
//
|
||
|
||
import Kingfisher
|
||
import SnapKit
|
||
import UIKit
|
||
|
||
/// 云盘文件 Cell，严格对齐 Android 宫格与列表两种样式。
|
||
final class CloudDriveFileCell: UICollectionViewCell {
|
||
static let reuseIdentifier = "CloudDriveFileCell"
|
||
|
||
/// 点击文件操作入口时回调。
|
||
var onDetails: (() -> Void)?
|
||
|
||
private let thumbnailView = UIImageView()
|
||
private let folderIconView = UIImageView(
|
||
image: CloudDriveAsset.image(named: "icon_cloud_storage_folder_type", fallbackSystemName: "folder.fill")
|
||
)
|
||
private let playIconView = UIImageView(
|
||
image: CloudDriveAsset.image(named: "icon_cloud_storage_file_play", fallbackSystemName: "play.circle.fill")
|
||
)
|
||
private let extensionLabel = CloudDrivePaddingLabel()
|
||
private let nameLabel = UILabel()
|
||
private let detailLabel = UILabel()
|
||
private let moreButton = UIButton(type: .system)
|
||
|
||
private var gridConstraints: [Constraint] = []
|
||
private var listConstraints: [Constraint] = []
|
||
|
||
override init(frame: CGRect) {
|
||
super.init(frame: frame)
|
||
setupUI()
|
||
setupConstraints()
|
||
}
|
||
|
||
@available(*, unavailable)
|
||
required init?(coder: NSCoder) {
|
||
fatalError("init(coder:) has not been implemented")
|
||
}
|
||
|
||
override func prepareForReuse() {
|
||
super.prepareForReuse()
|
||
thumbnailView.kf.cancelDownloadTask()
|
||
thumbnailView.image = nil
|
||
folderIconView.isHidden = true
|
||
playIconView.isHidden = true
|
||
extensionLabel.isHidden = true
|
||
onDetails = nil
|
||
}
|
||
|
||
/// 应用云盘文件数据。
|
||
func apply(file: CloudFile, mode: CloudDriveDisplayMode) {
|
||
let isGrid = mode == .grid
|
||
gridConstraints.forEach { isGrid ? $0.activate() : $0.deactivate() }
|
||
listConstraints.forEach { isGrid ? $0.deactivate() : $0.activate() }
|
||
|
||
nameLabel.text = file.name
|
||
nameLabel.font = .systemFont(ofSize: 15, weight: isGrid ? .semibold : .regular)
|
||
nameLabel.lineBreakMode = isGrid ? .byTruncatingTail : .byTruncatingMiddle
|
||
detailLabel.text = isGrid ? CloudDriveFormatter.typeName(file.type) : CloudDriveFormatter.fileDescription(file)
|
||
detailLabel.textColor = isGrid ? UIColor(hex: 0x4B5563) : UIColor(hex: 0x7B8EAA)
|
||
|
||
contentView.layer.cornerRadius = isGrid ? 12 : 0
|
||
contentView.layer.borderWidth = isGrid ? 1 : 0
|
||
contentView.backgroundColor = isGrid ? .white : .clear
|
||
thumbnailView.layer.cornerRadius = isGrid ? 12 : 0
|
||
thumbnailView.clipsToBounds = isGrid
|
||
|
||
configureThumbnail(file, mode: mode)
|
||
}
|
||
|
||
private func setupUI() {
|
||
backgroundColor = .clear
|
||
contentView.clipsToBounds = true
|
||
contentView.layer.borderColor = UIColor(hex: 0xF4F4F4).cgColor
|
||
|
||
thumbnailView.contentMode = .scaleAspectFill
|
||
thumbnailView.clipsToBounds = true
|
||
|
||
folderIconView.contentMode = .scaleAspectFit
|
||
folderIconView.isHidden = true
|
||
|
||
playIconView.contentMode = .scaleAspectFit
|
||
playIconView.isHidden = true
|
||
|
||
extensionLabel.font = .systemFont(ofSize: 12, weight: .bold)
|
||
extensionLabel.textColor = .white
|
||
extensionLabel.backgroundColor = UIColor.black.withAlphaComponent(0.5)
|
||
extensionLabel.layer.cornerRadius = 4
|
||
extensionLabel.clipsToBounds = true
|
||
extensionLabel.isHidden = true
|
||
|
||
nameLabel.textColor = UIColor(hex: 0x333333)
|
||
nameLabel.numberOfLines = 1
|
||
|
||
detailLabel.font = .systemFont(ofSize: 12)
|
||
detailLabel.numberOfLines = 1
|
||
|
||
let detailsImage = CloudDriveAsset.resizedImage(
|
||
named: "icon_cloud_storage_file_item_details",
|
||
fallbackSystemName: "ellipsis",
|
||
size: CGSize(width: 16, height: 16)
|
||
)
|
||
moreButton.setImage(detailsImage, for: .normal)
|
||
moreButton.imageView?.contentMode = .scaleAspectFit
|
||
moreButton.addTarget(self, action: #selector(moreTapped), for: .touchUpInside)
|
||
moreButton.accessibilityLabel = "文件操作"
|
||
|
||
[thumbnailView, folderIconView, playIconView, extensionLabel, nameLabel, detailLabel, moreButton]
|
||
.forEach(contentView.addSubview)
|
||
}
|
||
|
||
private func setupConstraints() {
|
||
thumbnailView.snp.makeConstraints { make in
|
||
gridConstraints.append(make.top.leading.trailing.equalToSuperview().constraint)
|
||
gridConstraints.append(make.height.equalTo(thumbnailView.snp.width).dividedBy(1.77).constraint)
|
||
listConstraints.append(make.leading.centerY.equalToSuperview().constraint)
|
||
listConstraints.append(make.width.height.equalTo(48).constraint)
|
||
}
|
||
folderIconView.snp.makeConstraints { make in
|
||
make.center.equalTo(thumbnailView)
|
||
make.width.height.equalTo(48)
|
||
}
|
||
playIconView.snp.makeConstraints { make in
|
||
make.center.equalTo(thumbnailView)
|
||
make.width.height.equalTo(24)
|
||
}
|
||
extensionLabel.snp.makeConstraints { make in
|
||
make.top.leading.equalTo(thumbnailView).offset(8)
|
||
}
|
||
nameLabel.snp.makeConstraints { make in
|
||
gridConstraints.append(make.top.equalTo(thumbnailView.snp.bottom).offset(8).constraint)
|
||
gridConstraints.append(make.leading.equalToSuperview().offset(12).constraint)
|
||
listConstraints.append(make.top.equalToSuperview().offset(12).constraint)
|
||
listConstraints.append(make.leading.equalTo(thumbnailView.snp.trailing).offset(12).constraint)
|
||
make.trailing.equalTo(moreButton.snp.leading).offset(-4)
|
||
}
|
||
detailLabel.snp.makeConstraints { make in
|
||
make.top.equalTo(nameLabel.snp.bottom).offset(2)
|
||
make.leading.trailing.equalTo(nameLabel)
|
||
}
|
||
moreButton.snp.makeConstraints { make in
|
||
gridConstraints.append(make.trailing.equalToSuperview().inset(10).constraint)
|
||
listConstraints.append(make.trailing.equalToSuperview().constraint)
|
||
make.centerY.equalTo(nameLabel.snp.bottom).offset(4)
|
||
make.width.height.equalTo(28)
|
||
}
|
||
listConstraints.forEach { $0.deactivate() }
|
||
}
|
||
|
||
private func configureThumbnail(_ file: CloudFile, mode: CloudDriveDisplayMode) {
|
||
thumbnailView.kf.cancelDownloadTask()
|
||
folderIconView.isHidden = true
|
||
playIconView.isHidden = true
|
||
extensionLabel.isHidden = true
|
||
|
||
if mode == .list {
|
||
thumbnailView.backgroundColor = .clear
|
||
thumbnailView.contentMode = .scaleAspectFit
|
||
let assetName: String
|
||
let fallbackName: String
|
||
if file.isFolder {
|
||
assetName = "icon_cloud_storage_file_type_folder"
|
||
fallbackName = "folder.fill"
|
||
} else if file.isVideo {
|
||
assetName = "icon_cloud_storage_file_type_video"
|
||
fallbackName = "video.fill"
|
||
} else {
|
||
assetName = "icon_cloud_storage_file_type_photo"
|
||
fallbackName = "photo.fill"
|
||
}
|
||
thumbnailView.image = CloudDriveAsset.image(named: assetName, fallbackSystemName: fallbackName)
|
||
return
|
||
}
|
||
|
||
thumbnailView.contentMode = .scaleAspectFill
|
||
if file.isFolder {
|
||
thumbnailView.image = nil
|
||
thumbnailView.backgroundColor = UIColor(hex: 0xFFF0E2)
|
||
folderIconView.isHidden = false
|
||
return
|
||
}
|
||
|
||
thumbnailView.backgroundColor = UIColor(hex: 0xF4F4F4)
|
||
let previewURL = file.isVideo ? file.coverUrl : file.fileUrl
|
||
let placeholder = CloudDriveAsset.image(
|
||
named: file.isVideo ? "icon_cloud_storage_file_type_video" : "icon_cloud_storage_file_type_photo",
|
||
fallbackSystemName: file.isVideo ? "video" : "photo"
|
||
)
|
||
if let url = URL(string: previewURL), !previewURL.isEmpty {
|
||
thumbnailView.kf.setImage(with: url, placeholder: placeholder)
|
||
} else {
|
||
thumbnailView.image = placeholder
|
||
}
|
||
playIconView.isHidden = !file.isVideo
|
||
extensionLabel.text = CloudDriveFormatter.fileExtension(file.fileUrl.isEmpty ? file.name : file.fileUrl)
|
||
extensionLabel.isHidden = extensionLabel.text?.isEmpty ?? true
|
||
}
|
||
|
||
@objc private func moreTapped() {
|
||
onDetails?()
|
||
}
|
||
}
|
||
|
||
/// 云盘文件扩展名标签，提供 Android 对齐的四边内边距。
|
||
private final class CloudDrivePaddingLabel: UILabel {
|
||
private let insets = UIEdgeInsets(top: 4, left: 4, bottom: 4, right: 4)
|
||
|
||
override func drawText(in rect: CGRect) {
|
||
super.drawText(in: rect.inset(by: insets))
|
||
}
|
||
|
||
override var intrinsicContentSize: CGSize {
|
||
let size = super.intrinsicContentSize
|
||
return CGSize(
|
||
width: size.width + insets.left + insets.right,
|
||
height: size.height + insets.top + insets.bottom
|
||
)
|
||
}
|
||
}
|