Android中的动画总结

文章主要内容来源《Android开发艺术探索》,部分内容来源网上的文章,文中会有链接。

Android系统提供了两个动画框架:属性动画框架和View动画框架。 两个动画框架都是可行的选项,但是属性动画框架通常是首选的使用方法,因为它更灵活,并提供更多的功能。 除了这两个框架,还可以使用Drawable动画(即逐帧动画,AnimationDrawable),它允许你加载Drawable资源并逐帧地显示它们。

  1. View动画框架(补间动画)
    View动画框架中一共提供了AlphaAnimation(透明度动画)、RotateAnimation(旋转动画)、ScaleAnimation(缩放动画)、TranslateAnimation(平移动画)四种类型的补间动画;并且View动画框架还提供了动画集合类(AnimationSet),通过动画集合类(AnimationSet)可以将多个补间动画以组合的形式显示出来。补间动画的实现,一般会采用xml文件的形式,那样代码会更容易书写和阅读,同时也更容易复用。

  2. 属性动画框架
    与属性动画相比View动画存在一个缺陷,View动画改变的只是View的显示,而没有改变View的响应区域,并且View动画只能对View做四种类型的补间动画。因此Google在Android3.0(API级别11)及其后续版本中添加了属性动画框架,从名称中就可以知道只要某个类具有属性(即该类含有某个字段的set和get方法),那么属性动画框架就可以对该类的对象进行动画操作(其实就是通过反射技术来获取和执行属性的get,set方法),同样属性动画框架还提供了动画集合类(AnimatorSet),通过动画集合类(AnimatorSet)可以将多个属性动画以组合的形式显示出来。

作者:ForeverCy
链接:http://www.jianshu.com/p/b117c974deaf
來源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。


一、View动画

View动画的四种变换效果对应着Animation的四个子类:TranslateAnimation、ScaleAnimation、RotateAnimation、AlphaAnimation。四种动画可以用这四个类通过代码实现,也可以使用XML文件来定义。建议使用XML来定义动画,因为XML格式可读性好而且方便复用。

名称 标签 子类
平移动画 TranslateAnimation
缩放动画 ScaleAnimation
选中动画 RotateAnimation
透明度动画 AlphaAnimation
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:interpolator=""
    android:shareInterpolator="true|false">
    <translate
        android:fromXDelta=""
        android:toXDelta=""
        android:fromYDelta=""
        android:toYDelta="" />
    <scale
        android:fromXScale=""
        android:toXScale=""
        android:fromYScale=""
        android:toYScale=""
        android:pivotX=""
        android:pivotY="" />
    <rotate
        android:fromDegrees=""
        android:toDegrees=""
        android:pivotX=""
        android:pivotY="" />
    <alpha
        android:fromAlpha=""
        android:toAlpha="" />
    
    <set>
        <!--set嵌套set-->
    </set>
</set>

View动画可以是单个动画,也可以由一系列动画组成,使用标签实现组合。标签对应AnimationSet类,内部也可以嵌套其他动画集合。

android:interpolator表示动画集合所使用的插值器,插值器影响动画的速度,比如非匀速动画就需要通过插值器来控制动画的播放过程。这个属性可以不指定,默认是@android:anim/accelerate_decelerate_interpolator,即加速减速插值器。
android:shareInterpolator表示集合中的动画是否和集合共享同一个插值器。如果集合不指定插值器,那么子动画就需要单独指定所需要的插值器或者使用默认值。

android:fromXDelta x的起始值
android:toXDelta x的结束值
android:fromYDelta y的起始值
android:toYDelta y的结束值

android:fromXScale 水平方向缩放的起始值
android:toXScale 水平方向缩放的结束值
android:fromYScale 竖直方向缩放的起始值
android:toYScale 竖直方向缩放的结束值
android:pivotX 缩放的轴点的x坐标
android:pivotY 缩放的轴点的y坐标

android:fromDegrees 旋转开始的角度
android:toDegrees 旋转结束的角度
android:pivotX 旋转的轴点的x坐标
android:pivotY 选中的轴点的y坐标

android:fromAlpha 透明度的起始值
android:toAlpha 透明度的结束值

一些其他常用属性

android:duration 动画的持续时间
android:fillBefore 动画结束后是否回到执行前的位置
android:fillAfter 动画结束后是否停留在结束位置
android:interpolator 动画使用的插值器
android:startOffset 动画执行之前的等待时间
android:repeatCount 动画重复执行的次数
xml属性都有对应的set方法

使用示例

首先编写动画xml文件test_anim.xml

Button mButton = (Button)findViewById(R.id.button);
Animation animation = AnimationUtils.loadAnimation(context, R.anim.test_anim);
mButton.startAnimation(animation);

