iOS-动画(iOS中的动画简介)

参考自http://www.cnblogs.com/wendingding/p/3801036.html,

     http://my.oschina.net/aofe/blog/270412,

    在此表示感谢。

iOS中的动画:

     1.核心动画:Core Animation

     2.UIView动画

     3.UIImageView的帧动画.

     4.UIActivityIndicatorView

一、核心动画简介

(1)简单介绍

Core Animation,中文翻译为核心动画,它是一组非常强大的动画处理API,使用它能做出非常炫丽的动画效果,而且往往是事半功倍。也就是说,使用少量的代码就可以实现非常强大的功能。

Core Animation是跨平台的,可以用在Mac OS X和iOS平台。

Core Animation的动画执行过程都是在后台操作的,不会阻塞主线程。不阻塞主线程,可以理解为在执行动画的时候还能点击(按钮)。

要注意的是,Core Animation是直接作用在CALayer上的,并非UIView。

(2)Core Animation的使用步骤

1>使用它需要先添加QuartzCore.framework框架和引入主头文件<QuartzCore/QuartzCore.h>(iOS7不需要)

2>初始化一个CAAnimation对象,并设置一些动画相关属性

3>通过调用CALayer的addAnimation:forKey:方法增加CAAnimation对象到CALayer中,这样就能开始执行动画了

4>通过调用CALayer的removeAnimationForKey:方法可以停止CALayer中的动画

(3)CAAnimation类的继承


CAAnimation是所有动画类的父类,但是它不能直接使用,应该使用它的子类。

 常见属性有:

duration:动画的持续时间

repeatCount:动画的重复次数

timingFunction:控制动画运行的节奏

说明:(1)能用的动画类只有4个子类:CABasicAnimation、CAKeyframeAnimation、CATransition、CAAnimationGroup

     (2)CAMediaTiming是一个协议(protocol)。

CAPropertyAnimation是CAAnimation的子类,但是不能直接使用,要想创建动画对象,应该使用它的两个子类:CABasicAnimation和CAKeyframeAnimation

它有个NSString类型的keyPath属性,你可以指定CALayer的某个属性名为keyPath,并且对CALayer的这个属性的值进行修改,达到相应的动画效果。比如,指定@"position"为keyPath,就会修改CALayer的position属性的值,以达到平移的动画效果

(4)补充说明

所有动画对象的父类,负责控制动画的持续时间和速度,是个抽象类,不能直接使用,应该使用它具体的子类

属性解析:(红色代表来自CAMediaTiming协议的属性)

duration动画的持续时间

repeatCount动画的重复次数

repeatDuration动画的重复时间

removedOnCompletion:默认为YES,代表动画执行完毕后就从图层上移除,图形会恢复到动画执行前的状态。如果想让图层保持显示动画执行后的状态,那就设置为NO,不过还要设置fillMode为kCAFillModeForwards

fillMode决定当前对象在非active时间段的行为.比如动画开始之前,动画结束之后

beginTime可以用来设置动画延迟执行时间,若想延迟2s,就设置为CACurrentMediaTime()+2,CACurrentMediaTime()为图层的当前时间

timingFunction:速度控制函数,控制动画运行的节奏

delegate:动画代理

二、UIView动画

(1)UIView(UIViewAnimation)

     UIKit直接将动画集成到UIView类中,当内部的一些属性发生改变时,UIView将为这些改变提供动画支持.执行动画所需要的工作由UIView类自      动完成,但仍要在希望执行动画时通知视图,为此需要将改变属性的代码放在

      [UIView beginAnimations:nil context:nil]和[UIView commitAnimations]之间

  常见方法解析:

@interface UIView(UIViewAnimation)

//说明需要执行动画

+ (void)beginAnimations:(nullableNSString *)animationID context:(nullablevoid *)context;  

//提交动画

+ (void)commitAnimations;                                                

//设置动画代理对象,当动画开始或者结束时会发消息给代理对象

+ (void)setAnimationDelegate:(nullableid)delegate; 

//当动画即将开始时,执行delegate对象的selector,并且把beginAnimations:context:中传入的参数传进selector                        

+ (void)setAnimationWillStartSelector:(nullableSEL)selector;// default = NULL.

//当动画结束时,执行delegate对象的selector,并且把beginAnimations:context:中传入的参数传进selector

+ (void)setAnimationDidStopSelector:(nullableSEL)selector; 

//设置动画持续时间秒为单位              

+ (void)setAnimationDuration:(NSTimeInterval)duration;// default = 0.2

//动画延迟delay秒后再开始

+ (void)setAnimationDelay:(NSTimeInterval)delay;// default = 0.0

//动画的开始时间,默认为now

