动画（Drawable Animation)（百度糯米加载动画示

概述：

Drawable animation通过载入一系列的图片资源来实现一个连续的动画效果，即我们通常说的帧动画。

实现关键点：

（1）定义一个包含<animation-list>元素的xml文件。
（2）使用AnimationDrawable类来控制动画的启动和停止等操作。

示例：

我们用百度糯米的加载动画来举个例子，先看下百度糯米加载动画的效果图。

loading.gif

（1）在drawable目录下定义一个xml文件命名为conent_loading.xml。

<?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/component_tip_loading1" android:duration="200" />
    <item android:drawable="@drawable/component_tip_loading2" android:duration="200" />
    <item android:drawable="@drawable/component_tip_loading3" android:duration="200" />
    <item android:drawable="@drawable/component_tip_loading4" android:duration="200" />
    <item android:drawable="@drawable/component_tip_loading5" android:duration="200" />
    <item android:drawable="@drawable/component_tip_loading6" android:duration="200" />
    <item android:drawable="@drawable/component_tip_loading7" android:duration="200" />
    <item android:drawable="@drawable/component_tip_loading8" android:duration="200" />
    <item android:drawable="@drawable/component_tip_loading9" android:duration="200" />
</animation-list>

在xml中oneshot为false表示循环执行，为true表示只执行一次。每个item标签对应一张图片（frame）。如果需要多个图片的叠加效果可以使用<layer-list/>标签将item包起来。本文中没有涉及。

（2）在Activity中初始化控件，并且启动动画。

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

    private void initLoading() {
        ImageView contentLoadingImage = (ImageView) findViewById(R.id.loading_img);
        contentLoadingImage.setBackgroundResource(R.drawable.content_loading);
        AnimationDrawable contentLoadingDrawable = (AnimationDrawable) contentLoadingImage.getBackground();
        contentLoadingDrawable.start();
    }

Activity的布局文件：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_main"
    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.wayne.android.drawableanimation.MainActivity">

    <ImageView
        android:id="@+id/loading_img"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"/>
</RelativeLayout>

结语：

Drawable animation使用比较简单，对于有些好玩的，不易用代码绘制但是可以用多个连续图片表现的动画，可以选择用它来实现。