IOS动画总结
一.基本方式:使用UIView类的UIViewAnimation扩展 一个动画的代码
+ (void)beginAnimations:(NSString *)animationID context:(void *)context; // 开始准备动画 + (void)commitAnimations; // 运行动画 // 没有get方法,下面的set在快外调用无效 + (void)setAnimationDelegate:(id)delegate; // 委托default = nil + (void)setAnimationWillStartSelector:(SEL)selector; // default = NULL. -animationWillStart:(NSString *)animationID context:(void *)context + (void)setAnimationDidStopSelector:(SEL)selector; // default = NULL. -animationDidStop:(NSString *)animationID finished:(NSNumber *)finished context:(void *)context + (void)setAnimationDuration:(NSTimeInterval)duration; // default = 0.2动画时间 + (void)setAnimationDelay:(NSTimeInterval)delay; // default = 0.0延迟多少时间开始执行动画 + (void)setAnimationStartDate:(NSDate *)startDate; // default = now ([NSDate date])动画开始日期?不知道啥用.- - + (void)setAnimationCurve:(UIViewAnimationCurve)curve; // default = UIViewAnimationCurveEaseInOut动画方式 + (void)setAnimationRepeatCount:(float)repeatCount; // default = 0.0. May be fractional重复次数 + (void)setAnimationRepeatAutoreverses:(BOOL)repeatAutoreverses; // default = NO. YES的话,动画(非最后一次)结束后动态复原到最开始状态 + (void)setAnimationBeginsFromCurrentState:(BOOL)fromCurrentState; // default = NO. YES,停止之前的动画,从现在这里开始新动画the current view position is always used for new animations -- allowing animations to "pile up" on each other. Otherwise, the last end state is used for the animation (the default). + (void)setAnimationTransition:(UIViewAnimationTransition)transition forView:(UIView *)view cache:(BOOL)cache; // 添加动画到view上,cache是YES的时候比较高效,但是动画过程中不能更新界面上的内容,NO时每一帧都重新画,可以实时更新 + (void)setAnimationsEnabled:(BOOL)enabled; // 是否忽略一些动画设置 + (BOOL)areAnimationsEnabled;
[UIView beginAnimations:nil context:nil]; [UIView setAnimationCurve:UIViewAnimationCurveLinear]; [UIView setAnimationDuration:2.7]; [UIView setAnimationTransition:transition forView:self.view cache:YES]; // operation>>> [self.view exchangeSubviewAtIndex:0 withSubviewAtIndex:1]; // end<<<<<< [UIView commitAnimations];
其中transition取值范围
typedef enum { UIViewAnimationTransitionNone, UIViewAnimationTransitionFlipFromLeft, UIViewAnimationTransitionFlipFromRight, UIViewAnimationTransitionCurlUp, UIViewAnimationTransitionCurlDown, } UIViewAnimationTransition; 特点:基础,使用方便,但是效果有限
二.block方式:使用UIView类的UIViewAnimationWithBlocks扩展
函数说明
+ (void)animateWithDuration:(NSTimeInterval)duration delay:(NSTimeInterval)delay options:(UIViewAnimationOptions)options animations:(void (^)(void))animations completion:(void (^)(BOOL finished))completion __OSX_AVAILABLE_STARTING(__MAC_NA,__IPHONE_4_0);//间隔,延迟,动画参数(好像没用?),界面更改块,结束块 + (void)animateWithDuration:(NSTimeInterval)duration animations:(void (^)(void))animations completion:(void (^)(BOOL finished))completion + (void)animateWithDuration:(NSTimeInterval)duration animations:(void (^)(void))animations + (void)transitionWithView:(UIView *)view duration:(NSTimeInterval)duration options:(UIViewAnimationOptions)options animations:(void (^)(void))animations completion:(void (^)(BOOL finished)) + (void)transitionFromView:(UIView *)fromView toView:(UIView *)toView duration:(NSTimeInterval)duration options:(UIViewAnimationOptions)options completion:(void(^)(BOOL finished))completion __OSX_AVAILABLE_STARTING(__MAC_NA,__IPHONE_4_0); //toView added to fromView.superview, fromView removed from its superview界面替换,这里的options参数有效
举例:
[UIView animateWithDuration:0.7 delay:0 options:0 animations:^(){ self.view.alpha = 0.2; [self.view exchangeSubviewAtIndex:1 withSubviewAtIndex:0]; self.view.alpha = 1; } completion:^(BOOL finished) { }]; 当areAnimationsEnabled为NO时,上面不能动画显示
[UIView transitionFromView:lImage toView:mImage duration:0.7 options:options completion:^(BOOL finished) { if (finished) { [self.view addSubview:lImage]; [self.view sendSubviewToBack:lImage]; [self.view sendSubviewToBack:mImage]; } }]; options取值范围
enum { UIViewAnimationOptionLayoutSubviews = 1 << 0, UIViewAnimationOptionAllowUserInteraction = 1 << 1, // turn on user interaction while animating UIViewAnimationOptionBeginFromCurrentState = 1 << 2, // start all views from current value, not initial value UIViewAnimationOptionRepeat = 1 << 3, // repeat animation indefinitely UIViewAnimationOptionAutoreverse = 1 << 4, // if repeat, run animation back and forth UIViewAnimationOptionOverrideInheritedDuration = 1 << 5, // ignore nested duration UIViewAnimationOptionOverrideInheritedCurve = 1 << 6, // ignore nested curve UIViewAnimationOptionAllowAnimatedContent = 1 << 7, // animate contents (applies to transitions only) UIViewAnimationOptionShowHideTransitionViews = 1 << 8, // flip to/from hidden state instead of adding/removing UIViewAnimationOptionCurveEaseInOut = 0 << 16, // default UIViewAnimationOptionCurveEaseIn = 1 << 16, UIViewAnimationOptionCurveEaseOut = 2 << 16, UIViewAnimationOptionCurveLinear = 3 << 16, UIViewAnimationOptionTransitionNone = 0 << 20, // default UIViewAnimationOptionTransitionFlipFromLeft = 1 << 20, UIViewAnimationOptionTransitionFlipFromRight = 2 << 20, UIViewAnimationOptionTransitionCurlUp = 3 << 20, UIViewAnimationOptionTransitionCurlDown = 4 << 20, UIViewAnimationOptionTransitionCrossDissolve = 5 << 20,//ios5 UIViewAnimationOptionTransitionFlipFromTop = 6 << 20,//ios5 UIViewAnimationOptionTransitionFlipFromBottom = 7 << 20,//ios5 }; typedef NSUInteger UIViewAnimationOptions; 特点:快捷方便,效果更多.可以如上示例1那样实现界面个元素属性渐进变化的动态展示
对于不太复杂的动画，上面的写法很精练，因为只有一条语句，如果动画太过复杂了，写在这样一条语句中就会显得冗长了，对于代码调试没那么方非常方便。 三：Core animation core animation是以objc语言封装的一套图形渲染，投影以及动画的库的结合，使创建的用户界面变得非常容易，通过以下方法： 1：使用简单的编程方法实现高性能的合成 2：使用层对象创建复杂的用户界面。 3：轻量型数据结构，能够同时使几百个层产生动画。 4：不依赖于应用的主线程，动画在单独的线程里运行 5：改进了应用程序性能。应用程序只需要重画它变化的部分（局部刷新）。 6：灵活的布局管理方式 2. 相关类使用core animation,开发者不需要使用底层的API或者OpenGL就可以创建漂亮的动画界面。core animation类分成以下几个：1：提供显示内容的层2：动画和时间类3：布局和约束类4：将多个层分成几个原子更新的执行类2.1 层（layer）层是core animation的基础，视图的一个实例，有一个CALayer实例作为父层(superlayer)以及在这层上添加的所有子层，创建的层结构成为layer tree2.2动画和时间类隐式动画层的许多可视属性的改变可以产生隐式的动画效果，因为这些属性都默认与一个动画相关联。通过简单地设置可视的属性值，层会由当前值到被设置的值产生渐变的动画效果。比如，设置层的隐藏属性为真，将触发一个逐渐消失的动画效果。显式动画通过创建一个动画类和指定所需要的动画效果，显式的动画并不改变层的属性。所有的核心动画类都由抽象类CAAnimation继承而来。CAAnimation采用CAMediaTiming协议。CAMediaTiming规定了动画的持续时间，速度以及重复次数。CAAnimation也采用了CAAction协议，该协议规定了在响应由层触发的动作时，开始一个动画的标准方式。核心动画还提供其他的动画类CATransition,CATransition规定了影响整个层内容的转换效果，在动画期间，它使层产生渐变(fade),推拉(push)以及揭示(reveal)的动画效果。这些常用的转换效果可以通过核心绘图过滤器进行扩展。CAAnimation,CAAnimation允许大量的动画对象被分为几组，并且可以同时运行。CAPropertyAnimation,是CAAnimation的子类，支持层在动画期间，为层指定一个关键路径。CABasicAnimation.该类为层的属性提供了简单的插值。CAKeyframeAnimation,CAKeyframeAnimation提供关键帧动画的支持。你可以为层的属性指定一个关键路径2.3布局管理类CAKeyframeAnimation类用于管理所有子层的布局，每个由CAConstraint类封装的实例描述了各个子层之间的几何位置关系。2.4 执行管理类可设置动画层的属性的修改必须是执行的一部分，CATransaction负责将许多动画分成几批原子型的更新进行显示。