- Convert PDF highlights from filled rectangles to underlines matching EPUB style - Update PDF annotation editor with EPUB-style design: gold sidebar rail, semi-transparent background, improved spacing and shadows, dark mode support - Change PDF page-curl paging from left-right horizontal to up-down vertical: update gesture recognition and tap regions accordingly Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
240 lines
11 KiB
Swift
240 lines
11 KiB
Swift
import UIKit
|
|
import RDPDFReaderView
|
|
|
|
/// 图片型 PDF 的注释输入页。文字和区域标注共用同一编辑体验。
|
|
final class PDFDemoAnnotationEditorViewController: UIViewController, UITextViewDelegate {
|
|
private let quote: String
|
|
private let initialNote: String?
|
|
private let onSave: (String?) -> Void
|
|
private let textView = UITextView()
|
|
private let countLabel = UILabel()
|
|
|
|
init(quote: String, initialNote: String? = nil, onSave: @escaping (String?) -> Void) {
|
|
self.quote = quote
|
|
self.initialNote = initialNote
|
|
self.onSave = onSave
|
|
super.init(nibName: nil, bundle: nil)
|
|
title = "添加注释"
|
|
}
|
|
|
|
required init?(coder: NSCoder) { fatalError("init(coder:) has not been implemented") }
|
|
|
|
override func viewDidLoad() {
|
|
super.viewDidLoad()
|
|
let isDarkMode = traitCollection.userInterfaceStyle == .dark
|
|
view.backgroundColor = isDarkMode ? UIColor(red: 0.11, green: 0.11, blue: 0.12, alpha: 1) : .systemBackground
|
|
view.accessibilityIdentifier = "pdf.reader.annotation.editor"
|
|
navigationItem.leftBarButtonItem = UIBarButtonItem(title: "取消", style: .plain, target: self, action: #selector(cancelAction))
|
|
navigationItem.leftBarButtonItem?.accessibilityIdentifier = "pdf.reader.annotation.cancel"
|
|
navigationItem.rightBarButtonItem = UIBarButtonItem(title: "保存", style: .done, target: self, action: #selector(saveAction))
|
|
navigationItem.rightBarButtonItem?.accessibilityIdentifier = "pdf.reader.annotation.save"
|
|
navigationController?.navigationBar.tintColor = .systemBlue
|
|
|
|
let quoteCard = UIView()
|
|
let rail = UIView()
|
|
let quoteLabel = UILabel()
|
|
let textCard = UIView()
|
|
[quoteCard, rail, quoteLabel, textCard, textView, countLabel].forEach {
|
|
$0.translatesAutoresizingMaskIntoConstraints = false
|
|
}
|
|
view.addSubview(quoteCard)
|
|
quoteCard.addSubview(rail)
|
|
quoteCard.addSubview(quoteLabel)
|
|
view.addSubview(textCard)
|
|
textCard.addSubview(textView)
|
|
textCard.addSubview(countLabel)
|
|
|
|
let contentBgColor = isDarkMode ? UIColor(red: 0.13, green: 0.13, blue: 0.14, alpha: 1) : UIColor(red: 0.97, green: 0.97, blue: 0.99, alpha: 1)
|
|
let textColor = isDarkMode ? UIColor(red: 0.92, green: 0.92, blue: 0.96, alpha: 1) : .label
|
|
|
|
quoteCard.backgroundColor = contentBgColor.withAlphaComponent(0.78)
|
|
quoteCard.layer.cornerRadius = 16
|
|
rail.backgroundColor = UIColor(red: 0.94, green: 0.63, blue: 0.18, alpha: 1)
|
|
rail.layer.cornerRadius = 2
|
|
quoteLabel.text = quote
|
|
quoteLabel.numberOfLines = 5
|
|
quoteLabel.font = UIFont.systemFont(ofSize: 16)
|
|
quoteLabel.textColor = textColor.withAlphaComponent(0.85)
|
|
|
|
textCard.backgroundColor = contentBgColor
|
|
textCard.layer.cornerRadius = 18
|
|
textCard.layer.shadowColor = UIColor.black.cgColor
|
|
textCard.layer.shadowOpacity = 0.06
|
|
textCard.layer.shadowRadius = 18
|
|
textCard.layer.shadowOffset = CGSize(width: 0, height: 6)
|
|
textView.text = initialNote
|
|
textView.delegate = self
|
|
textView.font = UIFont.systemFont(ofSize: 17)
|
|
textView.textColor = textColor
|
|
textView.backgroundColor = .clear
|
|
textView.accessibilityIdentifier = "pdf.reader.annotation.input"
|
|
countLabel.font = .monospacedDigitSystemFont(ofSize: 12, weight: .regular)
|
|
countLabel.textColor = .secondaryLabel
|
|
countLabel.textAlignment = .right
|
|
|
|
NSLayoutConstraint.activate([
|
|
quoteCard.topAnchor.constraint(equalTo: view.safeAreaLayoutGuide.topAnchor, constant: 20),
|
|
quoteCard.leadingAnchor.constraint(equalTo: view.leadingAnchor, constant: 20),
|
|
quoteCard.trailingAnchor.constraint(equalTo: view.trailingAnchor, constant: -20),
|
|
rail.leadingAnchor.constraint(equalTo: quoteCard.leadingAnchor, constant: 16),
|
|
rail.topAnchor.constraint(equalTo: quoteCard.topAnchor, constant: 16),
|
|
rail.bottomAnchor.constraint(equalTo: quoteCard.bottomAnchor, constant: -16),
|
|
rail.widthAnchor.constraint(equalToConstant: 4),
|
|
quoteLabel.leadingAnchor.constraint(equalTo: quoteCard.leadingAnchor, constant: 28),
|
|
quoteLabel.trailingAnchor.constraint(equalTo: quoteCard.trailingAnchor, constant: -16),
|
|
quoteLabel.topAnchor.constraint(equalTo: quoteCard.topAnchor, constant: 16),
|
|
quoteLabel.bottomAnchor.constraint(equalTo: quoteCard.bottomAnchor, constant: -16),
|
|
|
|
textCard.topAnchor.constraint(equalTo: quoteCard.bottomAnchor, constant: 20),
|
|
textCard.leadingAnchor.constraint(equalTo: view.leadingAnchor, constant: 20),
|
|
textCard.trailingAnchor.constraint(equalTo: view.trailingAnchor, constant: -20),
|
|
textCard.bottomAnchor.constraint(equalTo: view.keyboardLayoutGuide.topAnchor, constant: -20),
|
|
textCard.heightAnchor.constraint(greaterThanOrEqualToConstant: 240),
|
|
textView.topAnchor.constraint(equalTo: textCard.topAnchor, constant: 16),
|
|
textView.leadingAnchor.constraint(equalTo: textCard.leadingAnchor, constant: 16),
|
|
textView.trailingAnchor.constraint(equalTo: textCard.trailingAnchor, constant: -16),
|
|
textView.bottomAnchor.constraint(equalTo: countLabel.topAnchor, constant: -12),
|
|
countLabel.leadingAnchor.constraint(equalTo: textCard.leadingAnchor, constant: 16),
|
|
countLabel.trailingAnchor.constraint(equalTo: textCard.trailingAnchor, constant: -16),
|
|
countLabel.bottomAnchor.constraint(equalTo: textCard.bottomAnchor, constant: -12)
|
|
])
|
|
updateCount()
|
|
DispatchQueue.main.async { [weak self] in self?.textView.becomeFirstResponder() }
|
|
}
|
|
|
|
func textViewDidChange(_ textView: UITextView) {
|
|
if textView.text.count > 1000 { textView.text = String(textView.text.prefix(1000)) }
|
|
updateCount()
|
|
}
|
|
|
|
private func updateCount() { countLabel.text = "\(textView.text.count)/1000" }
|
|
|
|
@objc private func cancelAction() { closeEditor() }
|
|
|
|
@objc private func saveAction() {
|
|
let note = textView.text.trimmingCharacters(in: .whitespacesAndNewlines)
|
|
onSave(note.isEmpty ? nil : note)
|
|
closeEditor()
|
|
}
|
|
|
|
private func closeEditor() {
|
|
guard let navigationController else {
|
|
dismiss(animated: true)
|
|
return
|
|
}
|
|
if navigationController.viewControllers.first === self {
|
|
navigationController.dismiss(animated: true)
|
|
} else {
|
|
navigationController.popViewController(animated: true)
|
|
}
|
|
}
|
|
}
|
|
|
|
/// 统一展示文字高亮、区域高亮和带注释的标注,点击可回到原页。
|
|
final class PDFDemoAnnotationListViewController: UITableViewController {
|
|
var onSelectAnnotation: ((RDPDFReaderAnnotation) -> Void)?
|
|
var onDeleteAnnotation: ((RDPDFReaderAnnotation) -> Void)?
|
|
var onDone: (() -> Void)?
|
|
|
|
private let annotationsProvider: () -> [RDPDFReaderAnnotation]
|
|
private let filterControl = UISegmentedControl(items: ["全部", "注释", "高亮"])
|
|
private var annotations: [RDPDFReaderAnnotation] = []
|
|
|
|
init(annotationsProvider: @escaping () -> [RDPDFReaderAnnotation]) {
|
|
self.annotationsProvider = annotationsProvider
|
|
super.init(style: .plain)
|
|
title = "笔记"
|
|
}
|
|
|
|
required init?(coder: NSCoder) { fatalError("init(coder:) has not been implemented") }
|
|
|
|
override func viewDidLoad() {
|
|
super.viewDidLoad()
|
|
view.accessibilityIdentifier = "pdf.reader.annotations.panel"
|
|
tableView.accessibilityIdentifier = "pdf.reader.annotations.table"
|
|
tableView.tableFooterView = UIView()
|
|
filterControl.selectedSegmentIndex = 0
|
|
filterControl.accessibilityIdentifier = "pdf.reader.annotations.filter"
|
|
filterControl.addTarget(self, action: #selector(filterChanged), for: .valueChanged)
|
|
navigationItem.titleView = filterControl
|
|
navigationItem.leftBarButtonItem = UIBarButtonItem(title: "完成", style: .done, target: self, action: #selector(doneAction))
|
|
reloadAnnotations()
|
|
}
|
|
|
|
override func viewWillAppear(_ animated: Bool) {
|
|
super.viewWillAppear(animated)
|
|
reloadAnnotations()
|
|
}
|
|
|
|
private var filteredAnnotations: [RDPDFReaderAnnotation] {
|
|
switch filterControl.selectedSegmentIndex {
|
|
case 1: return annotations.filter { !($0.note?.isEmpty ?? true) }
|
|
case 2: return annotations.filter { $0.note?.isEmpty ?? true }
|
|
default: return annotations
|
|
}
|
|
}
|
|
|
|
private func reloadAnnotations() {
|
|
annotations = annotationsProvider().sorted { $0.updatedAt > $1.updatedAt }
|
|
tableView.reloadData()
|
|
updateEmptyState()
|
|
}
|
|
|
|
override func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int { filteredAnnotations.count }
|
|
|
|
override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
|
|
let cell = tableView.dequeueReusableCell(withIdentifier: "annotation") ?? UITableViewCell(style: .subtitle, reuseIdentifier: "annotation")
|
|
let annotation = filteredAnnotations[indexPath.row]
|
|
cell.textLabel?.numberOfLines = 2
|
|
cell.detailTextLabel?.numberOfLines = 2
|
|
cell.textLabel?.text = annotation.selectedText?.isEmpty == false ? annotation.selectedText : "区域标注"
|
|
let note = annotation.note?.trimmingCharacters(in: .whitespacesAndNewlines)
|
|
cell.detailTextLabel?.text = ["第 \(annotation.pageIndex + 1) 页", note].compactMap { $0 }.joined(separator: " · ")
|
|
cell.imageView?.image = UIImage(systemName: note?.isEmpty == false ? "note.text" : "highlighter")
|
|
cell.imageView?.tintColor = UIColor(rdPDFHexString: annotation.color)
|
|
cell.accessibilityIdentifier = "pdf.reader.annotations.row.\(annotation.id)"
|
|
return cell
|
|
}
|
|
|
|
override func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
|
|
let annotation = filteredAnnotations[indexPath.row]
|
|
tableView.deselectRow(at: indexPath, animated: true)
|
|
onSelectAnnotation?(annotation)
|
|
}
|
|
|
|
override func tableView(_ tableView: UITableView, canEditRowAt indexPath: IndexPath) -> Bool { true }
|
|
|
|
override func tableView(_ tableView: UITableView, commit editingStyle: UITableViewCell.EditingStyle, forRowAt indexPath: IndexPath) {
|
|
guard editingStyle == .delete else { return }
|
|
let annotation = filteredAnnotations[indexPath.row]
|
|
onDeleteAnnotation?(annotation)
|
|
reloadAnnotations()
|
|
}
|
|
|
|
private func updateEmptyState() {
|
|
guard filteredAnnotations.isEmpty else { tableView.backgroundView = nil; return }
|
|
let label = UILabel()
|
|
label.text = filterControl.selectedSegmentIndex == 1 ? "暂无注释" : "暂无标注"
|
|
label.textAlignment = .center
|
|
label.textColor = .secondaryLabel
|
|
label.accessibilityIdentifier = "pdf.reader.annotations.empty"
|
|
tableView.backgroundView = label
|
|
}
|
|
|
|
@objc private func filterChanged() { reloadAnnotations() }
|
|
@objc private func doneAction() { onDone?() }
|
|
}
|
|
|
|
extension UIColor {
|
|
convenience init(rdPDFHexString: String) {
|
|
let hex = rdPDFHexString.replacingOccurrences(of: "#", with: "")
|
|
let value = UInt32(hex, radix: 16) ?? 0xF4C542
|
|
self.init(
|
|
red: CGFloat((value >> 16) & 0xFF) / 255,
|
|
green: CGFloat((value >> 8) & 0xFF) / 255,
|
|
blue: CGFloat(value & 0xFF) / 255,
|
|
alpha: 1
|
|
)
|
|
}
|
|
}
|