在 iOS 应用程序中使用 CoreAnimation / QuartzCore 动画 UILabel

Question

实际上，我遇到了在 iOS 应用程序中对 UILabel 进行动画处理的问题。 在网上搜索代码片段两天后，仍然没有结果。

我找到的每个示例都是关于如何对 UIImage 进行动画处理，将其作为子视图逐层添加到 UIView 中。有没有关于 UILabel 动画的好例子？ 我通过设置 alpha 属性找到了一个很好的闪烁动画解决方案，如下所示：

我的函数：

- (void)blinkAnimation:(NSString *)animationID finished:(BOOL)finished target:(UIView *)target
{
    NSString *selectedSpeed = [[NSUserDefaults standardUserDefaults] stringForKey:@"EffectSpeed"];
    float speedFloat = (1.00 - [selectedSpeed floatValue]);

    [UIView beginAnimations:animationID context:target];
    [UIView setAnimationDuration:speedFloat];
    [UIView setAnimationDelegate:self];
    [UIView setAnimationDidStopSelector:@selector(blinkAnimation:finished:target:)];

    if([target alpha] == 1.0f)
        [target setAlpha:0.0f];
    else
        [target setAlpha:1.0f];
    [UIView commitAnimations];
}

在 UILabel 上调用我的函数：

[self blinkAnimation:@"blinkAnimation" finished:YES target:labelView];

但是脉冲或缩放动画怎么样？

Answer 1

不幸的是，字体大小不是 NSView 的动画属性。为了缩放 UILabel，您需要使用更高级的 核心动画技术，使用CAKeyframeAnimation：

1. 将 QuartzCore.framework 导入到您的项目，并在代码中#import。
2. 创建一个新的 CAKeyframeAnimation 对象您可以将关键帧添加到。
3. 创建一个 CATransform3D 值来定义缩放操作（不要对 3D 部分感到困惑——您可以使用此对象在图层上进行任何转换）。
4. 通过将变换添加到 CAKeyframeAnimation 对象使用其 setValues 方法。
5. 通过调用其 setDuration 方法设置动画的持续时间
6. 最后，使用 [[yourLabelObject layer] addAnimation:yourCAKeyframeAnimationObject forKey:@"anyArbitraryString"] 将动画添加到标签的图层

最终的代码可能如下所示：

// Create the keyframe animation object
CAKeyframeAnimation *scaleAnimation = 
   [CAKeyframeAnimation animationWithKeyPath:@"transform"];

// Set the animation's delegate to self so that we can add callbacks if we want
scaleAnimation.delegate = self;

// Create the transform; we'll scale x and y by 1.5, leaving z alone 
// since this is a 2D animation.
CATransform3D transform = CATransform3DMakeScale(1.5, 1.5, 1); // Scale in x and y

// Add the keyframes.  Note we have to start and end with CATransformIdentity, 
// so that the label starts from and returns to its non-transformed state.
[scaleAnimation setValues:[NSArray arrayWithObjects:
                  [NSValue valueWithCATransform3D:CATransform3DIdentity],
                  [NSValue valueWithCATransform3D:transform],
                  [NSValue valueWithCATransform3D:CATransform3DIdentity],
                  nil]];

// set the duration of the animation
[scaleAnimation setDuration: .5];

// animate your label layer = rock and roll!
[[self.label layer] addAnimation:scaleAnimation forKey:@"scaleText"];

我将保留重复的“脉冲”动画作为练习：提示，它涉及 animationDidStop 方法！

另请注意 - CALayer 可动画属性的完整列表（其中“变换”是其中之一）可以在 此处。快乐补间！