Android动画之---补间动画

补间动画也叫Tween动画，对某个View操作，使其展现出平移，缩放，旋转以及渐变一种转换过程，它值需要提供开始和结束相关信息，中间过程并没有显示，而是在变化过程中由系统计算并显示，所以叫做补间动画。

补间动画可以使用XML标签表示或者java代码来实现

名称	XML标签	JAVA类
渐变动画	< alpha >	AlaphAnimation
平移动画	< translate >	TranslateAnimation
缩放动画	< scale >	ScaleAnimation
旋转动画	< rotate >	RotateAnimation
集合动画	< set >	AnimationSet

上面表格中的集合动画是上述四种动画的任意组合，这里只是为了学习方便，才这样写！
上面的java类都是继承了抽象类Animtion，先看看Animation中比较重要的方法：

方法名	作用	备注
setDuration(long durationMillis)	设置动画持续的时间长度	durationMillis不能为负数
setRepeatCount(int repeatCount)	设置动画重复的次数	repeatCount<0的话，方法内部会设为无限次
setRepeatMode(int repeatMode)	设置动画重复的模式	Animation.REVERSE:从结束位置反过来进行动画;Animation.INFINITE:从开始位置重新进行动画
setFillBefore(boolean fillBefore)	设置是否保存动画开始之前的状态
setFillAfter(boolean fillAfter)	设置是否保持动画结束之后的状态
setStartTime(long startTimeMillis)	设置动画开始的时间
setStartOffset(long startOffset	设置动画之间开始的时间间隔
setInterpolator(Interpolator i)	设置动画的差值器

下面就逐一进行学习
1.渐变动画
1.1，java代码实现，使用AlaphAnimation类

                Animation aiAnimation = new AlphaAnimation(0.1f, 1.0f);//从透明到不透明
                aiAnimation.setDuration(1000);//设置持续时间
                aiAnimation.setFillAfter(false);//设置不保持动画结束的状态
                aiAnimation.setRepeatMode(Animation.REVERSE);//设置从结束位置反过来进行动画模式
                aiAnimation.setRepeatCount(Animation.INFINITE);//设置动画无限循环的次数
                iv.startAnimation(aiAnimation);

1.2，XML实现，使用< alaph >标签
在res/anim文件夹下创建一个文件anim_alaph.xml,内容如下：

<alpha xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="1000"
    android:fillAfter="false"
    android:fromAlpha="0.1"
    android:repeatCount="infinite"
    android:repeatMode="reverse"
    android:toAlpha="1.0">

alpha>

在java代码中只需要

                Animation aiAnimation = AnimationUtils.loadAnimation(SubActivity.this, R.anim.anim_alaph);//动画工具加载动画
                iv.setAnimation(aiAnimation);

上面两种方式可以实现同样的动画效果；

2.平移动画
2.1TranslateAnimation类用于实现平移动画，它主要有两个构造方法
public TranslateAnimation(float fromXDelta, float toXDelta, float fromYDelta, float toYDelta)
public TranslateAnimation(int fromXType, float fromXValue, int toXType, float toXValue,
int fromYType, float fromYValue, int toYType, float toYValue)
这连个构造方法里面涉及如下变量值;
/**
* The specified dimension is an absolute number of pixels.
*/
public static final int ABSOLUTE = 0;
/**
* The specified dimension holds a float and should be multiplied by the
* height or width of the object being animated.
*/
public static final int RELATIVE_TO_SELF = 1;
/**
* The specified dimension holds a float and should be multiplied by the
* height or width of the parent of the object being animated.
*/
public static final int RELATIVE_TO_PARENT = 2;
关于这些，可以参考浅谈Android视图动画中的坐标系问题
java代码实现方式：

        TranslateAnimation animation = new TranslateAnimation(50, 300, 50, 300);
        animation.setDuration(2000);
        animation.setFillAfter(true);
        animation.setInterpolator(new AccelerateDecelerateInterpolator());
        iv.startAnimation(animation);

XML实现方式：

在res/anim文件夹下创建一个文件anim_translate.xml,内容如下：

<translate xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="2000"
    android:fillAfter="true"
    android:fromXDelta="50"
    android:fromYDelta="50"
    android:interpolator="@android:interpolator/accelerate_decelerate"
    android:toXDelta="300"
    android:toYDelta="300">

translate>

在代码中调用；

 Animation aiAnimation = AnimationUtils.loadAnimation(SubActivity.this, R.anim.anim_translate);//动画工具加载动画
 iv.setAnimation(aiAnimation);

上面运行的效果是一样的：

3.缩放动画
1.public ScaleAnimation(float fromX, float toX, float fromY, float toY)
fromX:表示x缩放的起始点缩放比例 toX:表示x缩放的结束点缩放比例
fromY:表示Y缩放的起始点缩放比例 toY:表示y缩放的结束点缩放比例
这个构造函数默认缩放中心在(0，0), X和Y的缩放坐标类型都是Animation.ABSOLUTE
2.public ScaleAnimation(float fromX, float toX, float fromY, float toY,float pivotX, float pivotY)
//这个构造可以自己设置缩放的中心点坐标 X和Y的缩放坐标类型都是Animation.ABSOLUTE
3.public ScaleAnimation(float fromX, float toX, float fromY, float toY, int pivotXType, float pivotXValue, int pivotYType, float pivotYValue)
//这个构造可以自己设置缩放的起始点和终点坐标，缩放中心点 ，XY缩放的类型
java代码实现：

ScaleAnimation aiAnimation = new ScaleAnimation(1f, 0.5f, 1f, 0.5f,
                Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
aiAnimation.setDuration(1500);
aiAnimation.setRepeatMode(Animation.REVERSE);
aiAnimation.setRepeatCount(Animation.INFINITE);
iv.startAnimation(aiAnimation);

XML的实现：

<scale xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="1500"
    android:fromXScale="1"
    android:fromYScale="1"
    android:pivotX="50%"
    android:pivotY="50%"
    android:repeatCount="infinite"
    android:repeatMode="reverse"
    android:toXScale="0.5"
    android:toYScale="0.5"
    >

scale>

java加载

 Animation aiAnimation = AnimationUtils.loadAnimation(SubActivity.this, R.anim.anim_scale);
 iv.setAnimation(aiAnimation);

运行效果：

4.旋转动画
旋转动画构造就不贴了
java代码：

        RotateAnimation aiAnimation = new RotateAnimation(0, 180, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
        aiAnimation.setDuration(1500);
        aiAnimation.setRepeatMode(Animation.REVERSE);
        aiAnimation.setRepeatCount(Animation.INFINITE);
        iv.startAnimation(aiAnimation);

XML实现：

<rotate xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="1500"
    android:fromDegrees="0"
    android:pivotX="50%"
    android:pivotY="50%"
    android:repeatCount="infinite"
    android:repeatMode="reverse"
    android:toDegrees="180">

rotate>

java代码加载：

Animation aiAnimation = AnimationUtils.loadAnimation(SubActivity.this, R.anim.anim_rotate);
 iv.setAnimation(aiAnimation);

运行效果图：

集合动画
多个动画的合集
java实现如下：

     AnimationSet animationSet = new AnimationSet(true);
     //渐变动画
     AlphaAnimation alphaAnimation = new AlphaAnimation(1f, 0.05f);
     alphaAnimation.setDuration(3000);
     //缩放动画
     ScaleAnimation scaleAnimation = new ScaleAnimation(1f, 0.05f, 1f, 0.05f,    Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
     scaleAnimation.setDuration(3000);
     //旋转动画
     RotateAnimation rotateAnimation = new RotateAnimation(0, 360, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
     rotateAnimation.setDuration(3000);
     //动画集合添加三个动画
     animationSet.addAnimation(alphaAnimation);
     animationSet.addAnimation(scaleAnimation);
     animationSet.addAnimation(rotateAnimation);
     iv.startAnimation(animationSet);

使用XML也可以实现：

<set xmlns:android="http://schemas.android.com/apk/res/android">
    <scale
        android:duration="3000"
        android:fromXScale="1.0"
        android:fromYScale="1.0"
        android:pivotX="50%"
        android:pivotY="50%"
        android:toXScale="0.01"
        android:toYScale="0.01" />
    <alpha
        android:duration="3000"
        android:fromAlpha="1"
        android:toAlpha="0.05" />
    <rotate
        android:duration="3000"
        android:fromDegrees="0"
        android:pivotX="50%"
        android:pivotY="50%"
        android:toDegrees="360" />

set>

java代码加载

Animation aiAnimation = AnimationUtils.loadAnimation(SubActivity.this, R.anim.anim_set);
iv.setAnimation(aiAnimation);

上面运行的效果：

补间动画除了上面四种形式，还有了些特殊的使用方式，比如LayoutAnimation可以用于控制ViewGroup中子元素的出场顺序，通常用于ListView中，比如下面的效果：

纯粹使用XML也可以达到效果
1,res/anim文件夹下面先定义一个anim_item.xml文件内容如下:

<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:interpolator="@android:anim/accelerate_interpolator"
    android:shareInterpolator="true">
    <translate
        android:duration="300"
        android:fromXDelta="100%"
        android:toXDelta="0%" />
    <alpha
        android:duration="300"
        android:fromAlpha="0.1"
        android:toAlpha="1.0" />

set>

2,文件res/anim文件夹下载新建一个anim_layout.xml文件内容如下：

<layoutAnimation xmlns:android="http://schemas.android.com/apk/res/android"
    android:animation="@anim/anim_item"
    android:animationOrder="normal"
    android:delay="0.5"
    android:interpolator="@android:anim/accelerate_interpolator">

layoutAnimation>

解释一下
android：animation表示为子元素指定具体的入场动画，这里是我们定义的anim_item.xml
android:animationOrder表示子元素动画的顺序，有三个值noraml(正序)reverse(逆序)random(随机)
android：delay表示子元素动画的 时间延迟，这里0.5是子View每个动画延迟150s,每个动画的周期300s(上面定义的)乘以0.5

3，在ListView的布局中引用 android:layoutAnimation=”@anim/anim_layout”

    "@+id/lv_anim"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_below="@id/btnAnimation"
        android:divider="@android:color/background_dark"
        android:dividerHeight="1px"
        android:layoutAnimation="@anim/anim_layout" />

当然是用java代码也可以实现效果

         Animation animation = AnimationUtils.loadAnimation(this, R.anim.anim_item);
        /**布局动画加载器，构建每个子view的动画效果*/
        LayoutAnimationController lac = new LayoutAnimationController(animation);
        lac.setDelay(0.5f);//设置子项动画时间间隔
        lac.setInterpolator(new AccelerateInterpolator());//设置加速
        lac.setOrder(LayoutAnimationController.ORDER_NORMAL);//设置是正序
        listview.setLayoutAnimation(lac);//设置给ListView
        listview.startLayoutAnimation();//启动