Android动画之逐帧动画(Frame Animation)实例详解

本文实例分析了android动画之逐帧动画。分享给大家供大家参考，具体如下：

在开始实例讲解之前，先引用官方文档中的一段话：

frame动画是一系列图片按照一定的顺序展示的过程，和放电影的机制很相似，我们称为逐帧动画。frame动画可以被定义在xml文件中，也可以完全编码实现。

如果被定义在xml文件中，我们可以放置在/res下的anim或drawable目录中(/res/[anim | drawable]/filename.xml)，文件名可以作为资源id在代码中引用；如果由完全由编码实现，我们需要使用到animationdrawable对象。

如果是将动画定义在xml文件中的话，语法如下：

<?xml version="1.0" encoding="utf-8"?>
<animation-list xmlns:android="http://schemas.android.com/apk/res/android"
  android:oneshot=["true" | "false"] >
  <item
    android:drawable="@[package:]drawable/drawable_resource_name"
    android:duration="integer" />
</animation-list>

需要注意的是：

<animation-list>元素是必须的，并且必须要作为根元素，可以包含一或多个<item>元素；android:onshot如果定义为true的话，此动画只会执行一次，如果为false则一直循环。
<item>元素代表一帧动画，android:drawable指定此帧动画所对应的图片资源，android:druation代表此帧持续的时间，整数，单位为毫秒。

文档接下来的示例我就不在解说了，因为接下来我们也要结合自己的实例演示一下这个过程。

我们新建一个名为anim的工程，将四张连续的图片分别命名为f1.png，f2.png，f3.png，f4.png，放于drawable目录，然后新建一个frame.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/f1" android:duration="300" />
  <item android:drawable="@drawable/f2" android:duration="300" />
  <item android:drawable="@drawable/f3" android:duration="300" />
  <item android:drawable="@drawable/f4" android:duration="300" />
</animation-list>

我们可以将frame.xml文件放置于drawable或anim目录，官方文档上是放到了drawable中了，大家可以根据喜好来放置，放在这两个目录都是可以运行的。

然后介绍一下布局文件res/layout/frame.xml：

<?xml version="1.0" encoding="utf-8"?>
<linearlayout
 xmlns:android="http://schemas.android.com/apk/res/android"
 android:orientation="vertical"
 android:layout_width="fill_parent"
 android:layout_height="fill_parent">
 <imageview
  android:id="@+id/frame_image"
  android:layout_width="fill_parent"
  android:layout_height="fill_parent"
  android:layout_weight="1"/>
 <button
  android:layout_width="fill_parent"
  android:layout_height="wrap_content"
  android:text="stopframe"
  android:onclick="stopframe"/>
 <button
  android:layout_width="fill_parent"
  android:layout_height="wrap_content"
  android:text="runframe"
  android:onclick="runframe"/>
</linearlayout>

我们定义了一个imageview作为动画的载体，然后定义了两个按钮，分别是停止和启动动画。

接下来介绍一下如何通过加载动画定义文件来实现动画的效果。我们首先会这样写：

package com.scott.anim;
import android.app.activity;
import android.graphics.drawable.animationdrawable;
import android.graphics.drawable.drawable;
import android.os.bundle;
import android.view.view;
import android.widget.imageview;
public class frameactivity extends activity {
  private imageview image;
  @override
  protected void oncreate(bundle savedinstancestate) {
    super.oncreate(savedinstancestate);
    setcontentview(r.layout.frame);
    image = (imageview) findviewbyid(r.id.frame_image);
    image.setbackgroundresource(r.anim.frame);
    animationdrawable anim = (animationdrawable) image.getbackground();
    anim.start();
  }
}

看似十分完美，跟官方文档上写的一样，然而当我们运行这个程序时会发现，它只停留在第一帧，并没有出现我们期望的动画，也许你会失望的说一句：“why?”，然后你把相应的代码放在一个按钮的点击事件中，动画就顺利执行了，再移回到oncreate中，还是没效果，这个时候估计你会气急败坏的吼一句：“what the fuck!”。但是，什么原因呢？如何解决呢？

出现这种现象是因为当我们在oncreate中调用animationdrawable的start方法时，窗口window对象还没有完全初始化，animationdrawable不能完全追加到窗口window对象中，那么该怎么办呢？我们需要把这段代码放在onwindowfocuschanged方法中，当activity展示给用户时，onwindowfocuschanged方法就会被调用，我们正是在这个时候实现我们的动画效果。当然，onwindowfocuschanged是在oncreate之后被调用的，如图：

然后我们需要重写一下代码：

package com.scott.anim;
import android.app.activity;
import android.graphics.drawable.animationdrawable;
import android.graphics.drawable.drawable;
import android.os.bundle;
import android.view.view;
import android.widget.imageview;
public class frameactivity extends activity {
  private imageview image;
  @override
  protected void oncreate(bundle savedinstancestate) {
    super.oncreate(savedinstancestate);
    setcontentview(r.layout.frame);
    image = (imageview) findviewbyid(r.id.frame_image);
  }
  @override
  public void onwindowfocuschanged(boolean hasfocus) {
    super.onwindowfocuschanged(hasfocus);
    image.setbackgroundresource(r.anim.frame);
    animationdrawable anim = (animationdrawable) image.getbackground();
    anim.start();
  }
}

运行一下，动画就可以正常显示了。

如果在有些场合，我们需要用纯代码方式实现一个动画，我们可以这样写：

animationdrawable anim = new animationdrawable();
for (int i = 1; i <= 4; i++) {
  int id = getresources().getidentifier("f" + i, "drawable", getpackagename());
  drawable drawable = getresources().getdrawable(id);
  anim.addframe(drawable, 300);
}
anim.setoneshot(false);
image.setbackgrounddrawable(anim);
anim.start();

完整的frameactivity.java代码如下：

package com.scott.anim;
import android.app.activity;
import android.graphics.drawable.animationdrawable;
import android.graphics.drawable.drawable;
import android.os.bundle;
import android.view.view;
import android.widget.imageview;
public class frameactivity extends activity {
  private imageview image;
  @override
  protected void oncreate(bundle savedinstancestate) {
    super.oncreate(savedinstancestate);
    setcontentview(r.layout.frame);
    image = (imageview) findviewbyid(r.id.frame_image);
  }
  @override
  public void onwindowfocuschanged(boolean hasfocus) {
    super.onwindowfocuschanged(hasfocus);
    image.setbackgroundresource(r.anim.frame); //将动画资源文件设置为imageview的背景
    animationdrawable anim = (animationdrawable) image.getbackground(); //获取imageview背景,此时已被编译成animationdrawable
    anim.start();  //开始动画
  }
  public void stopframe(view view) {
    animationdrawable anim = (animationdrawable) image.getbackground();
    if (anim.isrunning()) { //如果正在运行,就停止
      anim.stop();
    }
  }
  public void runframe(view view) {
    //完全编码实现的动画效果
    animationdrawable anim = new animationdrawable();
    for (int i = 1; i <= 4; i++) {
      //根据资源名称和目录获取r.java中对应的资源id
      int id = getresources().getidentifier("f" + i, "drawable", getpackagename());
      //根据资源id获取到drawable对象
      drawable drawable = getresources().getdrawable(id);
      //将此帧添加到animationdrawable中
      anim.addframe(drawable, 300);
    }
    anim.setoneshot(false); //设置为loop
    image.setbackgrounddrawable(anim); //将动画设置为imageview背景
    anim.start();  //开始动画
  }
}

希望本文所述对大家android程序设计有所帮助。