也可以通过代码实现

AlphaAnimation animation = new AlphaAnimation(0, 1);
animation.setDuration(300);
mButton.startAnimation(animation);

使用setAnimationListener方法可以给动画添加过程监听。

View动画的特殊使用场景

LayoutAnimation控制ViewGroup的子View的出场效果,使用步骤如下:
  1. 定义LayoutAnimation,文件名res/anim/anim_layout.xml
<layoutAnimation xmlns:android="http://schemas.android.com/apk/res/android" 
    android:delay="150"
    android:animationOrder="normal"
    android:animation="@anim/anim_item"/>

android:delay 子元素开始动画的时间延迟
android:animationOrder 子元素动画的顺序。有normal(顺序)、reverse(逆向)、random(随机)三种顺序。
android:animation 子元素入场的具体动画

  1. 定义子元素具体的入场动画,文件名res/anim/anim_item.xml
<translate xmlns:android="http://schemas.android.com/apk/res/android"
    android:fromXDelta="500"
    android:toXDelta="0"/>
  1. 为Viewgroup指定 android:layoutAnimation属性,比如ListView:
<ListView
    android:id="@+id/list"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layoutAnimation="@anim/anim_layout" />

除了通过xml中指定layoutAnimation属性,也可以通过LayoutAnimationController来实现:

Animation animation = AnimationUtils.loadAnimation(context, R.anim.anim_item);
LayoutAnimationController controller = new LayoutAnimationController(animation);
controller.setDelay(0.5f);
controller.setOrder(LayoutAnimationController.ORDER_NORMAL);
listView.setLayoutAnimation(controller);
Activity的切换效果

使用overridePendingTransition(int enterAnim, int exitAnim)方法实现Activity的切换动画,这个方法必须在startActivity()或者finish()之后调用才能生效。
Fragment也可以添加切换动画,通过FragmentTransaction中的setCustomAnimations()方法实现。



二、帧动画

帧动画的标签是,对应AnimationDrawable类。
示例代码

<animation-list xmlns:android="http://schemas.android.com/apk/res/android" 
    android:oneshot="false">
    <item android:drawable="@drawable/img1" android:duration="500"/>
    <item android:drawable="@drawable/img2" android:duration="500"/>
    <item android:drawable="@drawable/img3" android:duration="500"/>
</animation-list>
Button mButton = (Button)findViewById(R.id.button1);
mButton.setBackgroundResource(R.drawable.frame_animation);
AnimationDrawable drawable = (AnimationDrawable)mButton.getBackground();
drawable.start();

注意帧动画容易引起OOM。



三、属性动画

属性动画从 API 11 才有,属性动画可以对任意对象的属性进行动画而不仅仅是View,达到的效果是:在一个时间间隔内完成对象从一个属性值到另一个属性值的改变。属性动画常用的动画类:ValueAnimator、ObjectAnimator、AnimatorSet。ObjectAnimator继承自ValueAnimator,AnimatorSet是动画集合。
属性动画也有对应的xml标签,但是建议使用代码来实现属性动画,因为使用代码比xml简单。而且很多时候一个属性的起始值无法提前确定。

1、通过几个例子看如何使用属性动画:

  1. 改变对象myObject的translationY属性,让其沿着Y轴向上平移一段距离:它的高度。该动画在默认时间内完成
ObjectAnimator.ofFloat(myObject, "translationY", -myObject.getHeight()).start();
  1. 改变一个对象的背景色属性,让背景色在3秒内从 0xFFFF8080 到 0xFF8080FF 的渐变,动画会无限循环而且会有反转效果
ValueAnimator anim = ObjectAnimator.ofInt(myObject, "backgroundColor",0xFFFF8080,0xFF8080FF);
anim.setDuration(3000);
anim.setEvaluator(new ArgbEvaluator());
anim.setRepeatCount(ValueAnimator.INFINITE);
anim.setRepeatMode(ValueAnimator.REVERSE);
anim.start();
  1. 动画集合,5秒内对View的旋转,平移,缩放和透明都进行改变。
AnimatorSet set = new AnimatorSet();
set.playTogether(
        ObjectAnimator.ofFloat(myView, "rotationX", 0, 360),
        ObjectAnimator.ofFloat(myView, "rotationY", 0, 180),
        ObjectAnimator.ofFloat(myView, "rotation", 0, -90),
        ObjectAnimator.ofFloat(myView, "translationX", 0, 90),
        ObjectAnimator.ofFloat(myView, "translationY", 0, 90),
        ObjectAnimator.ofFloat(myView, "scaleX", 1, 1.5f),
        ObjectAnimator.ofFloat(myView, "scaleY", 1, 0.5f),
        ObjectAnimator.ofFloat(myView, "alpha", 1, 0.25f, 1)
);
set.setDuration(5*1000).start();

