当前,我有一个缩略图的集合视图,在按下该缩略图时,它应该调用一个函数,该函数将通过API检索图像数据并通过隐藏的ImageView显示完整图像。
func collectionView(_ collectionView: UICollectionView, didSelectItemAt indexPath: IndexPath) {
dataManager.downloadAttachment(id: attachments[indexPath.row].attachmentID)
if dataManager.dataHolder != nil {
attachmentImage.image = UIImage.init(data: dataManager.dataHolder!)
attachmentImage.isHidden = false
}
print(attachments[indexPath.row].attachmentID)
}
和
func downloadAttachment(id:Int) {
let finalUrl = "\(urlAttachment)\(id)/data"
if let url = URL(string: finalUrl){
var request = URLRequest(url: url)
request.setValue(apiKey, forHTTPHeaderField: header)
let session = URLSession(configuration: .default)
let task = session.dataTask(with: request) { (data, response, error) in
if error != nil {
print(error!)
return
}
print("Attachment Downloaded")
self.dataHolder = data
}
task.resume()
}
}
明显的问题是,图像不会在第一次尝试时显示,因为它仍将检索图像,而dataHolder仍为nil,但是如果我在单元格上轻按两次,则图像将正确显示。
是否有一种简单的方法,也许只需轻按一次,使其显示一个占位符,直到完成下载并相应地用实际图像更新占位符?或任何其他适当的方式来处理此问题?
func downloadAttachment(id:Int,completionHandler completion: @escaping ((Data)->Void)) {
let finalUrl = "\(urlAttachment)\(id)/data"
if let url = URL(string: finalUrl){
var request = URLRequest(url: url)
request.setValue(apiKey, forHTTPHeaderField: header)
let session = URLSession(configuration: .default)
let task = session.dataTask(with: request) { (data, response, error) in
if error != nil {
print(error!)
return
}
print("Attachment Downloaded")
self.dataHolder = data
completion()
}
task.resume()
}
}
现在在collectionViewDidSelectItemAt中进行此更改
func collectionView (_ collectionView: UICollectionView, didSelectItemAt indexPath: IndexPath) { dataManager.downloadAttachment(id: attachments[indexPath.row].attachmentID,completionHandler: { data in if let cell = collectionView.cellForItem(at: indexPath), let data = dataManager.dataHolder, let image = UIImage.init(data: data){ attachmentImage.image = image attachmentImage.isHidden = false } }) }