您的位置:首页 > 移动开发 > IOS开发

iOS开发总结之CABasicAnimation

2016-04-30 10:36 633 查看

1.创建图层

#import "ViewController.h"

@interface ViewController ()
@property(strong,nonatomic) CALayer *layer;
@end

@implementation ViewController

- (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;
}


2.demo示例

demo示例1.

- (void)testTransform
{
// 1.创建动画对象
//    CABasicAnimation *anim = [CABasicAnimation animation];
//    // 2.设置动画对象
//    // keyPath决定了执行怎样的动画, 调整哪个属性来执行动画
//    //    anim.keyPath = @"transform.rotation";
//    //    anim.keyPath = @"transform.scale.x";
//    anim.keyPath = @"transform.translation.x";

CABasicAnimation *anim = [CABasicAnimation animationWithKeyPath:@"transform.translation.x"];

anim.toValue = @(200);
//    anim.toValue = [NSValue valueWithCGPoint:CGPointMake(100, 100)];
anim.duration = 2.0; //动画时间

/**让图层保持动画执行完毕后的状态**/
// 动画执行完毕后不要删除动画  这个要和下面的fillMode结合使用 需要将其removedOnCompletion设置为NO,要不然fillMode不起作用
anim.removedOnCompletion = NO;
// 保持最新的状态
anim.fillMode = kCAFillModeForwards; //当动画结束后,layer会一直保持着动画最后的状态

// 3.添加动画
[self.layer addAnimation:anim forKey:nil];
}


效果:

动画开始前:



动画结束后:



demo示例2:

- (void)testRotate
{
// 1.创建动画对象
//     CABasicAnimation *anim = [CABasicAnimation animationWithKeyPath:<#(nullable NSString *)#>
CABasicAnimation *anim = [CABasicAnimation animation];

// 2.设置动画对象
// keyPath决定了执行怎样的动画, 调整哪个属性来执行动画
anim.keyPath = @"transform";
//    anim.fromValue = [NSValue valueWithCGPoint:CGPointMake(0, 0)];
anim.toValue = [NSValue valueWithCATransform3D:CATransform3DMakeRotation(M_PI/3, 1, -1, 0)];
anim.duration = 2.0;

anim.removedOnCompletion = NO; //需要将其removedOnCompletion设置为NO,要不然fillMode不起作用
anim.fillMode = kCAFillModeForwards; //当动画结束后,layer会一直保持着动画最后的状态

// 3.添加动画
[self.layer addAnimation:anim forKey:nil];
}
效果:
动画开始前:



动画结束后:



demo示例3:

- (void)testScale
{
// 1.创建动画对象
//     CABasicAnimation *anim = [CABasicAnimation animationWithKeyPath:<#(nullable NSString *)#>

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;

/**让图层保持动画执行完毕后的状态**/
// 动画执行完毕后不要删除动画  这个要和下面的fillMode结合使用 需要将其removedOnCompletion设置为NO,要不然fillMode不起作用
anim.removedOnCompletion = NO;
// 保持最新的状态
anim.fillMode = kCAFillModeForwards; //当动画结束后,layer会一直保持着动画最后的状态

// 3.添加动画
[self.layer addAnimation:anim forKey:nil];
}


动画开始前:



动画结束后:

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: