怎么在iOS中使用CATransition实现翻页、旋转效果？很多新手对此不是很清楚，为了帮助大家解决这个难题，下面小编将为大家详细讲解，有这方面需求的人可以来学习下，希望你能有所收获。
网站建设哪家好，找创新互联！专注于网页设计、网站建设、微信开发、成都微信小程序、集团企业网站建设等服务项目。为回馈新老客户创新互联还提供了万柏林免费建站欢迎大家使用！
#import@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动画类型：
kCATransitionFade //淡化效果 kCATransitionPush //推进效果 kCATransitionMoveIn //滑入效果 kCATransitionReveal //滑出效果 @"cube" //立方体效果 @"suckEffect" //吮吸效果 @"oglFlip" //翻转效果 @"rippleEffect" //波纹效果 @"pageCurl" //翻页效果 @"pageUnCurl" //反翻页效果 @"cameraIrisHollowOpen" //开镜头效果 @"cameraIrisHollowClose" //关镜头效果
看完上述内容是否对您有帮助呢？如果还想对相关知识有进一步的了解或阅读更多相关文章，请关注创新互联行业资讯频道，感谢您对创新互联的支持。
