Android（java）学习笔记142：Android中补间动画（Tween Animation）

本文主要简单介绍补间动画使用代码实现，

关于使用xml实现补间动画，

可以参看：自定义控件三部曲之动画篇（一）——alpha、scale、translate、rotate、set的xml属性及用法

1. 由于这个View动画的逻辑很简单，我这里就直接先附上代码：

activity_main.xml:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity" >

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal" >

        <Button
            android:layout_width="0dip"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:onClick="alpha"
            android:text="alpha" />

        <Button
            android:layout_width="0dip"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:onClick="scale"
            android:text="scale" />

        <Button
            android:layout_width="0dip"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:onClick="trans"
            android:text="trans" />

        <Button
            android:layout_width="0dip"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:onClick="rotate"
            android:text="rotate" />
        
        <Button
            android:layout_width="0dip"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:onClick="set"
            android:text="set" />
    </LinearLayout>

    <ImageView
        android:id="@+id/iv"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_centerVertical="true"
        android:src="@drawable/ic_launcher" />

</RelativeLayout>

接下来MainActivity.java:

package com.itheima.tweenanim;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.animation.AlphaAnimation;
import android.view.animation.Animation;
import android.view.animation.AnimationSet;
import android.view.animation.RotateAnimation;
import android.view.animation.ScaleAnimation;
import android.view.animation.TranslateAnimation;
import android.widget.ImageView;

public class MainActivity extends Activity {
    private ImageView iv;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        iv = (ImageView) findViewById(R.id.iv);
    }

    /**
     * 透明度变化的动画
     * 
     * @param view
     */
    public void alpha(View view) {
        // 声明动画 完全透明--》完全不透明
        AlphaAnimation aa = new AlphaAnimation(0.0f, 1.0f);
        // 设置动画播放的时间
        aa.setDuration(2000);
        // 重复播放的次数
        aa.setRepeatCount(2);
        // 倒序播放
        aa.setRepeatMode(Animation.REVERSE);
        iv.startAnimation(aa);
    }

    /**
     * 缩放动画
     * 
     * @param view
     */
    public void scale(View view) {
        ScaleAnimation sa = new ScaleAnimation(0.1f, 2.0f, 0.1f, 2.0f,
                Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF,
                0.5f);
        // 设置动画播放的时间
        sa.setDuration(2000);
        // 重复播放的次数
        sa.setRepeatCount(2);
        // 倒序播放
        sa.setRepeatMode(Animation.REVERSE);
        iv.startAnimation(sa);
    }

    /**
     * 位移动画
     * 
     * @param view
     */
    public void trans(View view) {
        TranslateAnimation ta = new TranslateAnimation(
                Animation.RELATIVE_TO_PARENT, -0.5f,
                Animation.RELATIVE_TO_PARENT, 0.5f,
                Animation.RELATIVE_TO_PARENT, -0.5f,
                Animation.RELATIVE_TO_PARENT, 0.5f);
        // 设置动画播放的时间
        ta.setDuration(2000);
        // 重复播放的次数
        ta.setRepeatCount(2);
        // 倒序播放
        ta.setRepeatMode(Animation.REVERSE);
        iv.startAnimation(ta);
    }

    public void rotate(View view) {
        RotateAnimation ra = new RotateAnimation(0, 360,
                Animation.RELATIVE_TO_SELF, 0.0f, Animation.RELATIVE_TO_SELF,
                0.0f);
        // 设置动画播放的时间
        ra.setDuration(2000);
        // 重复播放的次数
        ra.setRepeatCount(2);
        // 倒序播放
        ra.setRepeatMode(Animation.REVERSE);
        iv.startAnimation(ra);
    }
    /**
     * 动画集合
     * @param view
     */
    public void set(View view){
        AnimationSet set = new AnimationSet(false);//每个动画时间变化的情况都是独立的
        ScaleAnimation sa = new ScaleAnimation(0.1f, 2.0f, 0.1f, 2.0f,
                Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF,
                0.5f);
        // 设置动画播放的时间
        sa.setDuration(2000);
        // 重复播放的次数
        sa.setRepeatCount(2);
        // 倒序播放
        sa.setRepeatMode(Animation.REVERSE);
        TranslateAnimation ta = new TranslateAnimation(
                Animation.RELATIVE_TO_PARENT, -0.2f,
                Animation.RELATIVE_TO_PARENT, 0.2f,
                Animation.RELATIVE_TO_PARENT, -0.2f,
                Animation.RELATIVE_TO_PARENT, 0.2f);
        // 设置动画播放的时间
        ta.setDuration(2000);
        // 重复播放的次数
        ta.setRepeatCount(2);
        // 倒序播放
        ta.setRepeatMode(Animation.REVERSE);
        RotateAnimation ra = new RotateAnimation(0, 360,
                Animation.RELATIVE_TO_SELF, 0.0f, Animation.RELATIVE_TO_SELF,
                0.0f);
        // 设置动画播放的时间
        ra.setDuration(2000);
        // 重复播放的次数
        ra.setRepeatCount(2);
        // 倒序播放
        ra.setRepeatMode(Animation.REVERSE);
        set.addAnimation(ra);
        set.addAnimation(ta);
        set.addAnimation(sa);
        iv.startAnimation(set);
    }
}

 2. 构造方法解析

