自定义进度指示器 - Animate子视图从左到右的颜色覆盖

Question

我有一个包含许多列/子视图的容器UIView。

我想在容器UIView上创建一个颜色填充动画，从左到右，如下图所示，所以它会逐渐改变子视图的颜色。

如何实现这一目标？ 我猜我必须创建一个面具并将其移动到这个容器UIView上？ 但那么如何实现掩码仅适用于子视图？

编辑：

这是播放音频文件的进度指示器，因此需要精确指示当前时间位置。 此外，我必须能够拥有不同大小的形状，因为它们代表音频波

Answer 1

我会这样做与你描述的方式相反。我会把你的音频波形绘制成一个面具，从而揭示它们背后的一切。然后，在面具后面右侧定位/动画彩色矩形以表明音乐的进展是微不足道的：

换句话说，颜色不是叠加而是底衬。