Question

我从json下载图像链接，然后在表视图开始创建其单元格后创建图像：

 func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {

        let cell = tableView.dequeueReusableCell(withIdentifier: "cell", for: indexPath) as! TableViewCellController

            DispatchQueue.main.async(execute: { () -> Void in

                if let url = NSURL(string: self.movies[indexPath.row].image) 
                {

                    if let data = NSData(contentsOf: url as URL)
                    {
                        let imageAux = UIImage((data: data as Data))
                        cell.movieImage.image = imageAux
                        self.tableView.reloadData()

                    }
                }
            })

        cell.name = self.movies[indexPath.row].name
        cell.date = self.movies[indexPath.row].date
        return cell
}

这样可以正常工作，但是表视图变得非常慢，不是在渲染时，而是在滚动时。我一直在检查RAM和CPU，两者都非常低，但我的网络使用量不断上升但是图像已经在单元格上，所以这意味着它已经完成了。（对于这个测试我只调用2个电影的JSON，所以2个图像）

在我开始这样做之前，我的总下载量大约为200kb（带有图像），现在它在我停止项目之前已超过2MB。

我做错了什么？

Answer 1

您可能希望为后台活动指定一个单独的队列。在这种情况下，繁重的网络任务位于：

NSData(contentsOf: url as URL)

这就是＆＃34;冷冻＆＃34;用户界面。最好的解决方案是定义DispatchQueue.background之类的内容并在那里执行网络调用，然后稍后在主线程上执行UI任务，以免锁定显示：

DispatchQueue.background.async(execute: { () -> Void in
    if let url = NSURL(string: self.movies[indexPath.row].image)  {
        //Do this network stuff on the background thread
        if let data = NSData(contentsOf: url as URL) {
            let imageAux = UIImage(data: data as Data)
            //Switch back to the main thread to do the UI stuff
            DispatchQueue.main.async(execute: { () -> Void in
                cell.movieImage.image = imageAux
            })
        }
    }
})

如果这是有道理的，请告诉我。

异步更新表格单元格图像

1 个答案: