IOS UIView动画

作者: 顺其sun自然 | 来源:发表于2015-11-24 16:10 被阅读458次

    UIKit直接将动画集成到UIView类中,当内部的一些属性发生改变时,UIView将为这些改变提供动画支持。

    主要分为首尾方式和block方式两种。

    1.UIView动画(首尾方式)

    执行动画所需要的工作由UIView类自动完成,但仍要在希望执行动画时通知视图,为此需要将改变属性的代码放在[UIView beginAnimations:nil context:nil]和[UIView commitAnimations]之间。

    一些设置UIView动画属性的方法

    + (void)setAnimationDelegate:(id)delegate    设置动画代理对象,当动画开始或者结束时会发消息给代理对象

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

    + (void)setAnimationDidStopSelector:(SEL)selector  当动画结束时,执行delegate对象的selector,并且把beginAnimations:context:中传入的参数传进selector

    + (void)setAnimationDuration:(NSTimeInterval)duration  动画的持续时间,秒为单位

    + (void)setAnimationDelay:(NSTimeInterval)delay  动画延迟delay秒后再开始

    + (void)setAnimationStartDate:(NSDate *)startDate  动画的开始时间,默认为now

    + (void)setAnimationCurve:(UIViewAnimationCurve)curve  动画的节奏控制

    + (void)setAnimationRepeatCount:(float)repeatCount  动画的重复次数

    + (void)setAnimationRepeatAutoreverses:(BOOL)repeatAutoreverses  如果设置为YES,代表动画每次重复执行的效果会跟上一次相反

    + (void)setAnimationTransition:(UIViewAnimationTransition)transition forView:(UIView *)view cache:(BOOL)cache  设置视图view的过渡效果, transition指定过渡类型, cache设置YES代表使用视图缓存,性能较好

    通常实现代码

    //首尾式动画

    [UIView beginAnimations:nil context:nil];

    //执行动画

    //设置动画执行时间

    [UIView setAnimationDuration:2.0];

    //设置代理

    [UIView setAnimationDelegate:self];

    //设置动画执行完毕调用的事件

    [UIView setAnimationDidStopSelector:@selector(didStopAnimation)];

    self.customView.center=CGPointMake(200, 300);

    [UIView commitAnimations];

    此代码实现了UIView动画的delegate,所以可以监听动画的开始和结束,didStopAnimation这个方法是自定义的。

    2.UIView动画(block方式)

    + (void)animateWithDuration:(NSTimeInterval)duration delay:(NSTimeInterval)delay options:(UIViewAnimationOptions)options animations:(void (^)(void))animations completion:(void (^)(BOOL finished))completion

    参数解析:

    duration:动画的持续时间

    delay:动画延迟delay秒后开始

    options:动画的节奏控制

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

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

    转场动画

    + (void)transitionWithView:(UIView *)view duration:(NSTimeInterval)duration options:(UIViewAnimationOptions)options animations:(void (^)(void))animations completion:(void (^)(BOOL finished))completion

    参数解析:

    duration:动画的持续时间

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

    options:转场动画的类型

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

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

    + (void)transitionFromView:(UIView *)fromView toView:(UIView *)toView duration:(NSTimeInterval)duration options:(UIViewAnimationOptions)options completion:(void (^)(BOOL finished))completion

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

    // 添加toView到父视图

    [fromView.superview addSubview:toView];

    // 把fromView从父视图中移除

    [fromView removeFromSuperview];

    参数解析:

    duration:动画的持续时间

    options:转场动画的类型

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

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

    补充:

    block方式下的options

    UIViewAnimationOptionLayoutSubviews //提交动画的时候布局子控件,表示子控件将和父控件一同动画。

    UIViewAnimationOptionAllowUserInteraction //动画时允许用户交流,比如触摸

    UIViewAnimationOptionBeginFromCurrentState //从当前状态开始动画

    UIViewAnimationOptionRepeat //动画无限重复

    UIViewAnimationOptionAutoreverse //执行动画回路,前提是设置动画无限重复

    UIViewAnimationOptionOverrideInheritedDuration //忽略外层动画嵌套的执行时间

    UIViewAnimationOptionOverrideInheritedCurve //忽略外层动画嵌套的时间变化曲线

    UIViewAnimationOptionAllowAnimatedContent //通过改变属性和重绘实现动画效果,如果key没有提交动画将使用快照

    UIViewAnimationOptionShowHideTransitionViews //用显隐的方式替代添加移除图层的动画效果

    UIViewAnimationOptionOverrideInheritedOptions //忽略嵌套继承的�选项

    时间函数曲线相关

    UIViewAnimationOptionCurveEaseInOut //时间曲线函数,由慢到快

    UIViewAnimationOptionCurveEaseIn //时间曲线函数,由慢到特别快

    UIViewAnimationOptionCurveEaseOut //时间曲线函数,由快到慢

    UIViewAnimationOptionCurveLinear //时间曲线函数,匀速

    //转场动画相关的

    UIViewAnimationOptionTransitionNone //无转场动画

    UIViewAnimationOptionTransitionFlipFromLeft //转场从左翻转

    UIViewAnimationOptionTransitionFlipFromRight //转场从右翻转

    UIViewAnimationOptionTransitionCurlUp //上卷转场

    UIViewAnimationOptionTransitionCurlDown //下卷转场

    UIViewAnimationOptionTransitionCrossDissolve //转场交叉消失

    UIViewAnimationOptionTransitionFlipFromTop //转场从上翻转

    UIViewAnimationOptionTransitionFlipFromBottom //转场从下翻转

    转自文顶顶的博客

    相关文章

      网友评论

        本文标题:IOS UIView动画

        本文链接:https://www.haomeiwen.com/subject/jsvrhttx.html