（1）AlphaAnimation 

AlphaAnimation 动画，窗口的动画效果，渐变透明度动画效果 ，有些游戏的欢迎动画，logo的淡入淡出效果就使用AlphaAnimation。

AlphaAnimation(float fromAlpha, float toAlpha);

浮点型值：

             fromAlpha 属性为动画起始时透明度

                 toAlpha  属性为动画结束时透明度

说明:

            0.0表示完全透明

           1.0表示完全不透明

以上值取0.0-1.0之间的float数据类型的数字

（2）ScaleAnimation

ScaleAnimation类是Android系统中的尺寸变化动画类，用于控制View对象的尺寸变化，该类继承于Animation类。ScaleAnimation类中的很多方法都与Animation类一致，该类中最常用的方法便是ScaleAnimation构造方法。

public ScaleAnimation (float fromX, float toX, float fromY, float toY, int pivotXType, float pivotXValue, int pivotYType, float pivotYValue);

参数说明

fromX：动画起始时，X坐标上的伸缩尺寸。              0.0表示收缩到没有

toX：动画结束时，X坐标上的伸缩尺寸 。                  1.0表示正常无伸缩

fromY：动画起始时，Y坐标上的伸缩尺寸 。            值小于1.0表示收缩

toY：动画结束时，Y坐标上的伸缩尺寸。                  值大于1.0表示放大

这4个参数确定从什么大小缩放到什么大小

pivotXType：动画在X轴相对于物件位置类型 （X轴的伸缩模式），可以取值为ABSOLUTE、RELATIVE_TO_SELF、RELATIVE_TO_PARENT。

pivotXValue：动画相对于物件的X坐标的开始位置。

pivotYType：动画在Y轴相对于物件位置类型 （Y轴的伸缩模式），可以取值为ABSOLUTE、RELATIVE_TO_SELF、RELATIVE_TO_PARENT。

pivotYValue：动画相对于物件的Y坐标的开始位置 。

这4个参数确定开始缩放的坐标，最后坐标是原来的坐标

有三种默认值：

RELATIVE_TO_PARENT 相对于父控件

RELATIVE_TO_SELF 相对于符自己

RELATIVE_TO_ABSOLUTE 绝对坐标

（3）TranslateAnimation 

在android动画中，最常用的一个莫不是TranslateAnimation了，这个类主要负责实现控件的动态位移，经常被用做指示器的移动动画。比如qq安卓客户端的指示器，如下图。

 

（4）RotateAnimation 

public RotateAnimation (float fromDegrees, float toDegrees, int pivotXType, float pivotXValue, int pivotYType, float pivotYValue);

参数说明

fromDegrees：旋转的开始角度。

toDegrees：旋转的结束角度。

pivotXType：X轴的伸缩模式，可以取值为ABSOLUTE、RELATIVE_TO_SELF、RELATIVE_TO_PARENT。

pivotXValue：X坐标的伸缩值。

pivotYType：Y轴的伸缩模式，可以取值为ABSOLUTE、RELATIVE_TO_SELF、RELATIVE_TO_PARENT。

pivotYValue：Y坐标的伸缩值。