滚动时更改 Swift 集合视图数据

Question

我的收藏视图单元格在一直滚动到底部然后返回时被修改。

在我的 viewDidLoad 中，我有一个 Parse 查询，它从数据库中获取所有值，然后从主线程调用 reloadData。

在初始加载时，可视单元格会正确显示。

但是当我向下滚动时，不可见的单元格被加载，其中 1/3 显示不正确。

然后，当我向上滚动到最初的可查看单元格时，第一个单元格显示不正确。

我的意思是在我的数据库中没有正确显示是一个对齐字段。这可以保存中心、左或右字符串。

这个值是我的图像和按钮在单元格中的对齐方式。

这是我的 cellForRow 函数。

func collectionView(collectionView: UICollectionView, cellForItemAtIndexPath indexPath: NSIndexPath) -> UICollectionViewCell{
    let cell: FeedThumbnail = collectionView.dequeueReusableCellWithReuseIdentifier("feed_cell", forIndexPath: indexPath) as! FeedThumbnail

    //handle cell alignment
    if(align[indexPath.row] == "left"){
        //leave alignment as is for buttons
        if(cell.picture.frame.origin.x == 0){
            cell.picture.frame.offsetInPlace(dx: -75, dy: 0)
        }
    }

    else if(align[indexPath.row] == "center"){
        cell.holder_view.frame.offsetInPlace(dx: 105 - cell.holder_view.frame.origin.x, dy: 0)
        //leave image as is
    }

    else if(align[indexPath.row] == "right"){
        cell.holder_view.frame.offsetInPlace(dx: 220 - cell.holder_view.frame.origin.x, dy: 0)
        cell.picture.frame.offsetInPlace(dx: 100 - cell.picture.frame.origin.x, dy: 0)
    }

    return cell
}

这是我的集合视图单元格的类

 import UIKit

class FeedThumbnail: UICollectionViewCell {

 @IBOutlet weak var picture: UIImageView!
 @IBOutlet weak var comment_btn: UIButton!
 @IBOutlet weak var heart_btn: UIButton!
 @IBOutlet weak var rescip_btn: UIButton!
 @IBOutlet weak var og_btn: UIButton!
 @IBOutlet weak var name_lbl: UIButton!
 @IBOutlet weak var holder_view: UIView!
}

Answer 1

就像 Lumialxk 和 RPK 所说的那样。 我需要在修改之前刷新单元格 origin.x。

我想我不明白细胞会以它们原来的方式重复使用。

解决方案是覆盖 prepareForReuse 并将 frame.origin.x 设置回原始值，然后再对其进行修改。

导入 UIKit

类 FeedThumbnail: UICollectionViewCell {

@IBOutlet weak var picture: UIImageView!
@IBOutlet weak var comment_btn: UIButton!
@IBOutlet weak var heart_btn: UIButton!
@IBOutlet weak var rescip_btn: UIButton!
@IBOutlet weak var og_btn: UIButton!
@IBOutlet weak var name_lbl: UIButton!
@IBOutlet weak var holder_view: UIView!


override func prepareForReuse() {
    picture.frame.origin.x = 0
    holder_view.frame.origin.x = 0
    super.prepareForReuse()
}

}

Answer 2

cellFor... 中有一个条件，如下所示：

if(cell.picture.frame.origin.x == 0){...

如果一个单元格被重复使用，它是"left"，但不满足您的条件，因此它将保持与重复使用前相同的外观。你应该对此做点什么。这是示例代码：

if(cell.picture.frame.origin.x == 0){
    ...
} else {
    // make it a left cell
}