动画的使用—View Animation

View Animation定义了下面的四种动画效果:

缩放（scale）、位移（translation）、旋转（rotation）、透明（alpha）

 

缩放动画：

ScaleAnimation(float fromX, float toX, float fromY, float toY, float pivotX, float pivotY)

看ScaleAnimation的构造函数，各个参数的含义都很清楚

fromX： 理解为对象缩放前的宽度

toX：对象x需要缩放到多大

其他的两个带Y的参数以此类推

 

位移动画：

TranslateAnimation(float fromXDelta, float toXDelta, float fromYDelta, float toYDelta)

fromXDelte:对象执行动画之前的X坐标

toXDelte：移动目标，对象停止时所处的x坐标

 

旋转动画：

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

fromDegrees：旋转前的角度

toDegrees：对象应该旋转到多少度

最后的两个参数是控制旋转中心

 

透明动画：

AlphaAnimation(float fromAlpha, float toAlpha)

两个参数的值都只能够在0和1之间，0是全透明，1和不透明

 

实例代码：

package com.whathecode.viewanimation;



import android.os.Bundle;

import android.support.v7.app.ActionBarActivity;

import android.view.View;

import android.view.animation.AlphaAnimation;

import android.view.animation.AnimationSet;

import android.view.animation.CycleInterpolator;

import android.view.animation.RotateAnimation;

import android.view.animation.ScaleAnimation;

import android.view.animation.TranslateAnimation;

import android.widget.ImageView;



public class MainActivity extends ActionBarActivity {

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_main);

    }



    public void onclickMove(View view) {

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



        TranslateAnimation ta = new TranslateAnimation(0, 10, 0, 0);

        ta.setInterpolator(new CycleInterpolator(7f));

        ta.setDuration(1000);

        img.startAnimation(ta);

    }



    public void onclickScale(View view) {

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



        /**

         * 设置缩放中心的值

         */

        int pivotX = img.getWidth() / 2;

        int pivotY = img.getHeight() / 2;

        

        //初始化缩放对象

        ScaleAnimation sa = new ScaleAnimation(1f, 0.5f, 1f, 0.5f, pivotX,

                pivotY);

        //设置插值器，用于控制动画的行为，这里是控制动画的重复次数3

        sa.setInterpolator(new CycleInterpolator(3f));

        //动画的速率

        sa.setDuration(1500);

        img.startAnimation(sa);

    }



    public void onclickRotate(View view)

    {

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

        

        int pivotX = img.getWidth() / 2;

        int pivotY = img.getHeight() / 2;

        RotateAnimation ra = new RotateAnimation(0, 360f, pivotX, pivotY);

        ra.setDuration(1000);

        img.startAnimation(ra);

    }

    

    public void onclickAlpha(View view)

    {

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

        

        AlphaAnimation aa = new AlphaAnimation(1f, 0.5f);

        aa.setDuration(1500);

        img.startAnimation(aa);

    }

    

    public void startAnimSet(View view)

    {

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

        

        int pivotX = img.getWidth() / 2;

        int pivotY = img.getHeight() / 2;

        RotateAnimation ra = new RotateAnimation(0, 360f, pivotX, pivotY);

        ra.setDuration(1000);

        

        AlphaAnimation aa = new AlphaAnimation(1f, 0.5f);

        aa.setDuration(1500);

        

        //初始化一个空的动画集合

        AnimationSet as = new AnimationSet(false);

        

        //向集合中添加动画

        as.addAnimation(ra);

        as.addAnimation(aa);

        img.startAnimation(as);

    }

}

效果：

 

除了在java代码中初始化动画对象之外，我们还可以在xml文件中使用动画资源

下面是xml中使用动画的语法：

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

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

    android:interpolator="@[package:]anim/interpolator_resource"

    android:shareInterpolator=["true" | "false"] >

    <alpha

        android:fromAlpha="float"

        android:toAlpha="float" />

    <scale

        android:fromXScale="float"

        android:toXScale="float"

        android:fromYScale="float"

        android:toYScale="float"

        android:pivotX="float"

        android:pivotY="float" />

    <translate

        android:fromXDelta="float"

        android:toXDelta="float"

        android:fromYDelta="float"

        android:toYDelta="float" />

    <rotate

        android:fromDegrees="float"

        android:toDegrees="float"

        android:pivotX="float"

        android:pivotY="float" />

    <set>

        ...

    </set>

</set>

实例代码：

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

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

    android:shareInterpolator="false">

    <translate 

        android:fromXDelta="0"

        android:toXDelta="200"

        android:duration="1500"/>    



    <alpha 

        android:fromAlpha="1"

        android:toAlpha="0.5"

        android:duration="1500"

        />

</set>

加载资源的方法：

public void loadAnimRes(View view)

    {

        //使用loadAnimationUtils类加载动画资源

        AnimationSet as = (AnimationSet) AnimationUtils.loadAnimation(this, R.anim.animset);

        img.startAnimation(as);

    }

效果：