使用 selectedBackgroundView 显示高亮状态

Question

想象一个场景，您有一个UICollectionView，并且您希望在每个单元格中都有一个按钮填充整个单元格，以便您可以响应各种触摸事件来处理突出显示的外观。例如，当用户按下按钮时，您想要更改按钮的背景颜色，然后在他们拖出或取消触摸等时将其还原。现在想象一下，您不想更改按钮的背景颜色，而是要更改的情况单元格的backgroundView。 UIButton 没有背景视图，只有 backgroundColor 或 backgroundImage。

我有一个解决方案，但我想知道它是否可以更清洁，如果不推荐这种方法。触摸按钮后，我循环遍历其superviews，直到获得UICollectionViewCell，然后将其selected 属性设置为true。在cellForItemAtIndexPath 中，我根据需要设置了selectedBackgroundView。这样就获得了想要的行为，但是用选中状态来表示高亮状态并以这种方式管理是不是不合适呢？什么会更好？

我可以在触摸按钮时获得UICollectionViewCell，然后更改其backgroundView 属性，而不是在创建每个单元格时这样做，那么就无需更改selected 值。但这仍然不是一个很好的解决方案。

Answer 1

您不需要集合视图单元格内的按钮来设置它被按下时的突出显示颜色。只需将您的单元格的 selectedBackgroundView 设置为与您的单元格具有相同宽度和高度的视图，然后将该视图指定为您想要突出显示单元格的 backgroundColor。

我做的一个（肮脏的）实现是这样的：

func collectionView(collectionView: UICollectionView, cellForItemAtIndexPath indexPath: NSIndexPath) -> UICollectionViewCell {
    let cell = collectionView.dequeueReusableCellWithReuseIdentifier("CELL", forIndexPath: indexPath) as UICollectionViewCell
    cell.selectedBackgroundView = {
        let bgview = UIView(frame: CGRectMake(0, 0, cell.frame.size.width, cell.frame.size.height))
        bgview.backgroundColor = UIColor.redColor()
        return bgview
    }()
    return cell
}

然后，只需取消选择didSelectItemAtIndexPath 中的单元格。 “按住不放”会自动为你处理，只有当用户抬起手指时才会触发取消选择动画。

我认为这很脏，因为每次将单元格出列以在cellForItemAtIndexPath: 中重用时，您都在设置selectedBackgroundView。我要做的是创建一个UICollectionViewCell 子类，从那里设置它的selectedBackgroundView，然后在集合视图上使用registerNib: 或registerClass: 注册该单元格。

---

添加：更清洁的版本。在您的自定义集合视图单元子类中，分配 backgroundView 和 selectedBackgroundView：

override init(frame: CGRect) {
    super.init(frame: frame)

    self.backgroundView = {
        let view = UIView()
        view.backgroundColor = UIColor.yellowColor()
        return view
    }()

    self.selectedBackgroundView = {
        let view = UIView()
        view.backgroundColor = UIColor.redColor()
        return view
        }()
}

以及你的视图控件、集合视图数据源、委托中的相关方法：

override func viewDidLoad() {
    super.viewDidLoad()
    self.collectionView.registerClass(NSClassFromString("test.CustomCollectionViewCell"), forCellWithReuseIdentifier: "CELL")
}

func collectionView(collectionView: UICollectionView, cellForItemAtIndexPath indexPath: NSIndexPath) -> UICollectionViewCell {
    let cell = collectionView.dequeueReusableCellWithReuseIdentifier("CELL", forIndexPath: indexPath) as UICollectionViewCell
    return cell
}

func collectionView(collectionView: UICollectionView, didSelectItemAtIndexPath indexPath: NSIndexPath) {
    collectionView.deselectItemAtIndexPath(indexPath, animated: true)
}

Answer 2

我找到了一个不错的干净解决方案。 UICollectionViewCells 已经有一个突出显示的状态，可以自动跟踪发生的各种触摸事件。但是没有highlightedBackgroundView 就像有selectedBackgroundView 一样，但是您仍然可以利用高亮状态来修改高亮和取消高亮时的单元格外观。因此，无需在每个单元格中使用 UIButton - UILabel 就可以了。

只需实现几个UICollectionViewDelegate 方法：collectionView:didHighlightItemAtIndexPath: 和collectionView:didUnhighlightItemAtIndexPath:。将backgroundView 属性变为突出显示时更改它，然后在它变为未突出显示时将其设置回nil。