用渐变填充多个 UIView

Question

我有一个带有液体容器的杯子，由两个 UIView 组成——一个用于液体主体，一个用于表面上的动画波浪。液体容器被遮盖成杯状。

有什么方法可以用一种颜色（最好是渐变）填充主要液体和波浪视图以有效地合并它们？这可以用另一个面具来完成吗？

Answer 1

如果我理解正确：

• 您的主体液体视图和波浪视图作为子视图添加到容器视图。
• 您已向该容器视图 (liquidContainer) 添加了一个遮罩
• 然后您已将liquidContainer 添加到另一个主视图中，在该主视图中您也将杯子作为子视图

如果是这种情况，您可以尝试将CAGradientLayer 作为子层添加到容器视图的层：

    let gradient = CAGradientLayer()

    gradient.startPoint = someStartPoint
    gradient.endPoint = someEndPoint
    gradient.frame = someFrame
    gradient.colors = someColorsArray //note that it uses CGColor if you use UIColor it won't work
    liquidContainerView.layer.addSublayer(gradient)

如果我误解了您的视图层次结构，何不尝试在您的设置中重现此层次结构，看看它是否有效。