ios - UITableViewCell 中的图像未按顺序显示

Question

我正在尝试将图像从 XML enclosure 显示到 tableViewCell 图像。由于 dequeueReusableCellWithIdentifier，图像显示但不按顺序显示，因为当我向上和向下滚动 tableViewCell 时，它会更改图像并且不会根据 array index 按顺序显示。我尝试了不同的方法，但没有成功'
谁能告诉我如何按顺序显示图像，或者有什么方法可以先下载所有图像然后在单元格图像中显示？或任何其他快速或简单的方法，而不是使用 dispatch_async。谢谢

override func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell {

        let cell : ImageCell2 = tableView.dequeueReusableCellWithIdentifier("cell", forIndexPath: indexPath) as! ImageCell2

        cell.titleLabel.text = posts.objectAtIndex(indexPath.row).valueForKey("title") as! NSString as String

        downloadFileFromURL(NSURL(string: self.posts.objectAtIndex(indexPath.row).valueForKey("enclosure") as! String)!, completionHandler:{(img) in
            dispatch_async(dispatch_get_main_queue(), { () -> Void in

                cell.sideImageView.image = img

                })
            })

        return cell

    }

UPDATE

现在我试过了

let picURL = self.posts.objectAtIndex(indexPath.row).valueForKey("enclosure") as! String
let url = NSURL(string: picURL)
let data = NSData(contentsOfURL: url!)

cell.sideImageView?.image = UIImage(data: data!)

它按顺序显示图像但很难滚动？

Update2

现在我试过了

var check = true
var imageArrayNsData : [NSData] = []

override func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell {

let cell : ImageCell2 = tableView.dequeueReusableCellWithIdentifier("cell", forIndexPath: indexPath) as! ImageCell2

cell.titleLabel.text = posts.objectAtIndex(indexPath.row).valueForKey("title") as! NSString as String

if check == true{
            var indeX = 0
            for i in posts.valueForKey("enclosure") as! [NSString]{
                let picURL = self.posts.objectAtIndex(indeX).valueForKey("enclosure") as! String
                let url = NSURL(string: picURL)
                let data = NSData(contentsOfURL: url!)
                print("download")
                imageArrayNsData.append(data!)
                indeX++
                print(indeX)
            }
            check = false
        }

if check == false{
        cell.sideImageView.image = UIImage(data: imageArrayNsData[indexPath.row])
    }
return cell

}

此方法只下载一次图片。下载图像后，它会附加到数组中，下次它会显示数组中的图像而无需再次下载。但是这种方法对于滚动来说有点困难。有人知道为什么吗？

Answer 1

问题是 cell 对象可能在您设置图像时已经被重用。您需要添加一个检查以确保该单元格仍然代表您想要的内容。这可能很简单:

if tableView.indexPathForCell(cell) == indexPath {
    cell.sideImageView.image = img
}

但如果特定项目的索引路径可能在那个时候发生变化(例如，如果用户可以插入/删除行)，则可能需要更复杂。

您还可以使用类似 AlamofireImage 的库它为您处理这项工作(以不同的方式)。使用 AlamofireImage，您的代码将如下所示:

override func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell {
    let cell : ImageCell2 = tableView.dequeueReusableCellWithIdentifier("cell", forIndexPath: indexPath) as! ImageCell2            
    cell.titleLabel.text = posts.objectAtIndex(indexPath.row).valueForKey("title") as! NSString as String

    let URL = NSURL(string: self.posts.objectAtIndex(indexPath.row).valueForKey("enclosure") as! String)!
    cell.sideImageView.af_setImageWithURL(URL)

    return cell            
}