在点击时切换 UICollectionView 单元格的选择/取消选择状态 - Swift

Question

所以首先，我已经坚持了几天，花了一整天的时间阅读并尝试了 Stack Overflow 上的许多选项，但没有成功

我试图完成的事情听起来很简单，而且在我看来它应该可以工作的 Apple 文档 https://developer.apple.com/library/ios/documentation/UIKit/Reference/UICollectionViewDelegate_protocol/#//apple_ref/occ /intfm/UICollectionViewDelegate/collectionView:shouldHighlightItemAtIndexPath :

基本上我想要实现的是在点击时切换 UICollectionView Cell 的选定状态。

首先点击 - 将单元格发送到选定状态并将背景颜色更改为白色。

第二次点击 - 将单元格发送到取消选择状态并将背景颜色更改为清除

视图控制器 -

 func collectionView(collectionView: UICollectionView, cellForItemAtIndexPath indexPath: NSIndexPath) -> UICollectionViewCell {
    if let cell = collectionView.dequeueReusableCellWithReuseIdentifier("Cell", forIndexPath: indexPath) as? CollectionViewCell {
        cell.cellImage.image = UIImage(named: images[indexPath.row])
        return cell
    } else {
        return CollectionViewCell()
    }
}

func collectionView(collectionView: UICollectionView, didSelectItemAtIndexPath indexPath: NSIndexPath) {
    if let cell = collectionView.cellForItemAtIndexPath(indexPath) as? CollectionViewCell {
        cell.toggleSelectedState()
    }
}

func collectionView(collectionView: UICollectionView, didDeselectItemAtIndexPath indexPath: NSIndexPath) {
    if let cell = collectionView.cellForItemAtIndexPath(indexPath) as? CollectionViewCell {
        cell.toggleSelectedState()
    }
}

细胞 -

    func toggleSelectedState() {
    if selected {
        print("Selected")
        backgroundColor = UIColor.whiteColor()
    } else {
        backgroundColor = UIColor.clearColor()
        print("Deselected")
    }
}

我遇到的问题是在点击已选择的单元格时没有调用 didDeselectItemAtIndexPath，尽管如果我点击另一个单元格，它将被调用并选择新单元格...

我试过检查 shouldSelectItemAtIndexPath 和 shouldDeselectItemAtIndexPath 中的选定状态，我什至尝试编写一个 tapGesture 来解决这个问题，但仍然没有运气......

有什么我想念的吗？或者是否有任何已知的解决方法？任何帮助将不胜感激！

Answer 1

使用 shouldSelectItemAt 并检查集合视图的 indexPathsForSelectedItems 属性来确定是否应该选择或取消选择单元格。

func collectionView(_ collectionView: UICollectionView, shouldSelectItemAt indexPath: IndexPath) -> Bool {
    if let indexPaths = collectionView.indexPathsForSelectedItems, indexPaths.contains(indexPath) {
        collectionView.deselectItem(at: indexPath, animated: true)
        return false
    }

    return true
}