问题描述
我有一个 UIViewController
,它提供一个 UIDocumentPicker
来选择 PDF 文件,并包含一个 UICollectionView
来显示它们(每个单元格都包含一个 PDFView
来执行此操作)。
代码如下:
import MobileCoreServices; import PDFKit; import UIKit
class ViewController: UIViewController {
var urls: [URL] = []
@IBOutlet weak var collectionView: UICollectionView!
@IBAction func pickFile() {
dispatchQueue.main.async {
let documentPicker = UIDocumentPickerViewController(documentTypes: [kUTTypePDF as String],in: .import)
documentPicker.delegate = self
documentPicker.modalPresentationStyle = .formSheet
self.present(documentPicker,animated: true,completion: nil)
}
}
override func viewDidLoad() {
collectionView.register(UINib(nibName: PDFCollectionViewCell.identifier,bundle: .main),forCellWithReuseIdentifier: PDFCollectionViewCell.identifier)
}
init() { super.init(nibName: "ViewController",bundle: .main) }
required init?(coder: NSCoder) { fatalError() }
}
extension ViewController: UICollectionViewDataSource,UICollectionViewDelegate,UICollectionViewDelegateFlowLayout {
func collectionView(_ collectionView: UICollectionView,cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
let cell = collectionView.dequeueReusableCell(withReuseIdentifier: PDFCollectionViewCell.identifier,for: indexPath) as! PDFCollectionViewCell
cell.pdfView.document = PDFDocument(url: urls[indexPath.row])
return cell
}
func collectionView(_ collectionView: UICollectionView,numberOfItemsInSection section: Int) -> Int {
return urls.count
}
func collectionView(_ collectionView: UICollectionView,layout collectionViewLayout: UICollectionViewLayout,sizeforItemAt indexPath: IndexPath) -> CGSize {
CGSize(width: 150,height: 150)
}
}
extension ViewController: UIDocumentPickerDelegate {
// MARK: PDF Picker Delegate
func documentPickerWasCancelled(_ controller: UIDocumentPickerViewController) {
controller.dismiss(animated: true,completion: nil)
}
func documentPicker(_ controller: UIDocumentPickerViewController,didPickDocumentsAt urls: [URL]) {
controller.dismiss(animated: true,completion: {
dispatchQueue.main.async {
self.urls.append(contentsOf: urls)
self.collectionView.reloadData()
}
})
}
}
class PDFCollectionViewCell: UICollectionViewCell {
static let identifier = "PDFCollectionViewCell"
@IBOutlet weak var pdfView: PDFView! { didSet { setPdfViewUI() } }
func setPdfViewUI() {
pdfView.displayMode = .singlePage
pdfView.autoScales = true
pdfView.displayDirection = .vertical
pdfView.isUserInteractionEnabled = false
}
}
现在,出于某种原因,collectionView.reloadData()
实际上只能工作两次。它第一次工作,然后第二次没有任何反应,然后第三次集合视图再次使用三个预期元素更新......
我意识到即使我正在调用 reloadData()
,数据源和委托方法 (numberOfItems
/cellForItem
) 在发生这种情况时也不会被调用。
知道发生了什么吗?
感谢您的帮助!
编辑:我可以确保在 viewDidLoad
/appear
方法中没有任何其他代码,pickFile
函数实际上被调用得很好,并且 url 被正确获取,在调用 urls
之前更新 reloadData()
数组。
此外,我在 UITableView
和 UICollectionView
上都尝试过这种方法,并且在每种情况下都遇到了这个问题。感觉好像是我使用了 PDFView
或文档选择器有问题。
解决方法
这是一个非常非常奇怪的错误,当您在 PDFView
中使用 UICollectionViewCell
时会发生这种错误。我在以下环境中确认了这一点 -
- Xcode 12.5
- iPhone SE 2020 (iOS 14.6)
UICollectionView.reloadData()
作为子视图添加到 PDFView
中时,UICollectionViewCell.contentView
调用不可靠。
我们还能尝试什么?
令人惊讶的是,UICollectionView.insertItems(at:)
可以在 UICollectionView.reloadData()
不适用于这种情况下工作。在此答案的末尾提供了工作代码示例,供其他尝试重现/确认问题的人使用。
为什么会发生这种情况?
老实说不知道。 UICollectionView.reloadData()
应该保证 UI 与您的数据源同步。让我们看看 reloadData()
(在这种情况下工作时)和 insertItems(at:)
的堆栈跟踪。
ReloadData_StackTrace
InsertItemsAtIndexPaths_StackTrace
结论
-
reloadData()
依赖于layoutSubviews()
来执行 UI 刷新。这是从UIView
继承的,例如 -UIView.layoutSubviews() > UIScrollView > UICollectionView
。这是一个众所周知的 UI 事件,很容易被UIView
的任何子类拦截。PDFView: UIView
也可以这样做。 为什么会出现不一致的情况?只有能够拆卸和检查PDFKit.framework
的人才可能知道这一点。这显然是PDFView.layoutSubviews()
实现中的一个错误,干扰了它的超级视图的layoutSubviews()
实现。 -
insertItems(at:)
在指定的 indexPath(s) 添加单元格的新实例,并且显然不依赖于layoutSubviews()
,因此在这种情况下工作可靠。
示例代码
import MobileCoreServices
import PDFKit
import UIKit
class ViewController: UIViewController {
// MARK: - Instance Variables
private lazy var flowLayout: UICollectionViewFlowLayout = {
let sectionInset = UIEdgeInsets(top: 20,left: 20,bottom: 20,right: 20)
let layout = UICollectionViewFlowLayout()
layout.scrollDirection = .vertical
layout.sectionInset = sectionInset
layout.itemSize = CGSize(width: 150,height: 150)
layout.minimumInteritemSpacing = 20
layout.minimumLineSpacing = 20
return layout
}()
private lazy var pdfsCollectionView: UICollectionView = {
let cv = UICollectionView(frame: self.view.bounds,collectionViewLayout: flowLayout)
cv.autoresizingMask = [.flexibleWidth,.flexibleHeight]
cv.backgroundColor = .red
cv.dataSource = self
cv.delegate = self
return cv
}()
private lazy var pickFileButton: UIButton = {
let button = UIButton(frame: CGRect(x: 300,y: 610,width: 60,height: 40)) // hard-coded for iPhone SE
button.setTitle("Pick",for: .normal)
button.setTitleColor(.white,for: .normal)
button.backgroundColor = .purple
button.addTarget(self,action: #selector(pickFile),for: .touchUpInside)
return button
}()
private var urls: [URL] = []
// MARK: - View Life Cycle
override func viewDidLoad() {
super.viewDidLoad()
self.view.addSubview(pdfsCollectionView)
pdfsCollectionView.register(
PDFCollectionViewCell.self,forCellWithReuseIdentifier: PDFCollectionViewCell.cellIdentifier
)
self.view.addSubview(pickFileButton)
}
// MARK: - Helpers
@objc private func pickFile() {
let documentPicker = UIDocumentPickerViewController(documentTypes: [kUTTypePDF as String],in: .import)
documentPicker.delegate = self
documentPicker.modalPresentationStyle = .formSheet
self.present(documentPicker,animated: true,completion: nil)
}
}
extension ViewController: UICollectionViewDataSource,UICollectionViewDelegate {
func collectionView(_ collectionView: UICollectionView,cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
let cell = collectionView.dequeueReusableCell(withReuseIdentifier: PDFCollectionViewCell.cellIdentifier,for: indexPath) as! PDFCollectionViewCell
cell.pdfView.document = PDFDocument(url: urls[indexPath.row])
cell.contentView.backgroundColor = .yellow
return cell
}
func collectionView(_ collectionView: UICollectionView,numberOfItemsInSection section: Int) -> Int {
return urls.count
}
}
extension ViewController: UIDocumentPickerDelegate {
func documentPickerWasCancelled(_ controller: UIDocumentPickerViewController) {
controller.dismiss(animated: true,completion: nil)
}
func documentPicker(_ controller: UIDocumentPickerViewController,didPickDocumentsAt urls: [URL]) {
// CAUTION:
// These urls are in the temporary directory - `.../tmp/<CFBundleIdentifier>-Inbox/<File_Name>.pdf`
// You should move/copy these files to your app's document directory
controller.dismiss(animated: true,completion: {
DispatchQueue.main.async {
let count = self.urls.count
var indexPaths: [IndexPath] = []
for i in 0..<urls.count {
indexPaths.append(IndexPath(item: count+i,section: 0))
}
self.urls.append(contentsOf: urls)
// Does not work reliably
/*
self.pdfsCollectionView.reloadData()
*/
// Works reliably
self.pdfsCollectionView.insertItems(at: indexPaths)
}
})
}
}
class PDFCollectionViewCell: UICollectionViewCell {
static let cellIdentifier = "PDFCollectionViewCell"
lazy var pdfView: PDFView = {
let view = PDFView(frame: self.contentView.bounds)
view.displayMode = .singlePage
view.autoScales = true
view.displayDirection = .vertical
view.isUserInteractionEnabled = false
self.contentView.addSubview(view)
view.autoresizingMask = [.flexibleWidth,.flexibleHeight]
view.backgroundColor = .yellow
return view
}()
}
,
这是由您的单元格中的 PDFViews 引起的,原因我不确定。 PDFView 对于在集合视图单元格中使用来说可能过于重量级,或者在重新加载或重新添加文档时可能会出现一些问题。我在没有设法修复它的情况下重现了您的问题,但您可能需要牢记以下几点:
- 您正在为文档选择器使用已弃用的初始化程序
- 不能保证您获得的“收件箱”网址是持久的,实际上,您可以在选择更多文档时看到文件在其中出现和消失,因此您可能希望考虑将所选文件移至更永久的主页
解决这些问题对奇怪的重新加载问题没有影响。我所做的是 import QuickLookThumbnailing
,向单元格添加图像视图而不是 PDF 视图,并添加以下代码:
class PDFCollectionViewCell: UICollectionViewCell {
static let identifier = "PDFCollectionViewCell"
@IBOutlet var imageView: UIImageView!
private var request: QLThumbnailGenerator.Request?
func load(_ url: URL) {
let req = QLThumbnailGenerator.Request.init(fileAt: url,size: bounds.size,scale: UIScreen.main.scale,representationTypes: .all)
QLThumbnailGenerator.shared.generateRepresentations(for: req) {
[weak self]
rep,type,error in
DispatchQueue.main.async {
self?.imageView.image = rep?.uiImage
}
}
request = req
}
override func prepareForReuse() {
if let request = request {
QLThumbnailGenerator.shared.cancel(request)
self.request = nil
}
imageView.image = nil
}
}
这会异步呈现您传递给它的任何 URL 的缩略图,从而提高质量。
,以某种方式 collectionView 缓存了 reloadingData
毫秒,因此当您调用 reloadData()
两次时它不会重新加载两次,同样基于 apple developer documentation:
您不应在插入或删除项目的动画块中间调用此方法。插入和删除会自动导致集合的数据得到适当更新。
我有一些解决方法来实现这一点:
使 collectionView 布局无效:
据我所知,collectionViewLayout prepare
里面有 remove cache 方法
collectionView!.reloadData()
collectionView!.collectionViewLayout.invalidateLayout()
collectionView!.layoutSubviews()