iOS动画 CABasicAnimation

本文介绍如何利用Core Animation框架中的CALayer、CABasicAnimation及CAAnimationGroup等类来实现包括边界变换、透明度渐变、位置移动、旋转及缩放等多种动画效果,并通过代码示例详细展示了如何设置这些动画的关键属性。

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

首先引入框架:QuartzCore.framework

在头文件声明:CALayer *logoLayer


注意fromValue和toValue是参考的控件的中间位置

{

//界限


CABasicAnimation *boundsAnimation = [CABasicAnimationanimationWithKeyPath:@"bounds"];

boundsAnimation.fromValue = [NSValue valueWithCGRect: logoLayer.bounds];

boundsAnimation.toValue = [NSValue valueWithCGRect:CGRectZero];



//透明度变化

CABasicAnimation *opacityAnimation = [CABasicAnimationanimationWithKeyPath:@"opacity"];

opacityAnimation.fromValue = [NSNumber numberWithFloat:1.0];

opacityAnimation.toValue = [NSNumber numberWithFloat:0.5];

//位置移动


CABasicAnimation *animation  = [CABasicAnimation animationWithKeyPath:@"position"];

animation.fromValue =  [NSValue valueWithCGPoint: logoLayer.position];

CGPoint toPoint = logoLayer.position;

toPoint.x += 180;

animation.toValue = [NSValue valueWithCGPoint:toPoint];

//旋转动画

CABasicAnimation* rotationAnimation =

       [CABasicAnimation animationWithKeyPath:@"transform.rotation.z"];//"z"还可以是“x”“y”,表示沿z轴旋转

rotationAnimation.toValue = [NSNumber numberWithFloat:(2 * M_PI) * 3]; 

    // 3 is the number of 360 degree rotations

// Make the rotation animation duration slightly less than the other animations to give it the feel

// that it pauses at its largest scale value

rotationAnimation.duration = 2.0f;

rotationAnimation.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut]; //缓入缓出



//缩放动画


CABasicAnimation *scaleAnimation = [CABasicAnimation animationWithKeyPath:@"transform.scale"];

scaleAnimation.fromValue = [NSNumber numberWithFloat:0.0];

scaleAnimation.toValue = [NSNumber numberWithFloat:1.0];

scaleAnimation.duration = 2.0f;

scaleAnimation.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut];


CAAnimationGroup *animationGroup = [CAAnimationGroup animation];

animationGroup.duration = 2.0f;

animationGroup.autoreverses = YES;   //是否重播,原动画的倒播

animationGroup.repeatCount = NSNotFound;//HUGE_VALF;     //HUGE_VALF,源自math.h

[animationGroup setAnimations:[NSArray arrayWithObjects:rotationAnimation, scaleAnimation, nil]];



//将上述两个动画编组

[logoLayer addAnimation:animationGroup forKey:@"animationGroup"];

}

//去掉所有动画

[logoLayer removeAllAnimations];

//去掉key动画


[logoLayer removeAnimationForKey:@"animationGroup"];


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值