Core Animation(核心动画)CABasicAnimation CAKeyframeAnimation CAAnimationGroup

方法一:CABasicAnimation
{ CALayer *layer = [CALayer layer];
layer.position = CGPointMake(100, 100);
layer.bounds = CGRectMake(0, 0, 100, 100);
layer.backgroundColor = [UIColor redColor].CGColor;
layer.contents = (id)[UIImage imageNamed:@”心”].CGImage;
[self.view.layer addSublayer:layer];
_layer = layer;
}
1.心跳动画的方法
- (void)touchesBegan:(NSSet )touches withEvent:(UIEvent )event
{ // 创建动画对象
CABasicAnimation *anim = [CABasicAnimation animation];
// 设置动画的属性
anim.keyPath = @”transform.scale”;
// 设置属性改变的值
anim.toValue = @0.5;
// 设置动画时长
anim.duration = 0.25;
// 取消反弹
// 动画执行完毕之后不要把动画移除
anim.removedOnCompletion = NO;
// 保持最新的位置
anim.fillMode = kCAFillModeForwards;
// 重复动画的次数
anim.repeatCount = MAXFLOAT;
// 给图层添加了动画
[_layer addAnimation:anim forKey:nil];
}
2.位置移动动画实现的方法
- (void)position
{// 创建动画对象
CABasicAnimation *anim = [CABasicAnimation animation];
// 设置动画的属性
anim.keyPath = @”position”;
// 设置属性改变的值
anim.toValue = [NSValue valueWithCGPoint:CGPointMake(200, 200)];
// 设置动画时长
anim.duration = 2;
// 取消反弹
// 动画执行完毕之后不要把动画移除
anim.removedOnCompletion = NO;
// 保持最新的位置
anim.fillMode = kCAFillModeForwards;
// 给图层添加了动画
[_layer addAnimation:anim forKey:nil];
}

方法二:CAKeyframeAnimation
- (void)touchesBegan:(NSSet )touches withEvent:(UIEvent )event
{ CAKeyframeAnimation *anim = [CAKeyframeAnimation animation];
// 设置动画属性
anim.keyPath = @”position”;
UIBezierPath *path = [UIBezierPath bezierPathWithOvalInRect:CGRectMake(0, 0, 200, 200)];
anim.path = path.CGPath;
anim.duration = 0.25;
// 取消反弹
anim.removedOnCompletion = NO;
anim.fillMode = kCAFillModeForwards;
anim.repeatCount = MAXFLOAT;
[_redView.layer addAnimation:anim forKey:nil];
}
- (void)value
{ CAKeyframeAnimation *anim = [CAKeyframeAnimation animation];
// 设置动画属性
anim.keyPath = @”position”;
NSValue *v1 = [NSValue valueWithCGPoint:CGPointZero];
NSValue *v2 = [NSValue valueWithCGPoint:CGPointMake(160, 160)];
NSValue *v3 = [NSValue valueWithCGPoint:CGPointMake(270, 0)];
anim.values = @[v1,v2,v3];
anim.duration = 2;
[_redView.layer addAnimation:anim forKey:nil];
}

方法三:图标抖动的动画实现
//定义宏
*#define angle2radian(x) ((x) / 180.0 M_PI)

UILongPressGestureRecognizer *longPress = [[UILongPressGestureRecognizer alloc] initWithTarget:self action:@selector(longPress:)];
[_imageView addGestureRecognizer:longPress];
}
- (void)longPress:(UILongPressGestureRecognizer *)longPress
{
if (longPress.state == UIGestureRecognizerStateBegan) {
CAKeyframeAnimation *anim = [CAKeyframeAnimation animation];
anim.keyPath = @”transform.rotation”;
anim.values = @[@(angle2radian(-5)),@(angle2radian(5)),@(angle2radian(-5))];
anim.repeatCount = MAXFLOAT;
anim.duration = 0.5;
[_imageView.layer addAnimation:anim forKey:nil];
}
}

方法四:翻转动画
在编写以下代码时先掉入4张图片
{ _index = 1;
}
- (void)touchesBegan:(NSSet )touches withEvent:(UIEvent )event
{ _index++;
if (_index == 4) {
_index = 1;
}
NSString *fileName = [NSString stringWithFormat:@”%d”,_index];
_imageView.image = [UIImage imageNamed:fileName];
CATransition *anim = [CATransition animation];
anim.type = @”pageCurl”;
anim.subtype = kCATransitionFromLeft;
// anim.startProgress = 0.5;
anim.duration = 2;
[_imageView.layer addAnimation:anim forKey:nil];
}

方法五:动画组CAAnimationGroup:可以同时执行多个动画
- (void)touchesBegan:(NSSet )touches withEvent:(UIEvent )event
{
//动画1
CABasicAnimation *rotation = [CABasicAnimation animation];
rotation.keyPath = @”transform.rotation”;
rotation.toValue = @M_PI_2;
//动画2
CABasicAnimation *position = [CABasicAnimation animation];
position.keyPath = @”position”;
position.toValue = [NSValue valueWithCGPoint:CGPointMake(100, 250)];
//动画3
CABasicAnimation *scale = [CABasicAnimation animation];
scale.keyPath = @”transform.scale”;
scale.toValue = @0.5;
//将动画加到动画组
CAAnimationGroup *group = [CAAnimationGroup animation];
group.animations = @[rotation,position,scale];
group.duration = 2;
// 取消反弹
group.removedOnCompletion = NO;
group.fillMode = kCAFillModeForwards;
[_redView.layer addAnimation:group forKey:nil];
}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值