我无法在从Firebase数据库检索的detailViewController上显示图像。
我试图通过查看其他示例(例如下面的示例)来解决该问题,但是我无法使其正常运行。 (iOS + Firebase) Unable to pass the Image to the next ViewController from a UITableViewCell
这是我的图片服务:
import Foundation
import UIKit
import IHProgressHUD
class ImageService {
static let cache = NSCache<NSString, UIImage>()
static func downloadImage(withURL url:URL, completion: @escaping (_ image:UIImage?, _ url:URL)->()) {
let dataTask = URLSession.shared.dataTask(with: url) { data, responseURL, error in
var downloadedImage:UIImage?
if let data = data {
downloadedImage = UIImage(data: data)
}
if downloadedImage != nil {
self.cache.setObject(downloadedImage!, forKey: url.absoluteString as NSString)
}
DispatchQueue.main.async {
completion(downloadedImage, url)
IHProgressHUD.dismiss()
}
}
dataTask.resume()
}
static func getImage(withURL url:URL, completion: @escaping (_ image:UIImage?, _ url:URL)->()) {
if let image = cache.object(forKey: url.absoluteString as NSString) {
completion(image, url)
} else {
downloadImage(withURL: url, completion: completion)
}
}
}
这就是我构造collectionViewCell的方式
func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
if collectionView === self.vegatableCollectionView {
let productCell = collectionView.dequeueReusableCell(withReuseIdentifier: "vegatable", for: indexPath) as! MainCollectionViewCell
productCell.set(cell: veggies[indexPath.row])
if let productImageURL = cell?.productImageURL {
cell?.productImageURL = productImageURL
}
return productCell
}
当我选择一个单元格时,会发生以下情况:
func collectionView(_ collectionView: UICollectionView, didSelectItemAt indexPath: IndexPath) {
if collectionView == self.vegatableCollectionView {
performSegue(withIdentifier: "showVegetableDetail", sender: veggies[indexPath.item])
}
}
这就是我的选择方式
override func prepare(for segue: UIStoryboardSegue, sender: Any?) {
if segue.identifier == "showVegetableDetail" {
let destination = segue.destination as! VegetableDetailViewController
destination.selectedProduct = sender as! Product
}
}
最后这是我的detailViewController:
var veggies = [Product]()
var veggieRef: DatabaseReference?
var selectedProduct: Product?
weak var cell:Product?
@IBOutlet weak var headerTitle: UILabel!
@IBOutlet weak var itemDescription: UILabel!
override func viewDidLoad() {
super.viewDidLoad()
scrollView.delegate = self
getTheData()
}
func getTheData() {
headerTitle.text = selectedProduct?.productName
itemDescription.text = selectedProduct?.productDescription
}
}
我只是想从数据库中获取图像并将其显示在detailViewController中。
答案 0 :(得分:1)
我会改变您解决此问题的方式。
我要说它不起作用的原因是由于您下载图像的方式引起的。下载图像并进行设置时,我发现最简单的方法是使用SDWebImage库,为什么还要重新发明轮子呢?
它具有专门的功能,可以手动执行您当前要执行的操作。
我要关注的功能是:
imageView.sd_setImage(with: URL(string: "http://www.imageURL.com/path/to/image.jpg"), placeholderImage: UIImage(named: "placeholder.png"))
此功能将从URL设置图像。它涵盖了下载图像然后进行设置,同时还允许您通过占位符图像以在加载图像时显示。
在这种情况下,您的代码将简化为:
func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
if collectionView === self.vegatableCollectionView {
let productCell = collectionView.dequeueReusableCell(withReuseIdentifier: "vegatable", for: indexPath) as! MainCollectionViewCell
productCell.set(cell: veggies[indexPath.row])
productCell.imageView.sd_setImage(with: cell?.productImageURL, placeholderImage: UIImage(named: "loading_vege.png"))
return productCell
}
}
这仅需您从Firebase下载信息(包括图像URL)即可简化一切。然后可以将其传递到单元中并加载。
奖金: SDWebImage还为您缓存图像数据。这意味着,如果您加载并返回,则图像将被缓存一定的时间。