您现在的位置是:首页 > 文章详情

iOS:UIView的block函数实现转场动画---双视图

日期:2017-05-27点击:227
使用UIView动画函数实现转场动画——双视图
+ (void)transitionFromView:(UIView *)fromView toView:(UIView *)toView duration:(NSTimeInterval)duration options:(UIViewAnimationOptions)options completion:(void (^)(BOOL finished))completion;
 
参数说明:
–duration:动画的持续时间
–options:转场动画的类型
–animations:将改变视图属性的代码放在这个block中
–completion:动画结束后,会自动调用这个block
 

方法调用完毕后,相当于执行了下面两句代码:

// 添加toView到父视图

[fromView.superview addSubview:toView];

// 把fromView从父视图中移除

[fromView removeFromSuperview];

 

具体实例如下:

实现功能:创建两个子视图view1和view2,分别设置不同的背景颜色,并把它们添加到父视图中,然后创建触摸点击手势,

每次触摸屏幕时,两个视图交替切换显示,即实现转场动画。

代码如下:

//声明属性

复制代码
#import "ViewController.h" @interface ViewController () @property (strong,nonatomic)UIView *view1; @property (strong,nonatomic)UIView *view2; @end
复制代码

//初始化,创建两个子视图,同时创建触摸点击手势并添加手势事件

复制代码
- (void)viewDidLoad { [super viewDidLoad]; //初始化 self.view1 = [[UIView alloc]initWithFrame:self.view.frame]; self.view1.backgroundColor = [UIColor redColor]; //view1背景色为红色 [self.view addSubview:self.view1]; self.view2 = [[UIView alloc]initWithFrame:self.view.frame]; self.view2.backgroundColor = [UIColor greenColor];//view2背景色为绿色 [self.view addSubview:self.view2]; //添加tap手势 UITapGestureRecognizer *tap = [[UITapGestureRecognizer alloc]initWithTarget:self action:@selector(tap:)]; tap.numberOfTapsRequired = 1; tap.numberOfTouchesRequired = 1; [self.view addGestureRecognizer:tap]; }
复制代码

//处理触摸点击手势事件,在block函数中实现双视图转场动画

复制代码
#pragma mark -tap手势事件 -(void)tap:(UITapGestureRecognizer *)sender { //通过判断视图的父视图是否为空,可以知道当前视图是不是正在显示 if (self.view2.superview == nil) { //通过block函数切换子视图(设置动画过渡类型为翻书效果) [UIView transitionFromView:self.view1 toView:self.view2 duration:1.0f options:UIViewAnimationOptionTransitionCurlUp completion:nil];; } else { //通过block函数切换子视图(设置动画过渡类型为翻书效果) [UIView transitionFromView:self.view2 toView:self.view1 duration:1.0f options:UIViewAnimationOptionTransitionCurlUp completion:nil]; } }
复制代码

 

演示结果如下:

开始时:

点击后:

 

动画结束后:

 

还可以接着点击,会变为绿色视图,就不一一演示了。

 

程序猿神奇的手,每时每刻,这双手都在改变着世界的交互方式!
分类:  iOS高级

本文转自当天真遇到现实博客园博客,原文链接:http://www.cnblogs.com/XYQ-208910/p/4886689.html,如需转载请自行联系原作者
原文链接:https://yq.aliyun.com/articles/366161
关注公众号

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。

持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。

转载内容版权归作者及来源网站所有,本站原创内容转载请注明来源。

文章评论

共有0条评论来说两句吧...

文章二维码

扫描即可查看该文章

点击排行

推荐阅读

最新文章