动画效果

最新推荐文章于 2023-06-22 21:22:32 发布

wangwei0327

最新推荐文章于 2023-06-22 21:22:32 发布

阅读量481

点赞数

分类专栏： IOS

IOS 专栏收录该内容

43 篇文章 0 订阅

订阅专栏

转自：http://www.cnblogs.com/huangdongcheng/archive/2011/11/08/2241302.html

在iPhone开发中，我们常常需要在不同的页面之间做动画的切换，这样看起来更加好看。基本的动画有以下三种：

1.UIView

UIView官方提供五种动画效果供大家使用，分别为：

 
         UIViewAnimationTransitionNone    不使用动画 
        
         UIViewAnimationTransitionFlipFromLeft    从左向右旋转翻页 
        
         UIViewAnimationTransitionFlipFromRight    从右向左旋转翻页，与UIViewAnimationTransitionFlipFromLeft相反 
        
         UIViewAnimationTransitionCurlUp    卷曲翻页，从下往上 
        
         UIViewAnimationTransitionCurlDown    卷曲翻页，从上往下

例子：

 
         [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相反

例子：

 
         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" 
         ];