个人中心
gpt4 book ai didi

iOS基于CATransition实现翻页、旋转等动画效果

转载 作者：qq735679552 更新时间：2022-09-28 22:32:09 26 4
gpt4 key购买 nike

CFSDN坚持开源创造价值，我们致力于搭建一个资源共享平台，让每一个IT人在这里找到属于你的精彩世界.

这篇CFSDN的博客文章iOS基于CATransition实现翻页、旋转等动画效果由作者收集整理，如果你对这篇文章有兴趣，记得点赞哟.

基于CATransition实现翻页、旋转、淡化、推进、滑入滑出、立方体、吮吸、波纹等动画效果.

首先看一下效果图:

iOS基于CATransition实现翻页、旋转等动画效果

下面贴上代码

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
#import <UIKit/UIKit.h>
 
@interface ViewController : UIViewController
 
@end
 
#import "ViewController.h"
 
//获得屏幕的宽高
#define mainW [UIScreen mainScreen].bounds.size.width
#define mainH [UIScreen mainScreen].bounds.size.height
 
@interface ViewController ()
 
@property (nonatomic, strong) NSArray *typeArray;
 
@end
 
@implementation ViewController
 
- ( void )viewDidLoad {
  [super viewDidLoad];
 
  self.view.backgroundColor = [UIColor greenColor];
 
  //创建控件
  [self creatControl];
 
  _typeArray = @[kCATransitionFade, kCATransitionPush, kCATransitionMoveIn, kCATransitionReveal, @ "cube" , @ "suckEffect" , @ "oglFlip" , @ "rippleEffect" , @ "pageCurl" , @ "pageUnCurl" , @ "cameraIrisHollowOpen" , @ "cameraIrisHollowClose" ];
}
 
- ( void )creatControl
{
  NSArray *titleArray = @[@ "淡化效果" , @ "推进效果" , @ "滑入效果" , @ "滑出效果" , @ "立方体效果" , @ "吮吸效果" , @ "翻转效果" , @ "波纹效果" , @ "翻页效果" , @ "反翻页效果" , @ "开镜头效果" , @ "关镜头效果" ];
 
  for ( int i = 0; i < titleArray.count; i++) {
   CGFloat X = i % 2 == 0 ? mainW * 0.1 : mainW * 0.6;
   CGFloat Y = 64 + i / 2 * mainW * 0.15;
   UIButton *btn = [[UIButton alloc] initWithFrame:CGRectMake(X, Y, mainW * 0.3, mainW * 0.1)];
   btn.tag = i;
   [btn setBackgroundColor:[UIColor colorWithRed:0.6f green:0.7f blue:0.6f alpha:0.7f]];
   [btn setTitle:titleArray[i] forState:UIControlStateNormal];
   [btn addTarget:self action:@selector(btnOnClick:) forControlEvents:UIControlEventTouchUpInside];
   [self.view addSubview:btn];
  }
}
 
- ( void )btnOnClick:(UIButton *)btn
{
  static int i = 0;
 
  i = i == 0 ? 1 : 0;
  self.view.backgroundColor = i == 0 ? [UIColor greenColor] : [UIColor yellowColor];
 
  //创建CATransition对象
  CATransition *animation = [CATransition animation];
 
  //设置时间
  animation.duration = 1.0f;
 
  //设置类型
  animation.type = _typeArray[btn.tag];
 
  //设置方向
  animation.subtype = kCATransitionFromRight;
 
  //设置运动速度变化
  animation.timingFunction = UIViewAnimationOptionCurveEaseInOut;
 
  [self.view.layer addAnimation:animation forKey:@ "animation" ];
}
 
@end

CATransition.type动画类型:

?
1
2
3
4
5
6
7
8
9
10
11
12
kCATransitionFade   //淡化效果
kCATransitionPush   //推进效果
kCATransitionMoveIn  //滑入效果
kCATransitionReveal  //滑出效果
@ "cube"        //立方体效果
@ "suckEffect"      //吮吸效果
@ "oglFlip"        //翻转效果
@ "rippleEffect"      //波纹效果
@ "pageCurl"       //翻页效果
@ "pageUnCurl"      //反翻页效果
@ "cameraIrisHollowOpen"  //开镜头效果
@ "cameraIrisHollowClose"  //关镜头效果

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我.

原文链接：https://blog.csdn.net/hero_wqb/article/details/51556302 。

最后此篇关于iOS基于CATransition实现翻页、旋转等动画效果的文章就讲到这里了,如果你想了解更多关于iOS基于CATransition实现翻页、旋转等动画效果的内容请搜索CFSDN的文章或继续浏览相关文章，希望大家以后支持我的博客！ 。

26 4 0
文章推荐： iOS下拉、上拉刷新控件的封装
文章推荐： java中为什么要谨慎使用Arrays.asList、ArrayList的subList
文章推荐： Java 自旋锁（spinlock）相关知识总结
文章推荐： iOS开发教程之单例使用问题详析
qq735679552
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com