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

最新推荐文章于 2022-08-23 14:06:57 发布

weixin_33754913

最新推荐文章于 2022-08-23 14:06:57 发布

阅读量513

点赞数

CC 4.0 BY-SA版权

文章标签：移动开发 python

原文链接：https://my.oschina.net/u/2532565/blog/551227

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

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

2019独角兽企业重金招聘Python工程师标准>>>

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