关闭

Android动画1-补间动画(TweenAnimation)

标签: android动画
317人阅读 评论(0) 收藏 举报
分类:
Android的动画形式共有三种:TweenAnimation(补间动画)、FrameAnimation(帧动画)、PropertyAnimation(属性动画)。
本章介绍补间动画。

先说个题外话: 帧动画的帧是什么?  一个静止的画面就是一帧,简单来说,一幅画就是一帧,一幅图片就是一帧(动态图除外),View类里面的onDraw方法每运行一次就绘制一帧。实际上所有的你看起来能动的东西(滑动,动画,视频等)都是由很多静态图按照一定顺序和一定速度切换形成“动起来“的一种错觉,而图片越多、切换速度越快就会使动作更加平滑。有一个概念经常听到:FPS。玩大型游戏的时候经常会看FPS值,这个FPS(Frame Per Second)就是每秒绘制的帧数,那么一般来说FPS越大也就是每秒绘制的图片更多,那么画面质量就肯定越高。目前基本上电影的FPS(通常不这么叫)是24,也就是24帧每秒(想想一个2小时的电影有多少帧......)。

进入正题: 补间动画就是代码里面确定首帧和末帧这两个关键帧,其中间的帧由电脑计算得出。补间动画的补间就是补这个中间的帧。

本文结构:
    1. Animation类
    2. 四种补间动画
    3. Interpolator(插值器)的使用
    4. AnimationSet(动画集合)的使用
 


