UILabelの文字にグラデーションのアニメーションをかけたい

Question

古いiPhoneのロック画面のようにUILabelの文字にグラデーションをかけてアニメーションさせたいと考えています。
Objective-cの記事ではこちらの記事を見つけたのですが、Objective-cがわからないのでSwiftで実装できません
Swiftではどのように実装するのでしょうか？

Answer 1

丸投げ案件ではありますが、面白そうなので Swift にしてみました。

import UIKit

class ViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()

        setupGradientView()
    }

    func setupGradientView() {
        let gradientView = UIView(frame: CGRect(x: 0, y: 200, width: 320, height: 300))
        insertGradientLayer(view: gradientView)

        let label = UILabel(frame: CGRect(x: 0, y: 0, width: 320, height: 160))
        label.font = UIFont(name: "DBLCDTempBlack", size: 144)
        label.textColor = UIColor.black
        label.text = "24"
        label.textAlignment = .center
        label.backgroundColor = .clear
        self.view.addSubview(label)                 // この行を消しても動く (a)

        let maskImage = imageFromView(view: label)  // これら 4 行を消しても動く (b)
        let mask = CALayer()                        // が、a と b 両方消すと動かない
        mask.contents = maskImage.cgImage
        mask.frame = CGRect(origin: .zero, size: maskImage.size)

        gradientView.layer.mask = label.layer

        self.view.addSubview(gradientView)
    }

    func insertGradientLayer(view: UIView) {
        let beginColor = UIColor.red
        let endColor = UIColor.blue

        let animation = CABasicAnimation(keyPath: "colors")
        animation.duration = 2.0
        animation.repeatCount = HUGE
        animation.autoreverses = true
        animation.timingFunction = CAMediaTimingFunction(name: .easeInEaseOut)
        animation.fromValue = [beginColor.cgColor, endColor.cgColor]
        animation.toValue = [endColor.cgColor, beginColor.cgColor]

        let gradient = CAGradientLayer()
        gradient.frame = view.bounds
        gradient.colors = [beginColor.cgColor, endColor.cgColor]
        gradient.add(animation, forKey: "colors")

        view.layer.insertSublayer(gradient, at: 0)
    }

    func imageFromView(view: UIView) -> UIImage {
        let renderer = UIGraphicsImageRenderer(bounds: view.bounds)
        return renderer.image { rendererContext in
            view.layer.render(in: rendererContext.cgContext)
        }
    }
}

---

よく考えたら、a と b 両方消して、label を ViewController のプロパティにしても動きますね。
そうすれば label.text を変更するだけで表示も変更できるし。