+ (void)setAnimationStartDate:(NSDate *)startDate;// default = now ([NSDate date])

//动画的节奏控制,默认是匀速

+ (void)setAnimationCurve:(UIViewAnimationCurve)curve;// default = UIViewAnimationCurveEaseInOut

//动画的重复次数

+ (void)setAnimationRepeatCount:(float)repeatCount;// default = 0.0.  May be fractional

//如果设置为YES,代表动画每次重复执行的效果会跟上一次相反

+ (void)setAnimationRepeatAutoreverses:(BOOL)repeatAutoreverses;// default = NO.

//YES如果动画需要从他们当前状态开始播放。否则为NO。如果设置为YES那么当动画在运行过程中,当前视图的位置将会作为新的动画的开始状态。如果设置为NO,当前动画结束前新动画将使用视图最後状态的位置作为开始状态。这个方法将不会做任何事情如果动画没有运行或者没有在动画块外调用。使用beginAnimations:context:类方法来开始并用commitAnimations类方法来结束动画块。默认值是NO

+ (void)setAnimationBeginsFromCurrentState:(BOOL)fromCurrentState;

//设置视图view的过渡效果, transition指定过渡类型, cache设置YES代表使用视图缓存,性能较好

+ (void)setAnimationTransition:(UIViewAnimationTransition)transition forView:(UIView *)view cache:(BOOL)cache;  

//如果是YES那就激活动画;否则就是NO.当动画参数没有被激活那么动画属性的改变将被忽略。默认动画是被激活的

+ (void)setAnimationsEnabled:(BOOL)enabled;                         

+ (BOOL)areAnimationsEnabled;

//阻塞动画,一个小但非常有用的新方法[UIView performWithoutAnimation:]。它是一个简单的封装,先检查动画当前是否启用,然后禁止动画,执行块语句,最后重新启用动画。一个需要说明的地方是,它并不会阻塞基于CoreAnimation的动画。

+ (void)performWithoutAnimation:(void (^)(void))actionsWithoutAnimationNS_AVAILABLE_IOS(7_0);

//获得所镶嵌的动画的持续时间

+ (NSTimeInterval)inheritedAnimationDuration NS_AVAILABLE_IOS(9_0);


@end


(2)UIView(UIViewAnimationWithBlocks)

 常见方法解析:

@interface UIView(UIViewAnimationWithBlocks)

  /*

       参数解析:

       duration:动画的持续时间

       delay:动画延迟delay秒后开始

       options:动画的节奏控制

       animations:将改变视图属性的代码放在这个block

       completion:动画结束后,会自动调用这个block

 */

+ (void)animateWithDuration:(NSTimeInterval)duration delay:(NSTimeInterval)delay options:(UIViewAnimationOptions)options animations:(void (^)(void))animations completion:(void (^__nullable)(BOOL finished))completionNS_AVAILABLE_IOS(4_0);


  /*

       参数解析:

       duration:动画的持续时间

       animations:将改变视图属性的代码放在这个block

       completion:动画结束后,会自动调用这个block

 */

+ (void)animateWithDuration:(NSTimeInterval)duration animations:(void (^)(void))animations completion:(void (^ __nullable)(BOOL finished))completionNS_AVAILABLE_IOS(4_0);// delay = 0.0, options = 0


  /*

       参数解析:

       duration:动画的持续时间

       animations:将改变视图属性的代码放在这个block

 */

+ (void)animateWithDuration:(NSTimeInterval)duration animations:(void (^)(void))animationsNS_AVAILABLE_IOS(4_0);// delay = 0.0, options = 0, completion = NULL


/*

Spring Animation 本质上是一种特殊的动画曲线,自从 iOS 7开始被广泛应用在系统动画中。此外,Spring Animation不只能对位置使用,它适用于所有可被添加动画效果的属性。

        参数解析:

        duration:动画的持续时间

        delay:动画延迟delay秒后开始

        dumping ratio:

                usingSpringWithDamping 的范围为 0.0f 1.0f,数值越小「弹簧」的振动效果越明显.

        velocity:

               initialSpringVelocity则表示初始的速度,数值越大一开始移动越快。值得注意的是,初始速度取值较高而时

                                     间较短时,也会出现反弹情况。

       options:动画的节奏控制

       animations:将改变视图属性的代码放在这个block

       completion:动画结束后,会自动调用这个block

*/

