android 动画属性（二）之 Frame动画

Frame动画

1.在android当中动画效果是分为：Frame动画和Tween动画的Frame动画则简单得多了，就是把一张张的图片连续播放产生动画效果；Tween动画主要包括图片的放大缩小、旋转、透明度变化、移动等等操作；
这里就简单介绍一下Frame动画。

Frame动画主要是通过AnimationDrawable类来实现的，其中有两个方法start()和stop()，是用来控制动画的启动和停止的。

Frame动画一般通过XML文件配置，在工程的res/anim目录下创建一个XML配置文件，该配置文件有一个<animation-list>根元素和若干个<item>子元素。

下面就通过在XML文件中配置动画来展示效果：

Res里面创建一个anim文件夹并创建show.xml：

show.xml的为：   其中有个android:oneshot指示是否只运行一次，设置为false则意味着循环播放。

 

<?xml version="1.0" encoding="utf-8"?>
<animation-list xmlns:android="http://schemas.android.com/apk/res/android"
    android:oneshot="false" >

    <item
        android:drawable="@drawable/p1"
        android:duration="500"/>
    <item
        android:drawable="@drawable/p2"
        android:duration="500"/>
    <item
        android:drawable="@drawable/p3"
        android:duration="500"/>
    <item
        android:drawable="@drawable/p4"
        android:duration="500"/>
    <item
        android:drawable="@drawable/p5"
        android:duration="500"/>
    <item
        android:drawable="@drawable/p6"
        android:duration="500"/>

</animation-list>

 

activity的activity_main.xml

<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=".MainActivity" >

    <ImageView
        android:id="@+id/iamge"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@anim/show" />

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

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

        <Button
            android:id="@+id/stop"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="停止" />
    </LinearLayout>

</LinearLayout>

MainActivity：

public class MainActivity extends Activity {
    private ImageView image;
    private Button start;
    private Button stop;
    private AnimationDrawable animationDrawable;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        image = (ImageView) findViewById(R.id.iamge);
        start = (Button) findViewById(R.id.start);
        stop = (Button) findViewById(R.id.stop);

        // 获取AnimationDrawable来控制图片显示和开始,  show.xml文件在activity_main.xml中已经赋给ImageView了
        animationDrawable = (AnimationDrawable) image.getBackground();
        start.setOnClickListener(new Button.OnClickListener() {

            @Override
            public void onClick(View v) {
                animationDrawable.start();
            }
        });

        stop.setOnClickListener(new Button.OnClickListener() {

            @Override
            public void onClick(View v) {
                animationDrawable.stop();
            }
        });

    }

}

运行后的效果是：

 

 

源码下载地址