セルにグラデーションを設定する

Question

【したいこと】

COllectionViewを使って2列で表示している各セルのUIImageViewにグラデーションを設定したいです

【困っていること】

以下の2つの方法を取っています

• グラデーションを設定するメソッドをCellクラスに書き出してCellForItemAtで呼び出す
• CellクラスのimageViewをlazy var　で生成する中でグラデーションを設定する

ですが、１つ目のやり方だと毎回毎回グラデーションが設定されるためかグラデーションが濃くなる
2つ目のやり方だとそもそもグラデーションが表示されない

【コード】
以下それぞれのコードです

1つ目のやり方
これをCellForItemAt内で呼び出す

    func setupGradationLayer() {
        let gradationLayer = CAGradientLayer()
        let startColor = UIColor.clear.cgColor
        let endColor = UIColor.black.cgColor
        gradationLayer.colors = [startColor, endColor]
        gradationLayer.startPoint = CGPoint(x: 0.0, y: 0.0)
        gradationLayer.endPoint = CGPoint(x: 0.0, y: 1.0)
        gradationLayer.frame = CGRect(x: 0, y: 1, width: imageView.bounds.size.width, height: 100)
        imageView.layer.addSublayer(gradationLayer)
    }

2つ目のやり方。
これをaddsubしてコードautolayoutするのを override init(frame: CGRect)内で行う

    lazy var imageView: UIImageView = {
        let imageView = UIImageView()
        imageView.contentMode = .scaleAspectFill
        imageView.layer.cornerRadius = frame.width * 0.05
        imageView.clipsToBounds = true
        let gradationLayer = CAGradientLayer()
        let startColor = UIColor.clear.cgColor
        let endColor = UIColor.black.cgColor
        gradationLayer.colors = [startColor, endColor]
        gradationLayer.startPoint = CGPoint(x: 0.0, y: 0.0)
        gradationLayer.endPoint = CGPoint(x: 0.0, y: 1.0)
        gradationLayer.frame = CGRect(x: 0, y: 0, width: imageView.bounds.size.width, height: imageView.bounds.size.height)
        imageView.layer.addSublayer(gradationLayer)
        return imageView
    }()

Answer 1

１つ目のやり方だと毎回毎回グラデーションが設定されるためかグラデーションが濃くなる

であれば、一度だけ実行するようにすればいいです。
フラグでもいいですし、レイヤーの数をカウントしてもいいです。

2つ目のやり方だとそもそもグラデーションが表示されない

これは親のUIImageViewのboundsがデフォルトでCGRect.zeroになっていることと、それが更新されても、サブレイヤーのboundsが追従しないからです（ずっとCGRect.zeroのまま）。
なんとか追従するようにするか、最初からUIImageViewのサイズが求まるのでしたらframeの値を初期化すればよいです。

Comments

[A2wwM]

ありがとうございます

datasourceに準拠するクラスでvar count = 0と定義して`cellforitemat`で
if count == 0{
グラデーションメソッド()
count += 1
}
return cell

と書きました
確かに1回しか入りませんが、これだとグラデーションが表示されなかったです

[takabosoft]

じゃあどのみちUIImageViewのサイズとの追従が取れていないだけですね。

[A2wwM]

ありがとうございます
違う方法で解決しました