在两个页面间翻转设置Animation动作的一些总结

简介:

今天碰到两个页面之间翻转的动作设计问题,发现了一些问题,故做个总结,很多都写在注释部分:

1、首先,我们来手动创建两个view以及相应的viewController。是手动,不是用IB

(1)刚开始只加载一个view(第二个),若两个同时加载,第二个页面可能不能完全被遮挡。第二个页面可以通过翻转来显示。

[window addSubview:secodViewController.view];

 

2、要求:每个view页面都有一个按钮,按下之后切换到另一个页面,要求有炫一点的切换效果,故要对Animation属性进行一些设置

 (1)helloWorldViewController.m:

复制代码
 1
2 mySecondViewController *SecondViewController;
3 - (void) btnClicked:(id)sender
4 {
5 SecondViewController=[[mySecondViewController alloc]
6 initWithNibName:@"SecondViewController"
7 bundle:nil];
8
9 //---创建一个翻转页面的动画---
10 //---这个动画的forView属性是UIView,应用与整个view,跟有几个页面无关,只有一个页面仍旧有效果出来---
11 [UIView beginAnimations:@"flipping view" context:nil];
12 [UIView setAnimationDuration:1];
13 [UIView setAnimationCurve:UIViewAnimationCurveEaseIn];
14 [UIView setAnimationTransition: UIViewAnimationTransitionFlipFromLeft//与Left相对
15 forView:self.view.superview cache:YES];//forView:UIView
16
17 //---remove the current view; essentially hiding the view---
18
19 [self.view removeFromSuperview];
//不加这句也可以正常运行,不过程序会一直叠加view,内存浪费!
21 [UIView commitAnimations];//执行动画
22
23
24 }
复制代码

 

(2)secondViewController.m:

复制代码
 1 -(IBAction) btnClicked:(id)sender
2 {
3 helloWorldViewController=[[helloWorldApp alloc]initWithNibName:@"helloWorldApp"
4 bundle:nil];
5 //实例化一个控制器,因为下面addSubView要用到
6 UIAlertView *alert=[[UIAlertView alloc]initWithTitle:nil
7 message:@"你按了SecondView的按钮!"
8 delegate:self
9 cancelButtonTitle:@"done"
10 otherButtonTitles:nil];
11 [alert show];
12 [alert release];
13 //---创建一个翻转页面的动画---
14 [UIView beginAnimations:@"flipping view" context:nil];
15 [UIView setAnimationDuration:1];
16 [UIView setAnimationCurve:UIViewAnimationCurveEaseIn];
17 [UIView setAnimationTransition: UIViewAnimationTransitionFlipFromRight//与Left相对
18 forView:self.view.superview cache:YES];
19
20 //---remove the current view; essentially hiding the view---
21 [self.view addSubview:helloWorldViewController.view];
22
23 [UIView commitAnimations];//执行动画
24
25
26 }
复制代码

UIView是UIWindow、UIScrollBar等的超类,所以这里的self.view.superview就是UIView。所以这里的Animation动画是针对UIView而言的,而不是当前view页面,我觉得这点是最关键的。只有理解了这点,对与该remove还是addsubview就不会晕了。

其实,道理很简单,用土话总结一下:先加载ViewB->在ViewB的Action里面设置好动画,把ViewA加到ViewA (addSubView)->转到了ViewA,设置动画,removeFromSuperView(这里的super就是指ViewA,因为刚刚是SubView,Sub,子,与父对应)->转到ViewA.....循环下去。用更土的话讲,就是第二加载的View要自杀完才回到第一加载的View。

OVER,以后再慢慢加深理解

本文转自编程小翁博客园博客,原文链接:http://www.cnblogs.com/wengzilin/archive/2012/03/01/Animation.html,如需转载请自行联系原作者

相关文章
|
5月前
Framer 使用滚动变体创建动画
Framer 使用滚动变体创建动画
58 0
|
6月前
|
JavaScript
vue 组件封装 | 随鼠标移动的信息框 (含监听鼠标移动、移出事件,获取元素的宽高、获取浏览器的宽高)
vue 组件封装 | 随鼠标移动的信息框 (含监听鼠标移动、移出事件,获取元素的宽高、获取浏览器的宽高)
62 1
|
6月前
|
前端开发
css动画 —— 自定义不规则的动画路径 offset-path (含不规则的动画路径参数获取方法)
css动画 —— 自定义不规则的动画路径 offset-path (含不规则的动画路径参数获取方法)
140 1
|
6月前
|
JavaScript
vue动画——翻转动画(悬浮触发、点击触发)
vue动画——翻转动画(悬浮触发、点击触发)
96 0
|
前端开发 JavaScript 容器
JavaScrpit如何实现弹出遮罩层后将页面固定到当前位置且无法继续滚动
JavaScrpit如何实现弹出遮罩层后将页面固定到当前位置且无法继续滚动
84 0
|
JavaScript
checkbox选中和取消,控制dom元素颜色变化
checkbox选中和取消,控制dom元素颜色变化
73 0
Activity添加进入和退出动画的两种方式,解决黑色区域问题
Activity添加进入和退出动画的两种方式,解决黑色区域问题
|
JavaScript 开发者
动画-小球动画每次重新开始的位置说明|学习笔记
快速学习动画-小球动画每次重新开始的位置说明
|
Dart 开发者
【Flutter】监听滚动动作 控制组件 透明度渐变 ( 移除顶部状态栏空白 | 帧布局组件 | 透明度组件 | 监听滚动组件 )(三)
【Flutter】监听滚动动作 控制组件 透明度渐变 ( 移除顶部状态栏空白 | 帧布局组件 | 透明度组件 | 监听滚动组件 )(三)
240 0
【Flutter】监听滚动动作 控制组件 透明度渐变 ( 移除顶部状态栏空白 | 帧布局组件 | 透明度组件 | 监听滚动组件 )(三)
【Flutter】监听滚动动作 控制组件 透明度渐变 ( 移除顶部状态栏空白 | 帧布局组件 | 透明度组件 | 监听滚动组件 )(一)
【Flutter】监听滚动动作 控制组件 透明度渐变 ( 移除顶部状态栏空白 | 帧布局组件 | 透明度组件 | 监听滚动组件 )(一)
175 0