Tween(补间动画)

Android使用Animation代表抽象的动画类.它包括如下几个子类:

1. AlphaAnimation: 该动画需要指定动画开始时的透明度和结束时的透明度,和动画持续时间.其中透明度是 从0 到 1 变化.
2. ScaleAnimation: 大小缩放动画. 创建该动画时需要指定动画开始时的缩放比(以x轴,y轴的缩放参数来表示) 结束的时动画缩放比(以x轴,y轴的缩放参数来表示) ,并指定动画持续时间. 由于缩放时以不同点为中心时缩放效果并不相同,因此并不相同,因此指定缩放动画时还需要通过pivotX, pivotY指定”缩放中心”的坐标.
3. TranslateAnimation : 位移变化动画.创建该动画时,只要指定动画开始时的位置(以x,y坐标的来表示) , 结束时的位置,(以x,y坐标的来表示)并指定动画持续时间即可.
4. RotateAnimation: 旋转动画,创建该动画时只要指定动画开始时的旋转角度,结束时的旋转角度,并指定动画持续时间.由于旋转时以不同点为中心时旋转效果并不相同,因此并不相同,因此指定旋转动画时还需要通过pivotX, pivotY指定”旋转轴心”的坐标.

---

为了控制在动画期间需要动态的”补入”多少帧,具体在动画运行的哪些时刻补入帧,需要借助于Interpolator.
Interpolator 负责控制动画的变化速度,这就使得基本的动画时间(Alpha,Scale,Translate,Rotate) 能以匀速变化,加速,减速,抛物线速度等各种速度变化.
Interpolator 是一个接口,它定义了所有的 Interpolator 都需要实现的方法: float getInterpolation (float input) 开发者完全可以通过实现 Interpolator 来控制动画的变化速度.

---

Android 为 Interpolator 提供了如下几个 实现类,分别实现不同动画变化速度.

1. LinearInterpolator 动画以均匀的速度改变.
2. AccelerateInterpolator : 在动画开始的地方,改变速度较慢,然后开始加速.
3. AccelerateDecelerateInterpolator: 在动画开始和结束的地方,改变速度较慢,然后在中间开始加速.
4. CycleInterpolator 动画循环播放特定次数,变化速度按正弦曲线速度改变.
5. DecelerateInterpolator 在动画开始的地方,改变速度较快,然后开始减速.

---

为了在动画资源文件中指定补间动画所使用的 Interpolator 定义补间动画的(set…/>)元素支持一个 android:interpolator=”@android:anim/linear_interpolator”属性. 该属性的属性值可指定为Android 默认支持的 interpolator . 例如 :

1. @android:anim/linear_interpolator
2. @android:anim/accelerate_interpolator

3. @android:anim/accelerate_decelerate_interpolator

   一旦程序中通过AnimationUtils 得到补间动画的 Animation之后,接下来就可以调用View 的startAnimation(Animation anim) 方法开始对该View 执行动画了.

---

package com.test.tweenanimation;

import android.os.Bundle;
import android.os.Handler;
import android.os.Message;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.view.animation.Animation;
import android.view.animation.AnimationUtils;
import android.widget.Button;
import android.widget.ImageView;

import java.util.Timer;
import java.util.TimerTask;

/**
 * 补间动画
 */

public class MainActivity extends AppCompatActivity {
    Button btn;
    ImageView image;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        btn = (Button) findViewById(R.id.start);
        image = (ImageView) findViewById(R.id.iv_image);

        //加载第一个动画资源
        final Animation anim = AnimationUtils.loadAnimation(this, R.anim.my_anim);

        anim.setFillAfter(true); //设置true 表示保持动画完成之后的状态.

        //加载第2份动画资源
        final Animation reverse = AnimationUtils.loadAnimation(this, R.anim.reverse);
        reverse.setFillAfter(true);//设置true 表示保持动画完成之后的状态.

        final Handler handler = new Handler() {
            @Override
            public void handleMessage(Message msg) {
                if (msg.what == 0x123) {
                    image.startAnimation(reverse);
                }

            }
        };

        btn.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                image.startAnimation(anim);

                //设置 5秒之后启动第二个动画
                new Timer().schedule(new TimerTask() {
                    @Override
                    public void run() {
                        handler.sendEmptyMessage(0x123);
                    }
                }, 2000);
            }
        });
    }
}

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

    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"
    android:orientation="vertical"
    tools:context="com.test.tweenanimation.MainActivity">

    <Button
        android:id="@+id/start"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="开始动画"/>

    <ImageView
        android:background="@drawable/flower"
        android:id="@+id/iv_image"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:scaleType="fitXY"
        />
</LinearLayout>

动画资源

<?xml version="1.0" encoding="utf-8"?>
<!-- linear_interpolator 指定动画匀速改变-->
<set xmlns:android="http://schemas.android.com/apk/res/android"

     android:interpolator="@android:anim/linear_interpolator">
    <!--定义缩放动画-->
    <scale
        android:duration="3000"
        android:fillAfter="true"
        android:fromXScale="0.01"
        android:fromYScale="1.0"
        android:pivotX="50%"
        android:pivotY="50%"
        android:toYScale="0.01"
        />

    <!--定义透明度变化-->
    <alpha
        android:duration="3000"
        android:fromAlpha="1"
        android:toAlpha="0.5"
        />

    <!--定义旋转动画-->
    <rotate
        android:duration="3000"
        android:fromDegrees="0"
        android:pivotX="50%"
        android:pivotY="50%"
        android:toDegrees="1800"
        />
</set>