怎么在iOS中使用CATransition实现翻页、旋转效果

发布时间:2021-05-31 17:49:49 作者:Leah
来源:亿速云 阅读:229

怎么在iOS中使用CATransition实现翻页、旋转效果?很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。

#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动画类型:

kCATransitionFade   //淡化效果
kCATransitionPush   //推进效果
kCATransitionMoveIn  //滑入效果
kCATransitionReveal  //滑出效果
@"cube"        //立方体效果
@"suckEffect"      //吮吸效果
@"oglFlip"        //翻转效果
@"rippleEffect"      //波纹效果
@"pageCurl"       //翻页效果
@"pageUnCurl"      //反翻页效果
@"cameraIrisHollowOpen"  //开镜头效果
@"cameraIrisHollowClose"  //关镜头效果

看完上述内容是否对您有帮助呢?如果还想对相关知识有进一步的了解或阅读更多相关文章,请关注亿速云行业资讯频道,感谢您对亿速云的支持。

推荐阅读:
  1. iOS培训教程——介绍CATransition创建动画
  2. Bootstrap如何实现翻页效果

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

ios catransition

上一篇:怎么在iOS中自定义相机实现拍照、录制视频

下一篇:使用C++怎么实现静态数据成员

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》