Core Animation的相关知识

最新推荐文章于 2024-04-01 09:05:00 发布

转载最新推荐文章于 2024-04-01 09:05:00 发布 · 359 阅读

ios基础专栏收录该内容

3 篇文章

订阅专栏

本文详细介绍了iOS开发中使用Core Animation和CALayer进行动画制作的方法，包括如何在layer中添加图片，实现平移、缩放、旋转等动画效果，以及通过CAPropertyAnimation实现更复杂的动画如抖动效果和自定义旋转。此外，还探讨了CATransition的使用，为开发者提供了一站式解决方案来丰富UI交互体验。

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

1、CALayer: 猫猫学IOS（三十七）UI之CALayer

在layer中添加图片：layer.contents = (id)[UIImage imageName:].CGImage

2、CoreAnimation：猫猫学IOS（三十八）UI之核心动画简介

3、CAPropertyAnimation：子类1：CABaisicAnimation: 核心动画之CABasicAnimation（基础动画）

子类2：CAKeyframeAnimation:核心动画_抖动效果_CAKeyframeAnimation

上文中的方法用M_PI *2后不能动了，改用下面的方法可以旋转360度 :

rotateAnimation.keyPath = @"transform.rotation.z"

rotationAnimation.toValue = [NSNumber numberWithDouble: M_PI *2 ];

平移：法1：

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

anim.fromValue = [NSValue valueWithCGPoint:CGPointMake(50, 80)];
anim.toValue = [NSValue valueWithCGPoint:CGPointMake(300, 350)];
[_myView.layer addAnimation:anim forKey:@"translate"];
    法2:
CABasicAnimation *anim = [CABasicAnimation animationWithKeyPath:@"transform"];
CATransform3D form = CATransform3DMakeTranslation(350, 350, 0);
anim.toValue = [NSValue valueWithCATransform3D:form];
 
[_myView.layer addAnimation:anim forKey:nil];
    法3:

CABasicAnimation* windMillBasic = [CABasicAnimation animation];
    windMillBasic.keyPath = @"transform.rotation.z";
    windMillBasic.toValue = [NSNumber numberWithDouble:M_PI * 2.0];
    [_windMill.layer addAnimation:windMillBasic forKey:nil];
缩放：@"bounds"  [NSValue valueWithCGRect:CGRectMake(0, 0, 30, 30)];
@"transform"

[NSValue valueWithCATransform3D:CATransform3DMakeScale(2, 1.5, 1)];

旋转：
@"transform"
[NSValue valueWithCATransform3D:CATransform3DMakeRotation(M_PI_4, 0, 0, 1)];

4、CATransition:UI之核心动画之CATransition

5、CAAnimationGroud:http:UI之核心动画CAAnimationGroup以及其他