+ (void)animateWithDuration:(NSTimeInterval)duration delay:(NSTimeInterval)delay usingSpringWithDamping:(CGFloat)dampingRatio initialSpringVelocity:(CGFloat)velocity options:(UIViewAnimationOptions)options animations:(void (^)(void))animations completion:(void (^ __nullable)(BOOL finished))completion NS_AVAILABLE_IOS(7_0);

 /*

     参数解析:

     duration:动画的持续时间

     view:需要进行转场动画的视图

     options:转场动画的类型

     animations:将改变视图属性的代码放在这个block

     completion:动画结束后,会自动调用这个block

 */

+ (void)transitionWithView:(UIView *)view duration:(NSTimeInterval)duration options:(UIViewAnimationOptions)options animations:(void (^ __nullable)(void))animations completion:(void (^__nullable)(BOOL finished))completionNS_AVAILABLE_IOS(4_0);

 /*

     方法调用完毕后,相当于执行了下面两句代码:

     // 添加toView到父视图

     [fromView.superview addSubview:toView];

     // fromView从父视图中移除

     [fromView.superview removeFromSuperview];

     

     参数解析:

     duration:动画的持续时间

     options:转场动画的类型

     animations:将改变视图属性的代码放在这个block

     completion:动画结束后,会自动调用这个block

 */

+ (void)transitionFromView:(UIView *)fromView toView:(UIView *)toView duration:(NSTimeInterval)duration options:(UIViewAnimationOptions)options completion:(void (^ __nullable)(BOOL finished))completion NS_AVAILABLE_IOS(4_0); 


 /*

    //在一组视图上执行指定的系统动画,并可以并行自定义的动画,parallelAnimations就是与系统动画并行的自定义动画

     参数解析:

     animation:系统动画

            views:需要进动画的视图 (数组,可以作用于多个视图)。

     options:转场动画的类型

     animations:将改变视图属性的代码放在这个block

     completion:动画结束后,会自动调用这个block

 */

+ (void)performSystemAnimation:(UISystemAnimation)animation onViews:(NSArray<__kindofUIView *> *)views options:(UIViewAnimationOptions)options animations:(void (^__nullable)(void))parallelAnimations completion:(void (^__nullable)(BOOL finished))completionNS_AVAILABLE_IOS(7_0);


@end


(3)UIView (UIViewKeyframeAnimations)

  常见方法解析:

@interface UIView (UIViewKeyframeAnimations)

 /*

    关键帧动画:

    UIView动画已经具备高级的方法来创建动画,而且可以更好地理解和构建动画。IOS7以后苹果新加了一个

         animateKeyframesWithDuration的方法,我们可以使用它来创建更多更复杂更酷炫的动画效果,而不需要去使用到核心动画  

     (CoreAnimatino)。

         *  @param duration   动画时长

         *  @param delay      动画延迟

         *  @param options    动画效果选项

         *  @param animations 动画执行代码

         *  @param completion 动画结束执行代码

*/

+ (void)animateKeyframesWithDuration:(NSTimeInterval)duration delay:(NSTimeInterval)delay options:(UIViewKeyframeAnimationOptions)options animations:(void (^)(void))animations completion:(void (^__nullable)(BOOL finished))completionNS_AVAILABLE_IOS(7_0);

 /*

         *  添加关键帧

         *

         *  @param frameStartTime 动画相对开始时间

         *  @param frameDuration  动画相对持续时间

         *  @param animations     动画执行代码

*/

+ (void)addKeyframeWithRelativeStartTime:(double)frameStartTime relativeDuration:(double)frameDuration animations:(void (^)(void))animations NS_AVAILABLE_IOS(7_0); 

@end


三、UIImageView的帧动画.

//UIImageView的帧动画,  UIImageView可以让一系列的图片在特定的时间内按顺序显示 .

相关属性解析:

//要显示的图片(一个装着UIImageNSArray) .

@property (nullable,nonatomic,copy)NSArray<UIImage *> *animationImages; 

//要显示的高亮时的图片(一个装着UIImageNSArray) .

@property (nullable,nonatomic,copy)NSArray<UIImage *> *highlightedAnimationImagesNS_AVAILABLE_IOS(3_0); 

//完整地显示一次animationImages中的所有图片所需的时间 .

@property (nonatomic)NSTimeInterval animationDuration;

//动画的执行次数(默认为0,代表无限循环)         

@property (nonatomic)NSInteger      animationRepeatCount;     

相关方法解析

- (void)startAnimating;//开始动画 .

- (void)stopAnimating;//停止动画 .

- (BOOL)isAnimating; //是否正在运行动画.


四、UIActivityIndicatorView.

// 是一个旋转进度轮,可以用来告知用户有一个操作正在进行中,一般用initWithActivityIndicatorStyle初始化

相关方法解析:

- (void)startAnimating;//开始动画

- (void)stopAnimating;  //停止动画

- (BOOL)isAnimating; // 是否正在运行动画




评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值