CABasicAnimation 的使用

最新推荐文章于 2019-04-10 16:41:02 发布

原创最新推荐文章于 2019-04-10 16:41:02 发布 · 299 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍如何使用CALayer实现iOS中的各种动画效果，包括平移、旋转、缩放等，并详细展示了通过CABasicAnimation设置动画参数的具体步骤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

@interface MJViewController ()

@property (nonatomic, strong) CALayer *layer;

@end

@implementation MJViewController

- (void)viewDidLoad

{

[super viewDidLoad];

CALayer *layer = [CALayer layer];

layer.position = CGPointMake(100, 100);

layer.bounds = CGRectMake(0, 0, 100, 100);

layer.backgroundColor = [UIColor redColor].CGColor;

[self.view.layer addSublayer:layer];

self.layer = layer;

}

- (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event

{

[self testTranslate];

}

- (void)testTransform

{

// 1.创建动画对象

CABasicAnimation *anim = [CABasicAnimation animation];

// 2.设置动画对象

// keyPath决定了执行怎样的动画, 调整哪个属性来执行动画

// anim.keyPath = @"transform.rotation";

// anim.keyPath = @"transform.scale.x";

anim.keyPath = @"transform.translation.x";

anim.toValue = @(100);

// anim.toValue = [NSValue valueWithCGPoint:CGPointMake(100, 100)];

anim.duration = 2.0;

anim.removedOnCompletion = NO;

anim.fillMode = kCAFillModeForwards;

// 3.添加动画

[self.layer addAnimation:anim forKey:nil];

}

//旋转的动画

- (void)testRotate

{

// 1.创建动画对象

CABasicAnimation *anim = [CABasicAnimation animation];

// 2.设置动画对象

// keyPath决定了执行怎样的动画, 调整哪个属性来执行动画

anim.keyPath = @"transform";

// anim.fromValue = [NSValue valueWithCGPoint:CGPointMake(0, 0)];

anim.toValue = [NSValue valueWithCATransform3D:CATransform3DMakeRotation(M_PI, 1, -1, 0)];

anim.duration = 2.0;

anim.removedOnCompletion = NO;

anim.fillMode = kCAFillModeForwards;

// 3.添加动画

[self.layer addAnimation:anim forKey:nil];

}

//缩放的动画

- (void)testScale

{

// 1.创建动画对象

CABasicAnimation *anim = [CABasicAnimation animation];

// 2.设置动画对象

// keyPath决定了执行怎样的动画, 调整哪个属性来执行动画

anim.keyPath = @"bounds";

// anim.fromValue = [NSValue valueWithCGPoint:CGPointMake(0, 0)];

anim.toValue = [NSValue valueWithCGRect:CGRectMake(0, 0, 200, 200)];

anim.duration = 2.0;

/**让图层保持动画执行完毕后的状态**/

// 动画执行完毕后不要删除动画

anim.removedOnCompletion = NO;

// 保持最新的状态

anim.fillMode = kCAFillModeForwards;

// 3.添加动画

[self.layer addAnimation:anim forKey:nil];

}

//平移动画，表示图层位置的变换

- (void)testTranslate

{

// 1.创建动画对象

CABasicAnimation *anim = [CABasicAnimation animation];

// 2.设置动画对象

// keyPath决定了执行怎样的动画, 调整哪个属性来执行动画

anim.keyPath = @"position";

// anim.fromValue = [NSValue valueWithCGPoint:CGPointMake(0, 0)];

// toValue : 最终变成什么值

// byValue : 增加多少值

anim.byValue = [NSValue valueWithCGPoint:CGPointMake(200, 300)];

anim.duration = 2.0;

/**让图层保持动画执行完毕后的状态**/

// 动画执行完毕后不要删除动画

anim.removedOnCompletion = NO;

// 保持最新的状态

anim.fillMode = kCAFillModeForwards;

// 3.添加动画

[self.layer addAnimation:anim forKey:nil];

}