Android 动画之Tween动画详细讲解及java源码实现

Tween动画又称“补间动画”、“中间动画”，这并不重要，就好像很多人都知道鲁迅，却不知道他叫：周树人。

 

   Tween动画在Android中分为4类，它们分别是：AlphaAnimation(透明度动画)、TranslateAnimation(平移动画)、ScaleAnimation(缩放动画)、RotateAnimation(旋转动画)。都继承自android.view.Animation类，它们都是表示从一个状态A向状态B变化的一个过程，所以英文名字叫Tween动画、中文名叫：“补间动画”、“中间动画”。它们总的说来有两种实现方式：java code(java源代码)、xml(xml配置文件)，这里先从java code开始

 

   以前就是因为每中Tween动画都有很多构造函数不清楚，现在仔细看了下，记录下来方便以后查看

 

    AlphaAnimation(透明度动画)

 

    AlphaAnimation有两个构造函数，分别是：

 

                       —— AlphaAnimation(Context context, AttributeSet attrs)：第二个参数是个属性集，之后会详细对AttributeSet 讲解

 

                       ——AlphaAnimation(float fromAlpha, float toAlpha)：第一个参数是初始透明度，第二个参数是终止透明度

 

    TranslateAnimation(平移动画)

 

    TranslateAnimation有三个构造函数，分别是：

 

                       ——TranslateAnimation(Context context, AttributeSet attrs)：略过

 

                       ——TranslateAnimation(float fromXDelta, float toXDelta, float fromYDelta, float toYDelta)：分别对应x轴的起始、终点                                          坐标，与y轴的起始、终点坐标

 

                      ——TranslateAnimation(int fromXType, float fromXValue, int toXType, float toXValue, int fromYType, float fromYValue, int                                 toYType, float toYValue)：第一个参数是x轴方向的值的参照(Animation.ABSOLUTE, Animation.RELATIVE_TO_SELF,                                 or Animation.RELATIVE_TO_PARENT)；第二个参数是第一个参数类型的起始值；第三个参数与第四个参数是x轴方向的

 

                              终点参照与对应值；后面四个参数就不用解释了。如果全部选择Animation.ABSOLUTE，其实就是第二个构造函数。

 

                              以x轴为例介绍参照与对应值的关系

 

                              如果选择参照为Animation.ABSOLUTE，那么对应的值应该是具体的坐标值，比如100到300，指绝对的屏幕像素单位

 

                              如果选择参照为Animation.RELATIVE_TO_SELF或者 Animation.RELATIVE_TO_PARENT指的是相对于自身或父控件，

 

                              对应值应该理解为相对于自身或者父控件的几倍或百分之多少。一定要多试试这几个参数类型！

 

       ScaleAnimation(缩放动画)

 

       ScaleAnimation(缩放动画)有四个构造函数，分别是：

 

                       ——ScaleAnimation(Context context, AttributeSet attrs)：略过

 

                       ——ScaleAnimation(float fromX, float toX, float fromY, float toY)：同TranslateAnimation(float fromXDelta, float toXDelta,                                    float fromYDelta, float toYDelta)

 

                       ——ScaleAnimation(float fromX, float toX, float fromY, float toY, float pivotX, float pivotY)：这里解释后面两个参数，pivot

 

                               英文意思为“枢轴”，也就是支点。通过这两个参数可以控制缩放动画的放大方向，这个点不会随对象大小变化而变化

 

                      ——ScaleAnimation(float fromX, float toX, float fromY, float toY, int pivotXType, float pivotXValue, int pivotYType, float                                       pivotYValue)：如果理解了前面所讲的，这个就不做多的说明，如果不清楚，请回头多用代码试试。

 

        RotateAnimation(旋转动画)

 

         RotateAnimation(旋转动画)同样有四个构造函数，分别是：

 

                      ——RotateAnimation(Context context, AttributeSet attrs)

 

                     ——RotateAnimation(float fromDegrees, float toDegrees)

 

                     ——RotateAnimation(float fromDegrees, float toDegrees, float pivotX, float pivotY)

 

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

 

                    这里不废话了！

 

说了这么多，直接上代码。

 

这里是Java源代码

 

 

package com.tfsp.training.testtweenanimation;

 

import android.app.Activity;

import android.os.Bundle;

import android.view.View;

import android.view.View.OnClickListener;

import android.view.animation.AlphaAnimation;

import android.view.animation.Animation;

import android.view.animation.RotateAnimation;

import android.view.animation.ScaleAnimation;

import android.view.animation.TranslateAnimation;

import android.widget.ArrayAdapter;

import android.widget.Button;

import android.widget.ImageView;

import android.widget.Spinner;

 

public class TestTweenAnimation extends Activity {

//定义开始按钮

private Button start = null;

//定义动画类型下拉列表

private Spinner select = null;

//这张图片是动画执行者

private ImageView img = null;

//定义动画

private Animation tAnimation = null;

//定义一个String数组用于构造下拉列表的适配器

private String str[] = {

"平移动画", "透明度动画", "旋转动画", "缩放动画"

};


    @Override

    public void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.main);

        //分别从xml文件中得到每个控件

        start = (Button) findViewById(R.id.startButton);

        select = (Spinner) findViewById(R.id.select);

        img = (ImageView) findViewById(R.id.img);

        //实例化适配器

        ArrayAdapter<String> adapter = new ArrayAdapter<String>(this, android.R.layout.simple_spinner_item, str);

        select.setAdapter(adapter);

        //为开始按钮设置监听

        start.setOnClickListener(new OnClickListener() {


@Override

public void onClick(View v) {

InitialAnimation();

img.startAnimation(tAnimation);

}

});

    }

    

    //初始化动画

    public void InitialAnimation(){

 

    switch(select.getSelectedItemPosition()){

    case 0:

    tAnimation = new TranslateAnimation(0, 300, 50, 50);

//    tAnimation = new TranslateAnimation(Animation.RELATIVE_TO_SELF, 0.0f, Animation.RELATIVE_TO_SELF, 1.0f, Animation.RELATIVE_TO_PARENT, -0.5f, Animation.RELATIVE_TO_PARENT, -0.5f);

    break;

    case 1:tAnimation = new AlphaAnimation(0.1f, 1.0f);

    break;

    case 2:tAnimation = new RotateAnimation(0.0f, +360.0f);

    break;

    case 3:

//    tAnimation = new ScaleAnimation(0.0f, 1.0f, 0.0f, 1.0f);

    tAnimation = new ScaleAnimation(0.0f, 1.0f, 0.0f, 1.0f, 200.0f, 0.0f);

    break;

    }

    //为动画设置完成所需时间

    tAnimation.setDuration(2000);

    }

}

 

 

 

这里是main.xml

 

<?xml version="1.0" encoding="utf-8"?>

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"

    android:layout_width="fill_parent"

    android:layout_height="fill_parent"

    >

    <Spinner

    android:id="@+id/select"

    android:layout_width="fill_parent"

    android:layout_height="wrap_content"

    />

    <Button

    android:id="@+id/startButton"

    android:layout_width="fill_parent"

    android:layout_height="wrap_content"

    android:layout_below="@id/select"

    android:text="开始播放"

    />

    <ImageView

    android:id="@+id/img"

    android:layout_width="wrap_content"

    android:layout_height="wrap_content"

    android:layout_alignParentBottom="true"

    android:src="@drawable/sun"

    />

</RelativeLayout>