自定义进度指示器 - 从左到右动画子视图颜色叠加

Question

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

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

如何做到这一点？ 我猜我必须创建一个蒙版并将其移动到这个容器 UIView 上？ 但是如何实现遮罩只适用于子视图呢？

编辑：

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

Answer 1

我会按照你描述的方式做相反的事情。我会将您的音频波形绘制为面具，从而揭示它们背后的任何东西。然后在面具后面向右定位/动画一个彩色矩形以指示音乐的进度是微不足道的：

换句话说，颜色不是覆盖层而是底层。