显示图像时,UITableView滞后

时间:2015-11-19 08:39:42

标签: ios image swift uitableview nsdata

我有tableView在单元格中显示图片,我在viewDidLoad函数

中提取数据
func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell {
                let cell = tableview.dequeueReusableCellWithIdentifier("cardSelectionCell", forIndexPath: indexPath) as! MyCell
                let card = fetchedResultsController.objectAtIndexPath(indexPath) as! Card
                cell.Name?.text = card.name
                var image: NSData = card.photo as NSData
                cell.logo.image = UIImage(data: image)
                let date = NSDate()
                let formatter = NSDateFormatter()
                formatter.timeStyle = .MediumStyle
                cell.policyExpiryDate.text = formatter.stringFromDate(date)
                return cell 
        }

但问题是,当我开始滚动时,tableView非常迟钝 所以我试图创建一个字典来转换viewDidLoad()

中的图像
var imageDictionary = [Card:UIImage]()


AllCards = context.executeFetchRequest(request, error: nil) as! [Card]
        for card in AllCards {
            imageDictionary[card] = UIImage(data: card.photo as NSData)
        }

并在tableView函数中:

cell.logo.image = imageDictionary[card]

但仍然落后

还有一个问题:如果一张卡被添加到核心数据中,我必须再次获取图像数组,所以我尝试在viewDidAppear()中创建数组,但图像不会出现在第一次加载而且tableView仍然落后。

2 个答案:

答案 0 :(得分:6)

首先,它取决于图像的大小:

var image: NSData = card.photo as NSData
cell.logo.image = UIImage(data: image)

这条线可能很重。您可以像这样轻松地测量它,例如:

let time1 = CACurrentMediaTime()
var image: NSData = card.photo as NSData
cell.logo.image = UIImage(data: image)
print(CACurrentMediaTime() - time1)

如果需要花费很多时间(例如超过8毫秒),那么应该优化它。您可以通过多种方式执行此操作,例如,您可以在某些字典或数组中存储UIImage引用,然后在cellForIndexPath:中传递。 另一种方式是AsyncKit方式 - 使您的UI同步,在一个线程中加载数据并将其传递给仅在主线程上绘制。现在你所处理的都是主线程。

UPD:我认为在这种情况下最好的方法是将图片存储到图像中,然后在后台运行以便UIImage调整大小并返回预览。你也可以为调整大小和未调整大小的UIImage制作缓存,路径或URL可以是一个键 - 所以下次只需从缓存中取出UIImage而不再重新启动所有调整大小的过程。

还要注意这个操作:

cell.logo.image = UIImage(data: image)

创建一个系统缓存并可以在内存中进行大量分配,因为垃圾收集器不会立即杀死它,就像使用UIWebView一样。所以你可以在你的函数周围添加你自己的自动释放池:

autoreleasepool { () -> () in
    cell.logo.image = UIImage(data: image)
}

答案 1 :(得分:3)

我也有这个问题,我使用dispatch_async解决了这个问题。这样,表单元格将在图像完成加载之前加载。

    let priority = DISPATCH_QUEUE_PRIORITY_HIGH

    dispatch_async(dispatch_get_global_queue(priority, 0)) {
        if let imgData = card.photo as? NSData {
            let image = UIImage(data: imageData)
            dispatch_async(dispatch_get_main_queue(), { () -> Void in
                cell.logo.image = image
            })
        }
    }