IOS开发CAKeyframeAnimation的基本使用与keypath的列举

本文详细介绍了CAKeyframeAnimation和CABasicAnimation的区别,并通过示例代码展示了如何使用CAKeyframeAnimation实现复杂的路径动画效果。此外,还列举了keyPath可以使用的多个属性关键字。

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

CAKeyframeAnimation跟CABasicAnimation的区别是:CABasicAnimation只能从一个数值(fromValue)变到另一个数值(toValue),而CAKeyframeAnimation会使用一个NSArray保存这些数值

- (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];
}
-(void)path
{
 
    
    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];
}
keyPath可以使用的key 
#define angle2Radian(angle) ((angle)/180.0*M_PI) 

transform.rotation.x 围绕x轴翻转 参数:角度 angle2Radian(5) 
transform.rotation.y 围绕y轴翻转 参数:同上 
transform.rotation.z 围绕z轴翻转 参数:同上 
transform.rotation 默认围绕z轴 
transform.scale.x x方向缩放 参数:缩放比例 1.5 
transform.scale.y y方向缩放 参数:同上 
transform.scale.z z方向缩放 参数:同上 
transform.scale 所有方向缩放 参数:同上 
transform.translation.x x方向移动 参数:x轴上的坐标 100 
transform.translation.y x方向移动 参数:y轴上的坐标 
transform.translation.z x方向移动 参数:z轴上的坐标 
transform.translation 移动 参数:移动到的点 (100,100) 
opacity 透明度 参数:透明度 0.5 
backgroundColor 背景颜色 参数:颜色 (id)[[UIColor redColor] CGColor] 
cornerRadius 圆角 参数:圆角半径 5 
borderWidth 边框宽度 参数:边框宽度 5 
bounds 大小 参数:CGRect 
contents 内容 参数:CGImage 
contentsRect 可视内容 参数:CGRect 值是0~1之间的小数 
hidden 是否隐藏 
position 
shadowColor 
shadowOffset 
shadowOpacity 
shadowRadius


转载于:https://my.oschina.net/u/2532565/blog/551227

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值