Question

我正在使用水平集合视图来滚动日期。集合视图包含30个单元格。如果我选择第一个单元格以指示选择，则单元格背景颜色已从默认颜色红色变为棕色。然后，如果我选择另一个单元格，则选定的单元格颜色从红色变为棕色。但是第一个细胞BGColor保持不变（棕色）。如何通过单击其他单元格更改为默认颜色？

       func collectionView(collectionView: UICollectionView, cellForItemAtIndexPath 
   indexPath: NSIndexPath) -> UICollectionViewCell {

    var cell = collectionView.dequeueReusableCellWithReuseIdentifier("cell", 
   forIndexPath: indexPath) as myViewCell

    cell.date_label.text = arr_date[indexPath.item]

    }

        func collectionView(collectionView: UICollectionView, didSelectItemAtIndexPath 
       indexPath: NSIndexPath) {

        var cell = collectionView.cellForItemAtIndexPath(indexPath) as myViewCell

        if(cell.selected)
        {
            cell.backgroundColor = UIColor.brownColor()

        }
        else
        {
            cell.backgroundColor = UIColor.redColor()
        }

    }

Answer 1

您可以将函数collectionView与参数didSelectItemAtIndexPath

一起使用

func collectionView(collectionView: UICollectionView, didSelectItemAtIndexPath 
   indexPath: NSIndexPath) {

       let selectedCell:UICollectionViewCell = myCollectionView.cellForItemAtIndexPath(indexPath)!
       selectedCell.contentView.backgroundColor = UIColor(red: 102/256, green: 255/256, blue: 255/256, alpha: 0.66)
}

这会为选定的UICollectionViewCell创建一个常量，然后您只需更改背景颜色

然后，为了在取消选择时返回原始颜色，您必须使用带有参数collectionView的函数didDeselectItemAtIndexPath

func collectionView(collectionView: UICollectionView, didDeselectItemAtIndexPath indexPath: NSIndexPath) {
        let cellToDeselect:UICollectionViewCell = myCollectionView.cellForItemAtIndexPath(indexPath)!
        cellToDeselect.contentView.backgroundColor = UIColor.clearColor()
}

然后将颜色更改为原始颜色！

例如，此处是filterApp

中此代码的屏幕截图

UICollectionView example

Answer 2

var selectedIndex = Int ()

func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell
{
    let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "cell", for: indexPath) as! CollectionViewCell

    if selectedIndex == indexPath.row
    {
        cell.backgroundColor = UIColor.green
    }
    else
    {
        cell.backgroundColor = UIColor.red
    }

    return cell
}

func collectionView(_ collectionView: UICollectionView, didSelectItemAt indexPath: IndexPath)
{
    selectedIndex = indexPath.row

    self.yourCollctionView.reloadData()
}

可能很疯狂，但它对我来说很好......！

Answer 3

您可以维护上次选择的索引路径的副本，然后在didSelectItemAtIndexPath中比较索引路径以查看它们是否不同。如果不同，请根据需要更改这些索引路径上的两个单元格的颜色，然后将旧索引路径复制到旧索引路径上。

修改

再次考虑这一点，应该使用单元格的backgroundView和selectedBackgroundView属性来完成。将单元格出列后，您可以执行以下操作以让iOS处理更改。

cell.backgroundView.backgroundColor = [UIColor redColor]; cell.selectedBackgroundView.backgroundColor = [UIColor brownColor];

Answer 4

处理选定单元格背景颜色的最佳方法是观察属性 isSelected。这处理单元格的选择和取消选择，否则在选择任何其他单元格时取消选择选定的单元格会很棘手。以下是使用 isSelected 的 UICollectionViewCell 属性的演示：

class CustomCollectionViewCell: UICollectionViewCell {
    override var isSelected: Bool {
        didSet {
            contentView.backgroundColor = isSelected ? .red : .white
        }
    }
}

在Swift中更改UICollectionView中的单元格背景颜色

4 个答案: