UICollectionViewCellのFade Inアニメーションを作る


この記事について

UICollectionViewCellのFade Inアニメーションの作り方

How To

UICollectionViewのdelegateの willDisplay メソッドでalphaをアニメーションする。

注意: デフォルトではアニメーション中はuserControllがdisableされるので、optionsに .allowUserInteraction を設定する。これにより、アニメーション中にもスクロールできる。

    override func collectionView(_ collectionView: UICollectionView, willDisplay cell: UICollectionViewCell, forItemAt indexPath: IndexPath) {
        cell.alpha = 0
        UIView.animate(withDuration: 0.5, delay: 0.0, options: .allowUserInteraction, animations: {
            cell.alpha = 1
        }, completion: nil)
    }

Result

*輪郭の形が変わって見えるのはgifデータの問題です