CATransition类动画

1. - (void)leftClick {
2. [UIView beginAnimations:nil context:nil];
3. //display mode, slow at beginning and end
4. [UIView setAnimationCurve:UIViewAnimationCurveEaseInOut];
5. //动画时间
6. [UIView setAnimationDuration:1.0f];
7. //使用当前正在运行的状态开始下一段动画
8. [UIView setAnimationBeginsFromCurrentState:YES];
9. //给视图添加过渡效果
10. [UIView setAnimationTransition:UIViewAnimationTransitionFlipFromLeft forView:imageView cache:YES];
11. [UIView commitAnimations];
12. }
13. - (void)rightClick {
14. [UIView beginAnimations:nil context:nil];
15. //display mode, slow at beginning and end
16. [UIView setAnimationCurve:UIViewAnimationCurveEaseInOut];
17. //动画时间
18. [UIView setAnimationDuration:1.0f];
19. //使用当前正在运行的状态开始下一段动画
20. [UIView setAnimationBeginsFromCurrentState:YES];
21. //给视图添加过渡效果
22. [UIView setAnimationTransition:UIViewAnimationTransitionFlipFromRight forView:imageView cache:YES];
23. [UIView commitAnimations];
24. }
25. - (void)upClick {
26. [UIView beginAnimations:nil context:nil];
27. //display mode, slow at beginning and end
28. [UIView setAnimationCurve:UIViewAnimationCurveEaseInOut];
29. //动画时间
30. [UIView setAnimationDuration:1.0f];
31. //使用当前正在运行的状态开始下一段动画
32. [UIView setAnimationBeginsFromCurrentState:YES];
33. //给视图添加过渡效果
34. [UIView setAnimationTransition:UIViewAnimationTransitionCurlUp forView:imageView cache:YES];
35. [UIView commitAnimations];
36. }
37. - (void)downClick {
38. [UIView beginAnimations:nil context:nil];
39. //display mode, slow at beginning and end
40. [UIView setAnimationCurve:UIViewAnimationCurveEaseInOut];
41. //动画时间
42. [UIView setAnimationDuration:1.0f];
43. //使用当前正在运行的状态开始下一段动画
44. [UIView setAnimationBeginsFromCurrentState:YES];
45. //给视图添加过渡效果
46. [UIView setAnimationTransition:UIViewAnimationTransitionCurlDown forView:imageView cache:YES];
47. [UIView commitAnimations];
48. }
49. /*
50. CATransition的type属性
51. 1.#define定义的常量
52. kCATransitionFade   交叉淡化过渡
53. kCATransitionMoveIn 新视图移到旧视图上面
54. kCATransitionPush   新视图把旧视图推出去
55. kCATransitionReveal 将旧视图移开,显示下面的新视图
56. 2.用字符串表示
57. pageCurl            向上翻一页
58. pageUnCurl          向下翻一页
59. rippleEffect        滴水效果
60. suckEffect          收缩效果，如一块布被抽走
61. cube                立方体效果
62. oglFlip             上下翻转效果
63. */
64. - (void)MyCAnimation1 {
65. CATransition *animation = [CATransition animation];
66. //动画时间
67. animation.duration = 1.0f;
68. //display mode, slow at beginning and end
69. animation.timingFunction = UIViewAnimationCurveEaseInOut;
70. //过渡效果
71. animation.type = kCATransitionMoveIn;
72. //过渡方向
73. animation.subtype = kCATransitionFromTop;
74. //添加动画
75. [imageView.layer addAnimation:animation forKey:nil];
76. }
77. - (void)MyCAnimation2 {
78. CATransition *animation = [CATransition animation];
79. //动画时间
80. animation.duration = 1.0f;
81. //display mode, slow at beginning and end
82. animation.timingFunction = UIViewAnimationCurveEaseInOut;
83. //在动画执行完时是否被移除
84. animation.removedOnCompletion = NO;
85. //过渡效果
86. animation.type = @"pageCurl";
87. //过渡方向
88. animation.subtype = kCATransitionFromRight;
89. //暂时不知,感觉与Progress一起用的,如果不加,Progress好像没有效果
90. animation.fillMode = kCAFillModeForwards;
91. //动画停止(在整体动画的百分比).
92. animation.endProgress = 0.7;
93. [imageView.layer addAnimation:animation forKey:nil];
94. }
95. - (void)MyCAnimation3 {
96. CATransition *animation = [CATransition animation];
97. //动画时间
98. animation.duration = 1.0f;
99. //display mode, slow at beginning and end
100. animation.timingFunction = UIViewAnimationCurveEaseInOut;
101. //过渡效果
102. animation.type = @"pageUnCurl";
103. //过渡方向
104. animation.subtype = kCATransitionFromRight;
105. //暂时不知,感觉与Progress一起用的,如果不加,Progress好像没有效果
106. animation.fillMode = kCAFillModeBackwards;
107. //动画开始(在整体动画的百分比).
108. animation.startProgress = 0.3;
109. [imageView.layer addAnimation:animation forKey:nil];
110. }
111. - (void)MyCAnimation4 {
112. [NSTimer scheduledTimerWithTimeInterval:3.0f target:self selector:@selector(updateButterfly) userInfo:nil repeats:YES];
113. }
114. - (void)updateButterfly {
115. butterflyView.animationDuration = 0.75f;
116. [self.view addSubview:butterflyView];
117. [butterflyView startAnimating];
118. butterflyView.center = [butterflyView randomCenterInView:self.view withInset:10.0f];
119. }

120. CATransition比较强大，一般可以使用CATransition模拟UIView的动画。

     

          /*  过渡效果
          fade     //交叉淡化过渡(不支持过渡方向)
          push     //新视图把旧视图推出去
          moveIn   //新视图移到旧视图上面
          reveal   //将旧视图移开,显示下面的新视图
          cube     //立方体翻滚效果
          oglFlip  //上下左右翻转效果
          suckEffect   //收缩效果，如一块布被抽走(不支持过渡方向)
          rippleEffect //滴水效果(不支持过渡方向)
          pageCurl     //向上翻页效果
          pageUnCurl   //向下翻页效果
          cameraIrisHollowOpen  //相机镜头打开效果(不支持过渡方向)
          cameraIrisHollowClose //相机镜头关上效果(不支持过渡方向)
         
     */
     
        
     
         
     /*
      过渡方向
          fromRight;
          fromLeft;
          fromTop;
          fromBottom;
         
     */
     
     CATransition *animation = [CATransition animation];
     
     animation.
     delegate = self;
     
     animation.duration = 
     0.5f; 
     //
     动画时长
     
     animation.timingFunction = UIViewAnimationCurveEaseInOut;
     
     animation.fillMode = kCAFillModeForwards;
     
     animation.type = 
     @"
     cube
     "; 
     //
     过度效果
     
     animation.subtype = 
     @"
     formLeft
     "; 
     //
     过渡方向
     
     animation.startProgress = 
     0.0 
     //
     动画开始起点(在整体动画的百分比)
     
     animation.endProgress = 
     1.0;  
     //
     动画停止终点(在整体动画的百分比)
     
     animation.removedOnCompletion = NO;
     
     [self.view.layer addAnimation:animation forKey:
     @"
     animation
     "];