首页 > 代码库 > iOS核心笔记——核心动画-CATransition
iOS核心笔记——核心动画-CATransition
1、CATransition介绍:
2、简单使用:
2-1、在storyboard中搭建界面:
2-2、实现转场动画:
1.#import "ViewController.h"
2.
3.@interface ViewController ()
4.@property (weak, nonatomic) IBOutlet UIImageView *imageView;
5.
6./** 图片索引 */
7.@property (assign, nonatomic) NSInteger index;
8.@end
9.
10.@implementation ViewController
11.
12.- (void)viewDidLoad {
13. [super viewDidLoad];
14. self.imageView.image = [UIImage imageNamed:@"girl1"];
15.
16.}
17.
18.- (IBAction)next {
19. self.index++;
20. if (self.index == 9) {
21. self.index = 0;
22. }
23. NSString *imageName = [NSString stringWithFormat:@"girl%zd", self.index + 1];
24. self.imageView.image = [UIImage imageNamed:imageName];
25.
26. // 1. 创建动画
27. CATransition *anim = [CATransition animation];
28.
29.// anim.type = kCATransitionMoveIn;
30. anim.type = @"cube";
31.
32. anim.duration = 1.0;
33.
34. // 2. 添加动画
35. [self.imageView.layer addAnimation:anim forKey:nil];
36.}
37.
38.- (IBAction)forward {
39. self.index--;
40. if (self.index == -1) {
41. self.index = 8;
42. }
43. NSString *imageName = [NSString stringWithFormat:@"girl%zd", self.index + 1];
44. self.imageView.image = [UIImage imageNamed:imageName];
45.
46. // 1. 创建动画
47. CATransition *anim = [CATransition animation];
48.
49. // anim.type = kCATransitionMoveIn;
50. anim.type = @"cube";
51. anim.subtype = kCATransitionFromLeft;
52. anim.duration = 1.0;
53.
54. // 2. 添加动画
55. [self.imageView.layer addAnimation:anim forKey:nil];
56.}
57.@end
效果示例图:
iOS核心笔记——核心动画-CATransition
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。