ios界面动画小结

sznupt 贡献于2013-08-17

作者 sunzhen  创建于2012-09-25 14:11:23   修改者  修改于2012-09-25 14:12:01字数6267

文档摘要:一.基本方式:使用UIView类的UIViewAnimation扩展函数说明+ (void)beginAnimations:(NSString *)animationID context:(void *)context; // 开始准备动画+ (void)commitAnimations; // 运行动画//
关键词:

ios界面动画小结 2011-10-31 10:29| 发布者: benben| 查看: 3020| 评论: 0 摘要: 一.基本方式:使用UIView类的UIViewAnimation扩展函数说明+ (void)beginAnimations:(NSString *)animationID context:(void *)context; // 开始准备动画+ (void)commitAnimations; // 运行动画// 没有get方法,下面的s ... 一.基本方式:使用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 __OSX_AVAILABLE_STARTING(__MAC_NA,__IPHONE_4_0); // delay = 0.0, options = 0 + (void)animateWithDuration:(NSTimeInterval)duration animations:(void (^)(void))animations __OSX_AVAILABLE_STARTING(__MAC_NA,__IPHONE_4_0); // delay = 0.0, options = 0, completion = NULL + (void)transitionWithView:(UIView *)view duration:(NSTimeInterval)duration options:(UIViewAnimationOptions)options animations:(void (^)(void))animations completion:(void (^)(BOOL finished))completion __OSX_AVAILABLE_STARTING(__MAC_NA,__IPHONE_4_0); + (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方式:使用CATransition类 使用要引入QuartzCore.framework 官方有个示例:ViewTransitions 基本上就是 CATransition *transition = [CATransition animation]; transition.duration = 0.7; transition.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut]; transition.type = kCATransitionMoveIn;//{kCATransitionMoveIn, kCATransitionPush, kCATransitionReveal, kCATransitionFade}; //更多私有{@"cube",@"suckEffect",@"oglFlip",@"rippleEffect",@"pageCurl",@"pageUnCurl",@"cameraIrisHollowOpen",@"cameraIrisHollowClose"}; transition.subtype = kCATransitionFromLeft;//{kCATransitionFromLeft, kCATransitionFromRight, kCATransitionFromTop, kCATransitionFromBottom}; transition.delegate = self; [self.view.layer addAnimation:transition forKey:nil]; // 要做的 [self.view exchangeSubviewAtIndex:1 withSubviewAtIndex:0]; 其中需要注意的是:界面调整(动画前后展示的两个界面)需要在动画时间内完成,否则没有效果,对下次也有影响,我测的不是太完整,大家自己写个performSelector: withObject: afterDelay:试验下看看就知道. 特点:动画效果较多(但是私有),可以实现UIViewController之间的动画

下载文档到电脑,查找使用更方便

文档的实际排版效果,会与网站的显示效果略有不同!!

需要 5 金币 [ 分享文档获得金币 ] 0 人已下载

下载文档