• iOS动画效果和实现


    动画效果提供了状态或页面转换时流畅的用户体验,在iOS系统中,咱们不需要自己编写绘制动画的代码,Core Animation提供了丰富的api来实现你需要的动画效果。
    UIKit只用UIView来展示动画,动画支持UIView下面的这些属性改变:

    frame  

    bounds  

    center  

    transform  

    alpha 

    backgroundColor 

    contentStretch

    1、commitAnimations方式使用UIView动画


     

    下面是点击改变后的效果(两种):


     

    动画的常量有一下四种


     

    1.2 交换本视图控制器中2个view位置
    [self.view exchangeSubviewAtIndex:1 withSubviewAtIndex:0];
    先添加两个view ,一个redview  一个yellowview


     
     
     

     

     

    这样看起来就像两页一样了。

    1.3 、[UIView setAnimationDidStopSelector:@selector(animationFinish:)];
    在commitAnimations消息之前,可以设置动画完成后的回调,设置方法是:
    [UIView setAnimationDidStopSelector:@selector(animationFinish:)];

    2、使用:CATransition


    transition.type 的类型可以有
    淡化、推挤、揭开、覆盖
    NSString * const kCATransitionFade;
    NSString * const kCATransitionMoveIn;
    NSString * const kCATransitionPush;
    NSString * const kCATransitionReveal;

    这四种,
    transition.subtype 
    也有四种
    NSString * const kCATransitionFromRight;
    NSString * const kCATransitionFromLeft;
    NSString * const kCATransitionFromTop;
    NSString * const kCATransitionFromBottom;


     
    2.2 私有的类型的动画类型:
    立方体、吸收、翻转、波纹、翻页、反翻页、镜头开、镜头关。

     

    下图是第一个cube立方体的效果:


     

    2.3 CATransition的 startProgress  endProgress属性
    这两个属性是float类型的。
    可以控制动画进行的过程,可以让动画停留在某个动画点上,值在0.0到1.0之间。endProgress要大于等于startProgress。
    比如上面的立方体转到,可以设置endProgress= 0.5,让动画停留在转动一般的位置。
    上面这些私有的动画效果,在实际应用中要谨慎使用。因为在app store审核时可能会以为这些动画效果而拒绝通过。

    3、UIView的 + (void)animateWithDuration
    :(NSTimeInterval)duration animations:(void (^)(void))animations completion:(void (^)(BOOL finished))completion
    方法。
    这个方法是在iOS4.0之后才支持的。
    比 1 里的UIView的方法简洁方便使用。
    DidView里添加moveView。


    然后用UIView animateWithDuration动画移动,移动动画完毕后添加一个Label。
    3.2、 animateWithDuration的嵌套使用

    这个嵌套的效果是先把view变成透明,在从透明变成不透明,重复2.5次透明到不透明的效果。
    文中例子的代码:AnimateDemo
  • 相关阅读:
    CSS3新特性
    CSS简述
    HTML5新属性
    Python学习笔记(十二)
    Python学习笔记(十一)
    Python学习笔记(十)
    Python学习笔记(九)
    Python学习笔记(八)
    Python学习笔记(七)
    Python学习笔记(六)
  • 原文地址:https://www.cnblogs.com/fakemessi/p/4901132.html
Copyright © 2020-2023  润新知