iOS之UI--转场动画
2015-12-14 01:37
531 查看
1.什么是转场动画?
就是从一个场景转换到另一个场景,像导航控制器的push效果,就是一个转场.
2.如何创建转场动画
创建转场动画
CATransition *anim = [CATransition animation];
设置转场类型
anim.type = @"cube";
anim.duration = 1;
设置转场的方向
anim.subtype = kCATransitionFromLeft;
设置动画的开始位置
anim.startProgress = 0.5;
设置动画的结束位置
anim.endProgress =0.8;
添加动画.了
[_imageV.layer addAnimation:anim forKey:nil];
要执行动画的代码称为转场代码.
转场动画要和转场代码写在同一个方法当中才有动画效果.
3.UIView进行转场动画
[UIView transitionWithView:self.imageV duration:1
options:UIViewAnimationOptionTransitionFlipFromRight
animations:^{
转场代码
} completion:^(BOOL finished) {
动画执行完毕时调用.
}];
使用UIView转场的类型比较少.
setType:有四种类型:
kCATransitionFade //交叉淡化过渡
kCATransitionMoveIn //移动覆盖原图
kCATransitionPush //新视图将旧视图推出去
kCATransitionReveal //底部显出来
另一种设置方法
pageCurl //向上翻一页
pageUnCurl //向下翻一页
rippleEffect //滴水效果
suckEffect //收缩效果,如一块布被抽走
cube //立方体效果
oglFlip //上下翻转效果
下面上一个代码实例,先上效果,然后上代码截图:
就是从一个场景转换到另一个场景,像导航控制器的push效果,就是一个转场.
2.如何创建转场动画
创建转场动画
CATransition *anim = [CATransition animation];
设置转场类型
anim.type = @"cube";
anim.duration = 1;
设置转场的方向
anim.subtype = kCATransitionFromLeft;
设置动画的开始位置
anim.startProgress = 0.5;
设置动画的结束位置
anim.endProgress =0.8;
添加动画.了
[_imageV.layer addAnimation:anim forKey:nil];
要执行动画的代码称为转场代码.
转场动画要和转场代码写在同一个方法当中才有动画效果.
3.UIView进行转场动画
[UIView transitionWithView:self.imageV duration:1
options:UIViewAnimationOptionTransitionFlipFromRight
animations:^{
转场代码
} completion:^(BOOL finished) {
动画执行完毕时调用.
}];
使用UIView转场的类型比较少.
setType:有四种类型:
kCATransitionFade //交叉淡化过渡
kCATransitionMoveIn //移动覆盖原图
kCATransitionPush //新视图将旧视图推出去
kCATransitionReveal //底部显出来
另一种设置方法
pageCurl //向上翻一页
pageUnCurl //向下翻一页
rippleEffect //滴水效果
suckEffect //收缩效果,如一块布被抽走
cube //立方体效果
oglFlip //上下翻转效果
下面上一个代码实例,先上效果,然后上代码截图:
相关文章推荐
- Java Map排序——按key和按value
- UICollectionView点击 UICollectionView_基础 九宫格
- Adobe Flash Builder 4.7破解方法
- flexmojos build languageBundle
- UESTC 574 High-level ancients
- UILocalNotification
- 提高Interface Builder高效工作的8个技巧
- handler动态更新UI
- UIScrollView && UIPageControl
- poj 2264 Advanced Fruits dp解LCS的对偶问题
- 第三章 UI开发
- 父与子的编程之旅--EasyGui安装问题解决
- APUE fig 1.10示例代码的完善--对提示符及输入回车的优化
- 在微软学到的几个小技能--孙鹏(MIUI初创工程师)
- C# 跨线程访问或者设置UI线程控件的方法
- job_queue_processes参数讲解
- Leetcode: Range Sum Query - Mutable
- How to Ditch Phone Mode & Get the Full Tablet UI on Your Nexus 7—Without Rooting
- APUE 第八章《进程控制》学习笔记
- UI01-UIView(示例代码)