本文共 1445 字，大约阅读时间需要 4 分钟。

CALayer 动画实践指南

在 iOS 开发中，CALayer 和 CABasicAnimation 是实现 UI 动画的强大工具。本文将详细讲解如何通过这些技术实现常见动画效果。

1. CALayer 动画的基本使用

首先，我们需要创建一个 CALayer 实例。通过以下代码可以实现：

CALayer *scaleLayer = [[CALayer alloc] init];
scaleLayer.backgroundColor = [UIColor blueColor].CGColor;
scaleLayer.frame = CGRectMake(100, 100, 50, 50);
scaleLayer.cornerRadius = 10;
[self.view.layer addSublayer:scaleLayer];

接着，使用 CABasicAnimation 实现缩放效果：

CABasicAnimation *scaleAnimation = [CABasicAnimation animationWithKeyPath:@"transform.scale"];
scaleAnimation.fromValue = [NSNumber numberWithFloat:1.0];
scaleAnimation.toValue = [NSNumber numberWithFloat:1.5];
scaleAnimation.autoreverses = YES;
scaleAnimation.fillMode = kCAFillModeForwards;
scaleAnimation.repeatCount = MAXFLOAT;
scaleAnimation.duration = 0.8;
[scaleLayer addAnimation:scaleAnimation forKey:@"scaleAnimation"];

2. 视图旋转动画的实现

如果你想让 UI 组件（如按钮或图片）动起来，可以直接作用于 UIView 的层。以下是旋转示例：

UIView *v = [[UIView alloc]initWithFrame:CGRectMake(200, 100, 50, 50)];
v.backgroundColor = [UIColor redColor];
[self.view addSubview:v];
CABasicAnimation *an2 = [CABasicAnimation animationWithKeyPath:@"transform.rotation"];
an2.fromValue = 0;
an2.toValue = [NSNumber numberWithFloat:M_PI*2];
an2.repeatCount = MAXFLOAT;
an2.duration = 0.8;
[v.layer addAnimation:an2 forKey:@"caan"];

3. 技巧总结

在实际开发中：

• 所有 UIView 都继承 CALayer 属性，因此可以直接作用于视图层。
• 动画效果更复杂时，可以组合多个 CABasicAnimation 实例。
• 性能优化时，注意设置 repeatCount 和 fillMode，避免不必要的重复渲染。

通过以上方法，你可以轻松实现各种动画效果，丰富用户体验。

转载地址：http://sfhfk.baihongyu.com/