AnimationDrawable资源的使用

AnimationDrawable资源

AnimationDrawable代表一个动画，关于动画在后续还有更多实现方式 。

Android既支持传统的逐帧动画（类似于电影方式，一张涨图片快速切换），也支持平移，变换计算出来的额补间动画。

定义补间动画的xml组员文件是<set .../>元素做根元素，该元素内可以指定4个元素。

1.alpha ： 设置透明度的改变

2.scale： 设置图片进行缩放的改变

3.translate ： 设置图片进行位移的改变

4.rotate： 设置图片进行旋转

定义动画的xml在 /res/anim 路径下，原生工具不会生成，自己新建该目录 。

定义补间动画的思路很简单，设置一张图片的开始状态（包括透明度、位置、缩放比，和旋转度）、并设置改图片的结束状态（包括透明度、位置、缩放比，和旋转度），在设置动画的持续时间，android会使用动画效果把这张图片从开始状态变换成结束状态。

补间动画的语法如下：

<?xml version="1.0" encoding="utf-8"?>
<set
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:interpolator="@[package:]anim/interpolator_anim"
    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:fromXDelta="float"
          android:toYDelta="float"         
          />
      <rotate 
          android:fromDegrees="float"
          android:toDegrees="float"
          android:pivotX="float"
          android:pivotY="float"
          />

</set>

fromXxx : 开始状态

toXxx: 结束状态

pivotX：指定变换的x的中心点

pivotY：指定变换的y的中心点

android:interpolator 指定动画变换速度，

linear_interpolator 匀速变换

accelerate_interpolator:加速变换

decelerate_interpolator:减速变换

android:shareInterpolator： 指定是否使用相同变换速度

然后定义了动画资源，

在xml调用

@[<package>:]anim/file_name

在java层调用

[<package>.]R.anim.<file_name>

实例:

动画效果 my_anim.xml文件

<?xml version="1.0" encoding="utf-8"?>
<set
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:interpolator="@android:anim/linear_interpolator"
    android:shareInterpolator="true"  >
        
     <scale 
         android:fromXScale="1.0"
         android:toXScale="1.4"
         android:fromYScale="1.0"
         android:toYScale="0.6"
         android:pivotX="50%"
         android:pivotY="50%"
         android:fillAfter="true"
         android:duration="3000"  
         />  
      <translate 
          android:fromXDelta="10"
          android:toXDelta="130"
          android:fromYDelta="30"
          android:toYDelta="-80"       
          android:duration="3000"  
          />
</set>

布局文件：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"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.example.animationdrawable.MainActivity" >

    <ImageView
        android:id="@+id/imageView2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:src="@drawable/screenshot" />

    <Button
        android:id="@+id/button1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/imageView2"
        android:layout_below="@+id/imageView2"
        android:layout_marginLeft="21dp"
        android:layout_marginTop="38dp"
        android:text="开始动画" />

</RelativeLayout>

java：

package com.example.animationdrawable;

import android.support.v7.app.ActionBarActivity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.animation.Animation;
import android.view.animation.AnimationUtils;
import android.widget.Button;
import android.widget.ImageView;

public class MainActivity extends ActionBarActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        final ImageView image = (ImageView) findViewById(R.id.imageView2);
        //加载动画资源
        final Animation anim = AnimationUtils.loadAnimation(this, R.anim.my_anim);
 //       image.setAnimation(anim);
        anim.setFillAfter(true);
        Button btn = (Button) findViewById(R.id.button1);
        btn.setOnClickListener(new OnClickListener() {
            
            @Override
            public void onClick(View v) {
                // TODO Auto-generated method stub
                image.startAnimation(anim);
            }
        });
    }
}

效果如下: