iPhone应用开发之十一:常用的三种动画表现效果
2012-10-24 10:02
330 查看
在iPhone开发中,我们常常需要在不同的页面之间做动画的切换,这样看起来更加好看。基本的动画有以下三种:
1.UIView
UIView官方提供五种动画效果供大家使用,分别为:
UIViewAnimationTransitionNone 不使用动画UIViewAnimationTransitionFlipFromLeft 从左向右旋转翻页UIViewAnimationTransitionFlipFromRight 从右向左旋转翻页,与UIViewAnimationTransitionFlipFromLeft相反UIViewAnimationTransitionCurlUp 卷曲翻页,从下往上UIViewAnimationTransitionCurlDown
卷曲翻页,从上往下
例子:
[csharp] view
plaincopy
[UIView beginAnimations:@"animationID" context:nil];//开始一个动画块,第一个参数为动画块标识
[UIView setAnimationDuration:0.5f];//设置动画的持续时间
[UIView setAnimationCurve:UIViewAnimationCurveEaseInOut];//设置动画块中的动画属性变化的曲线,此方法必须在beginAnimations方法和commitAnimations,默认即为UIViewAnimationCurveEaseInOut效果。详细请参见UIViewAnimationCurve
[UIView setAnimationRepeatAutoreverses:NO];//设置是否自动反转当前的动画效果
[UIView setAnimationTransition:UIViewAnimationTransitionFlipFromLeft forView:self.view cache:YES];//设置过渡的动画效果,此处第一个参数可使用上面5种动画效果
[self.view exchangeSubviewAtIndex:1 withSubviewAtIndex:0];//页面翻转
[UIView commitAnimations];//提交动画
这样,我们就可以让UIView的页面通过动画实现页面之间的跳转。
2. CATransiton
CATransiton官方提供4种动画效果,分别为:
NSString * const kCATransitionFade;//渐渐消失
NSString * const kCATransitionMoveIn;//覆盖进入
NSString * const kCATransitionPush;//推出
NSString * const kCATransitionReveal;//与MoveIn相反
例子:
[csharp] view
plaincopy
CATransition *animation = [CATransition animation];//初始化动画
animation.duration = 0.5f;//间隔的时间
animation.timingFunction = UIViewAnimationCurveEaseInOut;
animation.type = kCATransitionPush;//设置上面4种动画效果
animation.subtype = kCATransitionFromTop;//设置动画的方向,有四种,分别为kCATransitionFromRight、kCATransitionFromLeft、kCATransitionFromTop、kCATransitionFromBottom
[self.view.layer addAnimation:animation forKey:@"animationID"];
3.私有动画
私有动画是在UIView的基础上,设置animation.type,可以提供一下几种选择:
cube:像立方体那样翻转
suckEffect:渐渐缩小,与删除照片的动画一样
oglFlip:上下旋转,当subType为fromLeft或者fromRight时,与UIViewAnimationTransitionFlipFromLeft和UIViewAnimationTransitionFlipFromRight一样
rippleEffect:水波效果
pageCurl:与UIViewAnimationTransitionCurlUp一样
pageUnCurl:与UIViewAnimationTransitionCurlDown一样
cameraIrisHollowOpen:First half of cameraIris.
cameraIrisHollowClose:Second half of cameraIris
附加一个动画的源代码给大家参考一下,今天将的动画效果就到此介绍。谢谢大家。
因为今天上次到csdn的代码无法看到,又无法重新上次,上传到别的地方。请见谅。
附件地址:http://files.cnblogs.com/huangdongcheng/transition_ViewTransitions.zip
转自:/article/1439427.html
1.UIView
UIView官方提供五种动画效果供大家使用,分别为:
UIViewAnimationTransitionNone 不使用动画UIViewAnimationTransitionFlipFromLeft 从左向右旋转翻页UIViewAnimationTransitionFlipFromRight 从右向左旋转翻页,与UIViewAnimationTransitionFlipFromLeft相反UIViewAnimationTransitionCurlUp 卷曲翻页,从下往上UIViewAnimationTransitionCurlDown
卷曲翻页,从上往下
例子:
[csharp] view
plaincopy
[UIView beginAnimations:@"animationID" context:nil];//开始一个动画块,第一个参数为动画块标识
[UIView setAnimationDuration:0.5f];//设置动画的持续时间
[UIView setAnimationCurve:UIViewAnimationCurveEaseInOut];//设置动画块中的动画属性变化的曲线,此方法必须在beginAnimations方法和commitAnimations,默认即为UIViewAnimationCurveEaseInOut效果。详细请参见UIViewAnimationCurve
[UIView setAnimationRepeatAutoreverses:NO];//设置是否自动反转当前的动画效果
[UIView setAnimationTransition:UIViewAnimationTransitionFlipFromLeft forView:self.view cache:YES];//设置过渡的动画效果,此处第一个参数可使用上面5种动画效果
[self.view exchangeSubviewAtIndex:1 withSubviewAtIndex:0];//页面翻转
[UIView commitAnimations];//提交动画
这样,我们就可以让UIView的页面通过动画实现页面之间的跳转。
2. CATransiton
CATransiton官方提供4种动画效果,分别为:
NSString * const kCATransitionFade;//渐渐消失
NSString * const kCATransitionMoveIn;//覆盖进入
NSString * const kCATransitionPush;//推出
NSString * const kCATransitionReveal;//与MoveIn相反
例子:
[csharp] view
plaincopy
CATransition *animation = [CATransition animation];//初始化动画
animation.duration = 0.5f;//间隔的时间
animation.timingFunction = UIViewAnimationCurveEaseInOut;
animation.type = kCATransitionPush;//设置上面4种动画效果
animation.subtype = kCATransitionFromTop;//设置动画的方向,有四种,分别为kCATransitionFromRight、kCATransitionFromLeft、kCATransitionFromTop、kCATransitionFromBottom
[self.view.layer addAnimation:animation forKey:@"animationID"];
3.私有动画
私有动画是在UIView的基础上,设置animation.type,可以提供一下几种选择:
cube:像立方体那样翻转
suckEffect:渐渐缩小,与删除照片的动画一样
oglFlip:上下旋转,当subType为fromLeft或者fromRight时,与UIViewAnimationTransitionFlipFromLeft和UIViewAnimationTransitionFlipFromRight一样
rippleEffect:水波效果
pageCurl:与UIViewAnimationTransitionCurlUp一样
pageUnCurl:与UIViewAnimationTransitionCurlDown一样
cameraIrisHollowOpen:First half of cameraIris.
cameraIrisHollowClose:Second half of cameraIris
附加一个动画的源代码给大家参考一下,今天将的动画效果就到此介绍。谢谢大家。
因为今天上次到csdn的代码无法看到,又无法重新上次,上传到别的地方。请见谅。
附件地址:http://files.cnblogs.com/huangdongcheng/transition_ViewTransitions.zip
转自:/article/1439427.html
相关文章推荐
- 【iphone应用开发】iPhone应用开发之十一:常用的三种动画表现效果
- 【iphone应用开发】iPhone应用开发之十一:常用的三种动画表现效果
- iOS应用开发之:常用三种动画表现效果
- iOS 常用的三种动画表现效果
- 常用的三种动画表现效果
- iphone开发-动画效果收集
- Android应用开发——创建一个带动画效果的View
- iPhone开发--渐隐渐显动画效果
- iphone游戏开发之cocos2d( 十一 )使用CCSpriteBatchNode和纹理图册,提高精灵动画效率;
- iPhone动画表现效果
- iphone开发中的各种动画效果
- IPhone开发学习笔记:通过UIView实现动画效果
- android应用开发-从设计到实现 2-6 动画效果
- 【Android】Android开发之常用的loading等待效果实现,仿微博等待动画。两种实现方式详解
- Iphone开发中的动画效果实现分类代码
- iPhone开发--渐隐渐显动画效果
- iPhone开发应用之UIView中动画属性分析
- iOS 接入 芝麻信用 iOS开发-Xcode-OC_JSON_Plugin-将Json直接转成模型对应属性 iOS开发-直播APP常用动画效果
- 【Android】Android开发之常用的loading等待效果实现,仿微博等待动画。两种实现方式详解
- 实现iphone/Ipad 删除应用的颤抖动画效果