iphone - 我可以在 iPhone 中制作径向渐变动画吗？

Question

我想制作一个径向渐变动画来缩小和增大内半径，就像它在脉冲一样。

现在我正在使用 CGGradient 渲染渐变，但我不确定如何为其设置动画。我看过这个话题

Can you animate gradients using Quartz in an iPhone?

这解释了如何使用 CAGradientLayer 对线性渐变进行动画处理，但这似乎不会绘制径向渐变。

有没有一种简单的方法来制作 CGGradient 动画，或者创建径向渐变 CAGradientLayer？

任何想法都值得赞赏。

Answer 1

如果手机上只有 Core Image，那么这将是微不足道的。您需要一个可动画过滤器。 ;-)

CAGradientLayer 确实允许对其属性进行动画处理，但是，它目前仅支持线性渐变。

如果您想使用核心动画制作动画，我唯一能想到的就是为您正在绘制渐变的 View 的变换制作动画。

您可以非常简单地为任何 View 的变换设置动画。只需像您可能已经在做的那样在 View 中绘制渐变，然后使用缩放对变换进行动画处理即可。使用显式动画，它会是这样的:

CABasicAnimation *anim = [CABasicAnimation animationWithKeyPath:@"transform"];
[anim setFromValue:[NSValue valueWithCATransform3D:CATransform3DIdentity]];
// Scale x and y up
[anim setToValue:[NSValue valueWithCATransform3D:
                CATransform3DMakeScale (1.0f, 1.0f,0.0f)]];
[anim setAutoreverses:YES];
[anim setRepeatCount:HUGE_VALF];

[[gradientView layer] addAnimation:anim];

不幸的是，我认为这看起来像是扩张和收缩而不是脉动(尽管我还没有尝试过)。

我认为，如果您希望此时的渐变具有真正的脉冲，您可能必须使用自己的计时器手动执行动画。只需定期重新绘制并更改内半径值即可。啊。我不确定这是唯一的方法，但我还没有在手机上看到具有您想要的渐变效果的引人注目的脉冲动画。

我想在某个时候尝试另一个想法。核心动画现在允许对任意属性/值进行动画处理。理论上，您可以使用您命名的任意键路径(例如，innerRadius)设置动画并覆盖 -drawLayerInContext 委托(delegate)方法。然后，您可以在演示层处于飞行途中时从演示层获取当前值，并在那里重新绘制渐变。这只是理论上的，因为我还没有尝试过，但似乎值得研究一下。

致以诚挚的问候。