20

我想创建一个 CALayer 动画，它会产生一种“华丽”的效果。为此，我正在尝试为“不透明度”属性设置动画，但我的问题是我不知道从哪里开始以及如何做。

这是动画的图形解释：

opacity
   |    ___
1  |   |   |
   |   |   |    * repeatCount
0  |___|   |_ . . .
   -------------------------> time
    |______|
    duration

不透明度从 0 开始，然后动画到 1，然后再到 0（这个 0 到 1 到 0 的动画需要的秒数等于持续时间）。然后这个过程重复“repeatCount”次。

以下是代码的一些背景：

float duration = ...; // 0.2 secs, 1 sec, 3 secs, etc
int repeactCount = ...; // 1, 2, 5, 6, ect

CALayer* layer = ...; // I have a CALayer from another part of the code
layer.opacity = 0;

// Animation here

done = YES; // IN THE END of the animation set this ivar to yes

实现这一目标的最佳方法是什么？我以前从未使用过 CALayers，所以这也是了解他们的动画系统如何工作的好机会。顺便说一句，我搜索了文档，我了解您如何添加一两个简单的动画，但我不知道如何做这个特定的动画。

4

2 回答 2

47

实现这一点的最佳方法是通过创建一个实例并将其添加到图层来使用显式动画（请参阅指南）。CABasicAnimation

代码看起来像这样：

CABasicAnimation *flash = [CABasicAnimation animationWithKeyPath:@"opacity"];
flash.fromValue = [NSNumber numberWithFloat:0.0];
flash.toValue = [NSNumber numberWithFloat:1.0];
flash.duration = 1.0;        // 1 second
flash.autoreverses = YES;    // Back
flash.repeatCount = 3;       // Or whatever

[layer addAnimation:flash forKey:@"flashAnimation"];

如果您想知道动画何时完成，您可以设置一个委托并实现该animationDidStop:finished:方法，但是最好使用完成块，因为它允许所有代码在同一个位置。如果您正在为 iOS 4 或 OS X 编写代码，那么您可以使用出色的CAAnimationBlocks类别来完成此操作。

于 2012-09-16T17:10:11.523 回答
2

Trojanfoe 的回答非常好。我只想补充一点，如果您想更好地控制“时间线”（淡出需要多长时间？然后我们应该等待多长时间？那么淡入需要多长时间？等等）你是想要将多个CABasicAnimations 组合成一个 CAAnimationGroup。

你可能想阅读我关于这个主题的书章节，最后一部分是关于 CAAnimation 及其后代的教程：

http://www.aeth.com/iOSBook/ch17.html#_core_animation

请注意，我的讨论是针对 iOS 的；在 Mac OS X 上，如果你在那儿，视图/层架构会有些不同，但它所说的关于 CAAnimation 的内容仍然是正确的。

于 2012-09-16T17:20:50.110 回答