Swift3 - UIImageView 没有从解析的 JSON 数据中出现

Question

大家好，我的第一个问题很想得到帮助。我花了很长时间浏览论坛，但仍在努力理解我在哪里出错了。 URL 字符串从 JSON 中解析得很好，但是它没有在我创建的 UIImageView 中显示为图像。代码编译正常，其他一切都在显示。我假设我必须将 String 类型的 URL 转换为 UIImageView 但是我不断收到错误。

这里是 EventCell 类的 sn-p。

class EventCell: UICollectionViewCell {

var event: Event?   {
    didSet  {

        if let eventName = event?.title {
            eventTitle.text = eventName
        }

        eventSubtitle.text = event?.subtitle

        eventTags.text = event?.tags

        if let imageName = event?.imageURL
        {
            imageView.image = UIImage(named: imageName)
        }
    }
}

override init(frame: CGRect)    {
    super.init(frame: frame)

    setupViews()
}

required init?(coder aDecoder: NSCoder) {
    fatalError("init(coder:) has not been implemented")
}


let imageView: UIImageView =  {
    let iv = UIImageView()
    iv.translatesAutoresizingMaskIntoConstraints = false
    iv.contentMode = .scaleAspectFill
    return iv
}()

这里是 Event 类本身的 sn-p。

var id: NSNumber?
var title: String?
var imageURL: String?
var subtitle: String?
var tags: String?
var desc: String?

override init(){}

init(event: NSDictionary)
{
    if let val = event["ID"] as? NSNumber
    {
        id = val;
    }

    if let val = event["Title"] as? String
    {
        title = val;
    }

    if let val = event["Subtitle"] as? String
    {
        subtitle = val;
    }

    if let val = event["Tags"] as? String
    {
        tags = val;
    }

    if let val = event["Description"] as? String
    {
        desc = val;
    }

    if let val = event["image"] as? String
    {
        imageURL = val;
    }
}

任何帮助将不胜感激！谢谢！

Answer 1

初始化程序UIImage(named:) 需要已经存储在包中的图像的名称。在您的情况下，您想从URL 加载图像。您应该做的是从String 创建一个URL，然后将该URL 的内容加载为NSData，最后从该Data 创建一个UIImage。实现这一目标的最快方法是

if let imageURLString = event?.imageURL {
    let imageURL = URL(string: imageURLString!)
    let imageData = NSData(contentsOf: imageURL!)
    imageView.image = UIImage(data: imageData as! Data)
}

注意

需要考虑的几点

• 这不是从URL 加载图像的最佳方法。您还应该查看async 请求。但是，这是最快的实现，应该可以让代码正常工作
• sn-p 采用Swift 3 语法。我假设您可以将其转换为 Swift 2 如果您正在使用它

Answer 2

添加这个扩展

extension UIImageView {
    public func imageFromUrl(urlString: String) {
        if let url = URL(string: urlString) {
            URLSession.shared.dataTask(with: url, completionHandler: { (data, response, error) in
                if (error != nil) {
                    print(error?.localizedDescription ?? "no errror")
                }
                else {
                    if let image = UIImage(data: data!) {
                        DispatchQueue.main.async {
                            self.image = image
                        }
                    }
                }
            }).resume()
        }
    }
}

用法：

imageView.imageFromUrl(urlString: "http://linktoyourimage.com")

Answer 3

根据 Apple 文档，UIImage(named:) 需要您的应用程序包中的名称。您可以在 dataWithContentsOfURL: 方法中传递图像的 url。虽然使用这种方法很好，但您只需要异步处理，因为 dataWithContentsOfURL: 是一个同步请求并阻塞主线程，直到下载完成。

考虑使用 SDWebImage 一个 UIImageView 扩展，它添加来管理图像下载和显示。它还支持一个占位符图像，您可以提供该图像以指示下载正在进行中。

希望对您有所帮助。快乐编码！