点击时无法为选定的集合视图单元格设置动画

Question

This is a simple question and I can't seem to solve the problem.

I have a list of cells in a collection view and when I tap it I just want the cell to highlight for a bit then disappear just an animation for tapping.

I've tried changing the background in my didSelectItemAt but it seemed to be highlighting the wrong cell.

override func collectionView(_ collectionView: UICollectionView, didSelectItemAt indexPath: IndexPath) {
let cell = collectionView.cellForItem(at: indexPath)
        UIView.animate(withDuration: 0.5, animations: {
            cell?.backgroundColor = .lightGray
        }, completion: {
            (value: Bool) in
            cell?.backgroundColor = .white
        })
}

Also tried multiple things I found from stack and it wasn't working.

Answer 1

BackgroundColor is not animatable for any cell. One solution is to set backgroundView color and animate its alpha. You could also insert your own views as backgrounds and animate their alphas in opposite directions to create the change.

override func collectionView(_ collectionView: UICollectionView, didSelectItemAt 
indexPath: IndexPath) {
let cell = collectionView.cellForItem(at: indexPath)
    UIView.animate(withDuration: 0.5, animations: {
        cell?.backgroundColor = UIColor.lightGray.cgColor
    }, completion: {
        (value: Bool) in
        cell?.layer.backgroundColor = UIColor.white.cgColor
    })
}

Answer 2

• You can show that with the help of alpha property as suggested

  UIView.animate(withDuration: 0.5, animations: { cell.backgroundColor = .darkGray cell.alpha = 0.7 }, completion: { (value: Bool) in cell.alpha = 1 }) }