一 Animation类
    Animation类里面定义了 补间动画 所要用到的大部分方法,并且是所有补间动画类的父类。
    该类的继承关系:

    该类方法:
        构造方法:1. 无参构造。
                          2. Animaiton(Context context, AttributeSet attrs);
        常用方法:
                ⑴ getDuration()
                        获得动画的执行时长
                ⑵ getFillAfter()
                        获得动画结束时的状态值
                ⑶ getFillBefore()
                        获得动画结束时的状态值
                ⑷ getInterpolator()
                        获得所使用的插值器     
                ⑸ getRepeatCount()
                        获得动画重复次数
                ⑹ getRepeatMode()
                        获得动画重复模式
                ⑺ getStartOffset()
                        获得动画延迟的时间
                ⑻ isInitialized()
                        动画是否已经初始化--true-已经初始化
                ⑼ setAnimationListener()
                        设置监听器,可以监听动画开始、结束、重复三个状态
                ⑽ void setDuration(long durationMills)
                        设置动画持续时长,单位为毫秒,小于0会出 非法参数异常
                ⑾ void setFillAfter(boolean fillafter)
                        设置动画结束时的状态值。 true--动画结束后停留在最后一帧(注:没有改变view的属性)
                ⑿ void setFillBefore(boolean fillbefore)
                        设置动画结束时的状态值。 true--动画结束后停留在第一帧(注:没有改变view的属性)  (注:如果FillAfter和FillBefore都为true,执行FillAfter, 如果两者都为false,则动画结束后停留在第一帧
                ⒀ void setInterpolator(Interpolator i);  设置插值器。插值器决定动画执行速度的变化曲线
                     void setInterpolator(Context context, int resId);  从XML中获取插值器
                ⒁ void setRepeatCount(int count)
                     设置动画重复次数   设置0为不重复,1为重复1次......  
                ⒂ void setRepeatMode(int mode)
                     设置动画重复模式    Animation类常量,Animation.RESTART-从动画起始位置再重复动画一次      Animation.REVERSE-从当前动画结束位置倒着重复一次
                ⒃ void setStartOffset(long mills)
                     设置动画启动的延迟时间,单位是毫秒值。 (注:如果设置了动画重复,那么每次重复的时候也要先经过这个延迟的时间)
                ⒄ cancel() 
                     取消动画,如果调用该方法的时候动画正在进行,则动画还原初始状态
    
     
     补充1:动画的使用,使用view.startAnimation(Animation anim)/view.setAnimation(Animation anim)任意一个方法即可开始动画,推荐使用startAnimation。
      补充2:动画监听器说明,动画监听器提供三个方法:onAnimationStart(Animation anim)-监听动画开始时,onAnimationEnd(Animation anim)-监听动画结束时,onAnimationRepeat(Animation anim)-监听动画重复时。    


二 四种补间动画:四种动画类自身方法非常少,主要是靠自身构造方法和Animation类的方法对动画参数进行设置。
    补间动画共有四种形式,Translate(平移)、Scale(缩放)、Alpha(透明度)、Rotate(旋转)。
    1. TranslateAnimation(平移动画)
        在xy平面上移动。
        构造方法
            1. TranslateAnimation(Context context, AttributeSet attrs);
            2. TranslateAnimation(float fromXDelta, float toXDelta, float fromYDelta, float toYDelta);
            3. TranslateAnimation(int fromXType, float fromXValue, int toXType, float toXValue, int fromYType, float fromYValue, int toYType, float toYValue);
            第一个方法基本不使用,主要介绍后两种方法。
            第二种方法: 前两个参数是X坐标的起始位置,后两个参数是Y坐标的起始位置。 (注:这里的起点和终点位置全是绝对坐标,原点(0,0)是屏幕左上角)
            第三种方法:这种方法的2,4,6,8,参数是X和Y坐标的起始位置。 1,3,5,7参数是2,4,6,8参数对应的模式----Animation类中共定义了三种模式,Animation.ABSOLUTE(绝对坐标,效果和第二种方法一样),Animation.RELATIVE_TO_SELF(相对自身,此时X坐标的值为“1f”代表自身宽度,“2f”代表自身宽度的2倍,同理,Y轴就是高度。),Animation.RELATIVE_TO_PARENT(相对父控件,此时X坐标的值为 1f,代表父控件宽度, 2f 代表父控件宽度的2倍,同理,Y轴就是高度。)
            举个例子: 
            一个view宽度是100dp、高度50dp,此时父控件宽度是200dp、高度是400dp。
           
            这样代表X轴向右平移自身宽度1倍距离,即100dp,Y轴向下平移父控件高度1倍距离,即400dp。
       2. ScaleAnimation(缩放动画)
         放大或缩小。
         构造方法:
            1. ScaleAnimation(Context context, AttributeSet attrs);
            2. ScaleAnimation(float fromXDelta, float toXDelta, float fromYDelta, float toYDelta);
            3. ScaleAnimation(float fromXDelta, float toXDelta, float fromYDelta, float toYDelta, float pivotX, float pivotY);
            4. ScaleAnimation(float fromXDelta, float toXDelta, float fromYDelta, float toYDelta, float pivotXType, float pivotXValue, float pivotYType, float pivotYValur);
            第一个方法基本不常用,主要介绍后几种方法。
            第二种方法: 前两个参数是X轴方向的放大或缩小比例,后两个参数是Y轴方向的放大或缩小比例。 (注:这里 1f 就代表自身宽(高))
            第三种方法: 前四个参数同上,后两个参数表示缩放中心点的位置(绝对坐标,单位为px)
            第四种方法: 前四个参数同上,后四个参数确定缩放中心坐标,使用参考平移动画。
       3. AlphaAnimation(透明度动画)
         改变透明度。
         构造方法:
            1. AlphaAnimation(Context context, AttributeSet attrs);
            2. AlphaAnimation(float fromAlpha, float toAlpha);
            第一种方法不常用。
            第二种方法: 第一个参数是动画开始时view的透明度,第二个参数是动画结束时view的透明度。 (注: 透明度范围是0~100%,即0~1)
       4. RotateAnimation(旋转动画)
         绕某中心旋转一定角度。
         构造方法:
            1. RotateAnimation(Context context, AttributeSet attrs);
            2. RotateAnimation(float fromDegress, float toDegress);
            3. RotateAnimation(float fromDegress, float toDegress, float pivotX, flota pivotY);
            4. RotateAnimation(float fromDegress, float toDegress, float pivotXType, float pivotXValue, float pivotYType, flota pivotYValue);
            第一种方法不常用,主要介绍后三种方法。
            第二种方法: 第一个参数表示动画开始时view的角度,第二个参数表示动画结束时view的角度
            第三种方法: 前两个参数同上,后两个参数是旋转中心坐标(绝对坐标,单位是px)
            第四种方法: 前两个参数同上,后四个参数确定旋转中心坐标,使用参考平移动画。
        
    补充:补间动画的创建有两种方式,一种是从代码创建,另一种是在xml中创建。xml中创建动画的方法:在res目录下创建文件夹anim(必须是anim),然后在anim中创建xml文件,根节点是<set/>,然后在set节点下选择四种节点<alpha/><rotate/><scale/><translate/>分别对应四种补间动画,然后在相应节点内可以写动画的属性(在set节点下定义fillAfter等属性可以在整个set节点下通用); 在代码中使用AnimationUtils.loadAnimation(Context context, int resId)方法创建出Animation,然后使用view.startAnimation(Animation anim)方法执行动画即可。


三 Interpolator(插值器)的使用
    插值器通过 对动画执行的每个时间点进行 提前/延迟 来达到对动画效果的 加速/减速,通过设置不同的 曲线 来得出负时间/大于1的时间值,使控件按设定的动画轨迹 反方向/正方向 超出改变一点轨迹
     这里只介绍 官方提供的9中插值器,即已有的Interpolator的9个子类。当使用插值器的时候只要创建这几个类的对象,然后调用anim.setInterpolator方法就已经把该插值器添加到动画里了,运行动画就能达到想要的效果。
     9个子类:   AccelerateDecelerateInterpolator  加速减速插值器-开始与结束时速度慢,中间速度快
                        AccelerateInterpolator  加速插值器-开始速度慢,然后一直变快
                        DecelerateInterpolator 减速插值器-开始速度快,然后一直变慢
                        AnticipateInterpolator  向前插值器-先向反方向运动一定距离,然后正方向运动到终点
                        AnticipateOvershootInterpolator  向前向后插值器-先反方向运动一定距离,然后正方向运动到超出一定距离,然后返回终点
                        OvershootInterpolator 向后插值器-到轨迹终点之后再正方向运动一定距离,然后返回终点
                        BounceInterpolator  反弹插值器-类似于一物体从高度掉到地上,会弹起来几下
                        CycleInterpolator   循环插值器-类型于正弦曲线那样来回运动
                        LinearInterpolator  线性插值器-正常速度,默认就是
        详细说明:  (注:所有插值器是对时间进行处理,动画的移动轨迹是没有变化的)
 

四 AnimationSet(动画集合)的使用
    有时候需要超过一种的动画组合使用,这时候就要使用AnimationSet。
     AnimationSet继承自android.view.animation。
     使用方法: new一个AnimationSet对象,调用addAniamtion(Animation anim)方法将动画添加到集合里,然后使用view.startAnimation()方法即可执行动画。
     注意事项:1. 添加到集合的动画不分先后顺序,即在没有单独设置startOffSet(延迟时间)的情况下,所有集合中的动画是同时执行的。
                       2. AnimationSet也可以使用Animation类的set方法给各种属性赋值,并且集合的赋值优先级>集合中的单个动画
     举个例子:  t-平移动画  set-动画集合
        t.setDuration(2000);
        set.setDuration(500);
        此动画只执行500毫秒就结束,但是要注意的是动画是在500毫秒内执行完了,不是只执行了1/4就中断了。

        t.setFillAfter(true);
        set.setFillAfter(false);
        此动画执行完后会返回初始位置,而不是停留在结束位置。

        补充:在动画的xml文件中,根节点<set><set/>本身就是一个动画集合,在里面写的动画符合关于AnimationSet上文说的东西。想要实现不止一种动画,就多写几个动画标签就可以了。





0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:13332次
    • 积分:255
    • 等级:
    • 排名:千里之外
    • 原创:12篇
    • 转载:3篇
    • 译文:0篇
    • 评论:1条
    文章存档
    最新评论