ios - 如何在 UICollectionView 中画一条线？

Question

我想让用户用一个手势选择多个单元格，如果所选单元格组成了一个正确的单词，它将由一条永久绘制的线表示，否则该线将消失。

检查此图像示例:

和视频:https://youtu.be/wzuCo6q8xDY

我的第一种方法是使用 UIPanGestureRecognizer...但它只返回最后选择的单元格...

我如何在 CollectionView 中画一条线并确定画线后面的单元格？

我整天都在想这个问题，想知道是否有人有办法解决这个问题。

我很感激每一点帮助，谢谢:)

Answer 1

完成此操作的最简单方法是将 UIPanGestureRecognizer 用于您的 Collection View。

collectionView.gestureRecognizer(UIPanGestureRecognizer(target: self, action: #selector(handlePan(gesture:))))

handlePan(gesture:) 方法是这样的:

func handlePan(gesture: UIPanGestureRecognizer){
    let indexPath = collectionView.indexPathForItem(at: gesture.location(in: collectionView))

    if let index = indexPath {

        collectionView.selectItem(at: index, animated: true, scrollPosition: UICollectionViewScrollPosition())

    }

}

不要忘记在您的 collectionView 中允许多项选择:

collectionView.allowsMultipleSelection = true

您还可以覆盖 UICollectionViewCell 中的 isSelect 属性:

class CustomCell: UICollectionViewCell {

    override var isSelected: Bool {
        didSet {
            if isSelected {
                backgroundColor = .green
            } else {
                backgroundColor = .blue
            }
        }
    }

}

在这种情况下，我只修改背景，但您可以根据需要进行修改。