iphone - 如何在 iOS 上设置向上移动的渐变动画

Question

我想模仿“Want”iPhone 应用程序背景，我希望 View 循环显示 3 种颜色，比如说红色、蓝色和绿色。

我希望有一个从红色到蓝色再到绿色的渐变，每个 1/3 的屏幕，相互淡入(渐变)，然后，我希望红色从屏幕顶部消失然后重新出现底部。 (见下面的照片...)

动画应该向上移动，我希望渐变向上移动并在屏幕底部重新向上移动。

我尝试使用 CAGradientLayer 并为“colors”属性设置动画，但看起来一切都逐渐消失，不一定离开屏幕。

考虑使用 OpenGL，但不想为了看起来很简单的东西而使用那么低的功能。任何帮助/代码示例将不胜感激。我基本上需要帮助使用 CoreAnimation/CoreGraphics 制作渐变动画。

提前致谢!

Answer 1

如您所见，为 CAGradientLayer 的 colors 属性设置动画只会导致淡入淡出。但是我认为渐变层是可行的方法。您应该查看以下选项:

• 动画化 positions 属性以及/而不是 colors。
• 创建一个更大的渐变层，其中包含完整的动画循环并为其位置设置动画

第二个选项可能会提供最佳性能，因为不需要重新计算梯度。