Swift iOS：解决UICollectionViewCell奇偶索引布局滚动错乱问题

嗨，这个问题我太熟悉了！之前做类似布局的时候也踩过这个坑——罪魁祸首就是UICollectionView的cell复用机制。滚动时系统会把滑出屏幕的cell重新拿来复用，如果你只在cell初始化时设置一次标签对齐，复用的时候旧的对齐状态就会残留，导致显示不符合预期。

下面是两种靠谱的解决方案，你可以根据自己的情况选择：

方案1：直接在cellForItemAt中动态设置文本对齐（最简单） #

这是最直接的方法，每次获取到cell（不管是新创建的还是复用的），都根据当前indexPath.item重新设置标签的对齐方式，覆盖掉之前的状态。

示例代码（Swift）：

func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
    // 复用或创建cell
    let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "YourCellID", for: indexPath) as! YourCustomCell
    
    // 先设置标签文本
    cell.contentLabel.text = "你的内容文本"
    
    // 根据索引奇偶设置对齐方式
    if indexPath.item % 2 == 0 {
        cell.contentLabel.textAlignment = .left
    } else {
        cell.contentLabel.textAlignment = .right
    }
    
    return cell
}

核心要点：一定要在每次获取cell时都重新设置对齐方式，不能只在cell的init方法里设置一次。

方案2：通过Auto Layout动态切换约束（适合复杂布局） #

如果你的标签需要调整的不只是文本对齐，而是整个标签的位置（比如距离左右边距的距离不同），可以用约束切换的方式：

1. 在自定义cell中，给标签添加左对齐和右对齐的约束，分别保存为属性：

class YourCustomCell: UICollectionViewCell {
    @IBOutlet weak var contentLabel: UILabel!
    // 保存约束引用
    @IBOutlet weak var labelLeftConstraint: NSLayoutConstraint!
    @IBOutlet weak var labelRightConstraint: NSLayoutConstraint!
}

2. 在cellForItemAt中根据索引激活对应约束，禁用另一个：

func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
    let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "YourCellID", for: indexPath) as! YourCustomCell
    
    cell.contentLabel.text = "你的内容文本"
    
    if indexPath.item % 2 == 0 {
        // 偶数索引：激活左约束，禁用右约束
        cell.labelLeftConstraint.isActive = true
        cell.labelRightConstraint.isActive = false
    } else {
        // 奇数索引：激活右约束，禁用左约束
        cell.labelLeftConstraint.isActive = false
        cell.labelRightConstraint.isActive = true
    }
    
    return cell
}

额外注意点 #

• 如果你的自定义cell实现了prepareForReuse方法，注意不要在这里把对齐方式或约束重置成默认值，除非你确保在cellForItemAt里一定会重新覆盖这些设置。比如：

override func prepareForReuse() {
    super.prepareForReuse()
    contentLabel.text = nil
    // 不要在这里随便设置textAlignment或修改约束状态！
}

这样处理后，不管怎么滚动，每个cell都会根据自己的索引正确显示对齐方式啦～

内容的提问来源于stack exchange，提问作者Sujal Shrestha