UI动画练习 - CABasicAnimation：视图绕X/Y轴旋转（3D效果）

视图 3D 旋转

1 - 代码示例：以绕 X 轴旋转为例

 1 #import "ViewController.h"

 2 @interface ViewController ()

 3 @property(strong,nonatomic)UIImageView *logoIV;

 4

 5 @end

 6

 7 @implementation ViewController

 8

 9 - (void)viewDidLoad {

10     [super viewDidLoad];

11     self.view.backgroundColor = [UIColor whiteColor];

12

13     // 视图

14     self.logoIV = [[UIImageView alloc] initWithFrame:CGRectMake(60, 200, self.view.frame.size.width - 120, self.view.frame.size.width - 120)];

15     self.logoIV.backgroundColor = [UIColor yellowColor];

16     [self.view addSubview:_logoIV];

17

18     // 动画配置

19     CABasicAnimation *rotationAnimation;

20     // transform.rotation.y 环 Y 轴立体旋转

21     rotationAnimation = [CABasicAnimation animationWithKeyPath:@"transform.rotation.x"];// 绕 X 轴立体旋转

22     rotationAnimation.toValue = [NSNumber numberWithFloat: M_PI * 2.0 ];

23     rotationAnimation.duration = 3;

24     rotationAnimation.cumulative = YES;

25     rotationAnimation.repeatCount = MAXFLOAT;

26

27     rotationAnimation.removedOnCompletion = NO; // 防止程序 前后台切换后动画静止

28     [self.logoIV.layer addAnimation:rotationAnimation forKey:@"rotationAnimation"];

29     self.logoIV.layer.shadowOpacity = 1; // 阴影透明度

30     self.logoIV.layer.shadowColor = [UIColor blueColor].CGColor;  // 阴影颜色

31     self.logoIV.layer.shadowRadius = 50; // 阴影半径

32     self.logoIV.layer.cornerRadius = (self.view.frame.size.width - 120)*0.5;

33     self.logoIV.layer.borderColor = [UIColor greenColor].CGColor; // 边框颜色

34     self.logoIV.layer.borderWidth = 20;  // 边框半径

35

36 }

37

38

39 @end

运行效果

UI动画练习 - CABasicAnimation：视图绕X/Y轴旋转（3D效果）的相关教程结束。