2、上面的代码总结

上面代码用到一个主要的方法
ObjectAnimator.ofFloat(target, propertyName, values...);

target 是动画目标,任何对象,不一定必须是View
propertyName 是属性名字
values 是可变参数, 从v1变化到v2到vn。。。

例子:
mIv是一个imageView
//alpha 从0 到1 的动画
ObjectAnimator.ofFloat(mIv, "alpha", 0f,1f)
.setDuration(500)
.start();
如果要实现其他效果,修改propertyName和values就行了。

属性动画的原理就是通过反射,以动画的效果多次调用set方法来改变属性值的。所以,使用属性动画时,相应的对象属性必须有set方法,get方法可以没有,但是如果使用动画的时候没有传递初始值,就必须提供get方法,因为系统要通过get方法获取属性的默认初始值。

在属性动画中,View的常用属性

alpha 透明度
rotation z轴旋转
rotationX x轴旋转
rotationY y轴旋转
translationX x水平偏移
translationY y水平偏移
ScaleX x轴缩放
ScaleY y轴缩放

3、插值器和估值器

插值器(TimeInterpolator/Interpolator)用来修饰动画效果,定义动画的变化规率(变化趋势),比如平移动画,可以匀速平移也可以加速平移,这个由插值器决定。
估值器(Evaluator)用来决定具体的数值变化,比如(匀)加速平移时,“加速度”是多少由估值器决定。

插值器TimeInterpolator和Interpolator,后者是继承前者的接口。
TimeInterpolator接口是属性动画中新增的,用于兼容Interpolator接口,这使得所有过去的Interpolator实现类都可以直接在属性动画使用。
出自:http://blog.csdn.net/carson_ho/article/details/72863901

系统内置的插值器有以下几种:
  • AccelerateInterpolator 加速
  • DecelerateInterpolator 减速
  • LinearInterpolator 匀速
  • AccelerateDecelerateInterpolator 先加速再减速(在动画开始与结束的地方速率改变比较慢,在中间的时候最快)
  • AnticipateInterpolator 开始的时候向后然后向前甩(先退后再加速前进)
  • AnticipateOvershootInterpolator 开始的时候向后然后向前甩一定值后返回最后的值(先退后再加速前进,超出终点后再回终点)
  • BounceInterpolator 动画结束的时候弹起(最后阶段弹球效果)
  • CycleInterpolator 动画循环播放特定的次数,速率改变沿着正弦曲线
  • OvershootInterpolator 向前甩一定值后再回到原来位置(快速完成动画,超出再回到结束时的位置)
    以上每种插值器都有对应的xml资源,比如:@android:anim/linear_interpolator。(注意资源名的规律)
系统内置的估值器有以下三种:

IntEvaluator 以整型的形式从初始值到结束值 进行过渡
FloatEvaluator 以浮点型的形式从初始值到结束值 进行过渡
ArgbEvaluator 以Argb类型的形式从初始值到结束值 进行过渡

如果系统内置的插值器和估值器无法满足需求,也可以自定义。
View动画的插值器实现Interpolator接口,View动画没有估值器
属性动画的插值器实现实现TimeInterpolator接口,估值器实现TypeEvaluator接口
自定义插值器和估值器参考系统内置的插值器和估值器即可。

以下摘自http://blog.csdn.net/carson_ho/article/details/72863901
实现Interpolator接口自定义插值器的说明(TimeInterpolator接口相同)

public interface Interpolator {  
    // 内部只有一个方法
    float getInterpolation(float input) {  
       // 参数说明
       // input值值变化范围是0-1,且随着动画进度(0% - 100% )均匀变化
       // 即动画开始时,input值 = 0;动画结束时input = 1
       // 而中间的值则是随着动画的进度(0% - 100%)在0到1之间均匀增加
   
       ...// 插值器的计算逻辑
   
       return xxx;
       // 返回的值就是用于估值器继续计算的fraction值
    }
}  

实现TypeEvaluator接口自定义估值器的说明

public interface TypeEvaluator {  

    public Object evaluate(float fraction, Object startValue, Object endValue) {  
        // 参数说明
        // fraction:插值器getInterpolation()的返回值
        // startValue:动画的初始值
        // endValue:动画的结束值

        ....// 估值器的计算逻辑

        return xxx;
        // 赋给动画属性的具体数值
        // 使用反射机制改变属性变化

        // 特别注意
        // 插值器的input值 和 估值器fraction有什么关系呢?
        // 答:input的值决定了fraction的值:input值经过计算后传入到插值器的getInterpolation()
        // 然后通过实现getInterpolation()中的逻辑算法,根据input值来计算出一个返回值,而这个返回值就是fraction了
    }  
}  
如何使用插值器和估值器

