iOS动画效果和实现
2015-05-22 09:15
225 查看
动画效果提供了状态或页面转换时流畅的用户体验,在iOS系统中,咱们不需要自己编写绘制动画的代码,Core Animation提供了丰富的api来实现你需要的动画效果。
UIKit只用UIView来展示动画,动画支持UIView下面的这些属性改变:
frame
bounds
center
transform
alpha
backgroundColor
contentStretch
![](http://img.my.csdn.net/uploads/201303/20/1363764235_7744.jpg)
下面是点击改变后的效果(两种):
![](http://img.my.csdn.net/uploads/201303/20/1363764243_3058.jpg)
动画的常量有一下四种
![](http://img.my.csdn.net/uploads/201303/20/1363764302_5820.jpg)
1.2 交换本视图控制器中2个view位置
[self.view exchangeSubviewAtIndex:1
withSubviewAtIndex:0];
先添加两个view ,一个redview 一个yellowview
![](http://img.my.csdn.net/uploads/201303/20/1363764338_9823.jpg)
![](http://img.my.csdn.net/uploads/201303/20/1363764360_5336.jpg)
![](http://img.my.csdn.net/uploads/201303/20/1363764371_4318.png)
这样看起来就像两页一样了。
1.3 、[UIView setAnimationDidStopSelector:@selector(animationFinish:)];
在commitAnimations消息之前,可以设置动画完成后的回调,设置方法是:
[UIView setAnimationDidStopSelector:@selector(animationFinish:)];
![](http://img.my.csdn.net/uploads/201303/20/1363764617_9694.jpg)
transition.type 的类型可以有
淡化、推挤、揭开、覆盖
NSString * const kCATransitionFade;
NSString * const kCATransitionMoveIn;
NSString * const kCATransitionPush;
NSString * const kCATransitionReveal;
这四种,
transition.subtype
也有四种
NSString * const kCATransitionFromRight;
NSString * const kCATransitionFromLeft;
NSString * const kCATransitionFromTop;
NSString * const kCATransitionFromBottom;
![](http://img.my.csdn.net/uploads/201303/20/1363764655_9856.jpg)
2.2 私有的类型的动画类型:
立方体、吸收、翻转、波纹、翻页、反翻页、镜头开、镜头关。
![](http://img.my.csdn.net/uploads/201303/20/1363764759_8030.jpg)
下图是第一个cube立方体的效果:
![](http://img.my.csdn.net/uploads/201303/20/1363764750_5743.png)
2.3 CATransition的 startProgress endProgress属性
这两个属性是float类型的。
可以控制动画进行的过程,可以让动画停留在某个动画点上,值在0.0到1.0之间。endProgress要大于等于startProgress。
比如上面的立方体转到,可以设置endProgress= 0.5,让动画停留在转动一般的位置。
上面这些私有的动画效果,在实际应用中要谨慎使用。因为在app store审核时可能会以为这些动画效果而拒绝通过。
方法。
这个方法是在iOS4.0之后才支持的。
比 1 里的UIView的方法简洁方便使用。
DidView里添加moveView。
![](http://img.my.csdn.net/uploads/201303/20/1363764856_5092.png)
![](http://img.my.csdn.net/uploads/201303/20/1363764868_6115.png)
然后用UIView animateWithDuration动画移动,移动动画完毕后添加一个Label。
3.2、 animateWithDuration的嵌套使用
![](http://img.my.csdn.net/uploads/201303/20/1363764919_6592.jpg)
这个嵌套的效果是先把view变成透明,在从透明变成不透明,重复2.5次透明到不透明的效果。
UIKit只用UIView来展示动画,动画支持UIView下面的这些属性改变:
frame
bounds
center
transform
alpha
backgroundColor
contentStretch
1、commitAnimations方式使用UIView动画
![](http://img.my.csdn.net/uploads/201303/20/1363764235_7744.jpg)
下面是点击改变后的效果(两种):
![](http://img.my.csdn.net/uploads/201303/20/1363764243_3058.jpg)
动画的常量有一下四种
![](http://img.my.csdn.net/uploads/201303/20/1363764302_5820.jpg)
1.2 交换本视图控制器中2个view位置
[self.view exchangeSubviewAtIndex:1
withSubviewAtIndex:0];
先添加两个view ,一个redview 一个yellowview
![](http://img.my.csdn.net/uploads/201303/20/1363764338_9823.jpg)
![](http://img.my.csdn.net/uploads/201303/20/1363764360_5336.jpg)
![](http://img.my.csdn.net/uploads/201303/20/1363764371_4318.png)
这样看起来就像两页一样了。
1.3 、[UIView setAnimationDidStopSelector:@selector(animationFinish:)];
在commitAnimations消息之前,可以设置动画完成后的回调,设置方法是:
[UIView setAnimationDidStopSelector:@selector(animationFinish:)];
2、使用:CATransition
![](http://img.my.csdn.net/uploads/201303/20/1363764617_9694.jpg)
transition.type 的类型可以有
淡化、推挤、揭开、覆盖
NSString * const kCATransitionFade;
NSString * const kCATransitionMoveIn;
NSString * const kCATransitionPush;
NSString * const kCATransitionReveal;
这四种,
transition.subtype
也有四种
NSString * const kCATransitionFromRight;
NSString * const kCATransitionFromLeft;
NSString * const kCATransitionFromTop;
NSString * const kCATransitionFromBottom;
![](http://img.my.csdn.net/uploads/201303/20/1363764655_9856.jpg)
2.2 私有的类型的动画类型:
立方体、吸收、翻转、波纹、翻页、反翻页、镜头开、镜头关。
![](http://img.my.csdn.net/uploads/201303/20/1363764759_8030.jpg)
下图是第一个cube立方体的效果:
![](http://img.my.csdn.net/uploads/201303/20/1363764750_5743.png)
2.3 CATransition的 startProgress endProgress属性
这两个属性是float类型的。
可以控制动画进行的过程,可以让动画停留在某个动画点上,值在0.0到1.0之间。endProgress要大于等于startProgress。
比如上面的立方体转到,可以设置endProgress= 0.5,让动画停留在转动一般的位置。
上面这些私有的动画效果,在实际应用中要谨慎使用。因为在app store审核时可能会以为这些动画效果而拒绝通过。
3、UIView的 + (void)animateWithDuration
:(NSTimeInterval)duration animations:(void (^)(void))animations completion:(void (^)(BOOL finished))completion方法。
这个方法是在iOS4.0之后才支持的。
比 1 里的UIView的方法简洁方便使用。
DidView里添加moveView。
![](http://img.my.csdn.net/uploads/201303/20/1363764856_5092.png)
![](http://img.my.csdn.net/uploads/201303/20/1363764868_6115.png)
然后用UIView animateWithDuration动画移动,移动动画完毕后添加一个Label。
3.2、 animateWithDuration的嵌套使用
![](http://img.my.csdn.net/uploads/201303/20/1363764919_6592.jpg)
这个嵌套的效果是先把view变成透明,在从透明变成不透明,重复2.5次透明到不透明的效果。
相关文章推荐
- iOS开发-UIView之动画效果的实现方法(合集)
- iOS动画实现:弹簧效果
- HTML5+CSS3实现iOS Path菜单特效,动画效果很酷
- iOS动画效果和实现
- iOS动画效果和实现
- 轻松实现Android,iOS的一个手势动画效果
- IOS开发-UIView之动画效果的实现方法(一)
- iOS使用xib手动实现动画效果
- iOS使用UICountingLabel实现数字变化的动画效果
- IOS 实现3D 浮动效果动画
- 学习iOS动画效果并实现在viewController的转跳上
- iOS的动画效果类型及实现方法
- iOS开发仿淘宝添加到购物车的动画效果实现
- iOS动画效果和实现
- 【iOS开发-9】UIImage和UIImageView属性介绍,实现图片动画,实现开始/停止按钮效果
- IOS开发之UIView动画效果的实现
- IOS开发-UIView之动画效果的实现方法(合集)
- iOS开发之iOS中的动画实现,通过CAShapeLayer、CAShapeLayer,CAReplicatorLayer实现炫酷的动画、雷达效果,波纹效果,咻一咻效果。iOS核心动画实现。
- iOS的GIF动画效果实现
- IOS开发-UIView之动画效果的实现方法(合集)