UIImageViewを他の色のアニメーションで塗りつぶします

コードに関する問題のいくつか：

1. maskレイヤーに長方形を追加しますが、レンダリングにはまったく影響しません。フレーム、位置、形などを変更することは決してないので、その目的は明確ではありません。

2. sublayerガラスの形の中にしか見えないはずですよね？ただし、コードでは、これを長方形として定義し、サブビューであるため、ガラス画像の形状によってトリミングされる理由はありません。

3. viewsをレイヤーと呼ばないでください。コードを読んでいる人にとっては混乱を招きます。それは層ではない場合は、それを呼び出すことはありません層と、シンプル。

let layer = UIImageView（image：UIImage（named： "LaunchIcon"））

4. シングルをラップする場合は、CAAnimationGroupは必要ありません CABasicAnimation

実用的な解決策：

実際、ここでCoreAnimationを使用する必要はありませんUIKit。これは、より高いレベルのプレーンで実装できます。この場合の親友は、のマスクプロパティUIViewとanimateWithDurationメソッドです。

class GlassView: UIView {

    let liquidView = UIView() //is going to be animated from bottom to top
    let shapeView = UIImageView() //is going to mask everything with alpha mask

    override init(frame: CGRect) {
        super.init(frame: frame)
        setup()
    }

    required init?(coder aDecoder: NSCoder) {
        super.init(coder: aDecoder)
        setup()
    }

    func setup() {
        self.backgroundColor = UIColor.darkGray
        self.liquidView.backgroundColor = UIColor.orange

        self.shapeView.contentMode = .scaleAspectFit
        self.shapeView.image = UIImage(named: "glass")

        self.addSubview(liquidView)
        self.mask = shapeView

        layoutIfNeeded()
        reset()
    }

    override func layoutSubviews() {
        super.layoutSubviews()

        liquidView.frame = self.bounds
        shapeView.frame = self.bounds            
    }

    func reset() {
        liquidView.frame.origin.y = bounds.height
    }

    func animate() {
        reset()
        UIView.animate(withDuration: 1) {
            self.liquidView.frame.origin.y = 0
        }
    }
}

出力：

使用済みマスク

実装の詳細：

ビューのアルファチャネルは、ビューのコンテンツと背景がどれだけ透けて見えるかを決定します。完全にまたは部分的に不透明なピクセルを使用すると、基になるコンテンツが透けて見えますが、完全に透明なピクセルはそのコンテンツをブロックします。

マスク画像が.png透明な背景に図形を含んでいることを確認してください。