View动画和属性动画都可以使用插值器,估值器只有属性动画可以用。

插值器用法

// 步骤1:创建需要设置动画的视图View
Button mButton = (Button) findViewById(R.id.Button);
// 步骤2:创建透明度动画的对象 & 设置动画效果
Animation alphaAnimation = new AlphaAnimation(1,0);     
alphaAnimation.setDuration(3000);
// 步骤3:创建对应的插值器类对象
Interpolator overshootInterpolator = new OvershootInterpolator();
// 步骤4:给动画设置插值器
alphaAnimation.setInterpolator(overshootInterpolator);
// 步骤5:播放动画
mButton.startAnimation(alphaAnimation);

估值器用法

// 在第3个参数中传入对应估值器类的对象
ObjectAnimator anim = ObjectAnimator.ofObject(myView2, "height", new Evaluator(),1,3);

4、属性动画的监听

有两个监听接口AnimatorListener和AnimatorUpdateListener。AnimatorListener和View动画的AnimationListener类似,可以监听动画的开始、结束等过程。AnimatorUpdateListener可以监听动画的每一帧变化,动画每变化一帧,接口里的方法被调用一次。



四、动画相关的其他问题、知识、技巧

对于没有set和get方法的对象如何使用属性动画:
  1. 给对象加上相应的set和get方法,如果有权限的话(对系统的View是没有权限改源码的)
  2. 用一个包装类包装原始对象,间接的提供set和get方法
  3. 使用ValueAnimator,监听动画过程,自己实现属性的改变。ValueAnimator本身不作用于任何对象,直接使用它是没有效果的。它可以对一个值做动画,可以监听其动画过程,在动画过程中自己实现修改对象的属性值,也就相当于对象做了动画,示例代码如下:
private void performAnimate(final View button, final int start, final int end) {

    ValueAnimator valueAnimator = ValueAnimator.ofInt(1, 100);

    valueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {

        //持有一个IntEvaluator对象,方便下面估值的时候使用
        private IntEvaluator mIntEvaluator = new IntEvaluator();

        @Override
        public void onAnimationUpdate(ValueAnimator animator) {
            //获得当前动画的进度值,整型1-100之间
            int currentValue = (int) animator.getAnimatedValue();

            //获得当前进度占整个动画过程的比例,浮点型,0-1之间
            float fraction = animator.getAnimatedFraction();
            //直接调用整型估值器,通过比例计算出宽度,然后设给Button
            button.getLayoutParams().width = mIntEvaluator.evaluate(fraction, start, end);
            button.requestLayout();
        }
    });
    valueAnimator.setDuration(5000).start();
}

@Override
public void onClick(View v) {
    if (v == mButton) {
        performAnimate(mButton, mButton.getWidth(), 500);
    }
}
通过源码可以看出,属性动画需要运行在有Looper的线程中
使用动画的注意事项
  1. OOM问题。主要是帧动画图片数量较多且图片较大时容易出现OOM。
  2. 内存泄漏。在属性动画中有一类无限循环的动画,这类动画需要在Activity退出时及时停止,否则将导致Activity无法释放从而造成内存泄漏。通过验证后发现View动画不存在此问题。
  3. 兼容性问题。动画在3.0以下的系统上有兼容性问题,需要做好适配。
  4. View动画问题。View动画是对View的影像做动画,并不会真正的改变View的状态。如果出现动画完成后View无法隐藏,即setVisibility(View.GONE)失效,这个时候只要调用view.clearAnimation()清除View动画即可解决。
  5. 不要使用px。尽量使用dp,使用px会导致在不同设备上有不同的效果。
  6. View平移后:在3.0以前的系统,View动画和属性动画都是新位置无法点击,老位置可以点击;3.0以后(包括3.0),属性动画的点击事件触发位置是位移后的位置,View动画是原位置。
  7. 开启硬件加速可以提高动画的流畅性。



五、补充属性动画

View动画可以设置ViewGroup的子View的出场动画,属性动画可以为ViewGroup的子View的显示和隐藏设置过渡动画。出场动画文中已经介绍,属性动画实现的过度动画详细见ForeverCy的文章Android中的View动画和属性动画 中的相关部分。

上一篇:layui工具栏按钮监听事件


下一篇:018 Android Activity界面移入与移出的动画效果