Android动画之Frame Animation(逐帧动画)

Frame Animation(逐帧动画)

在Android中，动画Animation的实现有两种方式：Tween Animation（补间动画）和Frame Animation（帧动画）。渐变动画是通过对场景里的对象不断做图像变换（平移、缩放、旋转等）产生动画效果。帧动画则是通过顺序播放事先准备好的图像来产生动画效果，和电影类似。先来说说什么事Frame Animation(逐帧动画)。

逐帧动画是一种常见的动画形式（Frame By Frame），其原理是在“连续的关键帧”中分解动画动作，也就是在时间轴的每帧上逐帧绘制不同的内容，使其连续播放而成动画。 因为逐帧动画的帧序列内容不一样，不但给制作增加了负担而且最终输出的文件量也很大，但它的优势也很明显：逐帧动画具有非常大的灵活性，几乎可以表现任何想表现的内容，而它类似与电影的播放模式，很适合于表演细腻的动画。

需要AnimationDrawable定义好的其他的一些方法来操作逐帧动画，下面简单介绍一下AnimationDrawable的常用方法：

• void start()：开始播放逐帧动画
• void stop()：停止播放逐帧动画
• void addFrame(Drawable frame,int duration)：为AnimationDrawable添加一帧，并设置持续时间
• int getDuration(int i)：得到指定index的帧的持续时间
• Drawable getFrame(int index)：得到指定index的帧Drawable
• int getNumberOfFrames()：得到当前AnimationDrawable的所有帧数量
• boolean isOneShot()：当前AnimationDrawable是否执行一次，返回true执行一次，false循环播放
• boolean isRunning()：当前AnimationDrawable是否正在播放
• void setOneShot(boolean oneShot)：设置AnimationDrawable是否执行一次，true执行一次，false循环播放

---

首先在android的res/drawble下放置一系列用到的图并创建animlist.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/leibao_01"        android:duration="200"/>    <item        android:drawable="@drawable/leibao_02"        android:duration="200" />    <item        android:drawable="@drawable/leibao_03"        android:duration="200" />    <item        android:drawable="@drawable/leibao_04"        android:duration="200" />    <item        android:drawable="@drawable/leibao_05"        android:duration="200" />    <item        android:drawable="@drawable/leibao_06"        android:duration="200" />    <item        android:drawable="@drawable/leibao_07"        android:duration="200"/>        </animation-list>

然后设置图片显示的布局文件

<?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"    android:background="@android:color/white"    tools:context="com.example.admin.frameanimation.AnimationActivity">    <ImageView        android:id="@+id/animation_iv"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_centerHorizontal="true"        android:layout_centerVertical="true"        android:src="@drawable/animlist" />    <Button        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:text="BEGIN"        android:textColor="@android:color/black"        android:layout_marginLeft="52dp"        android:layout_marginStart="52dp"        android:layout_alignParentBottom="true"        android:layout_alignParentLeft="true"        android:layout_alignParentStart="true"        android:id="@+id/begin"/>    <Button        android:id="@+id/end"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:text="END"        android:textColor="@android:color/black"        android:layout_marginRight="42dp"        android:layout_marginEnd="42dp"        android:layout_alignParentBottom="true"        android:layout_alignParentRight="true"        android:layout_alignParentEnd="true" /></RelativeLayout>

之后修改AnimationActivity.java中的内容

package com.example.admin.frameanimation;  import android.os.Bundle;import android.app.Activity;import android.graphics.drawable.AnimationDrawable;import android.os.Bundle;import android.view.View;import android.view.View.OnClickListener;import android.widget.Button;import android.widget.ImageView;public class AnimationActivity extends Activity implements OnClickListener {    private ImageView imageView;    private Button btnStart, btnStop;    private AnimationDrawable animationDrawable;    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);        intiView();        initData();    }    /**     *初始化组件     */    private void intiView() {        imageView = (ImageView) findViewById(R.id.animation_iv);        btnStart = (Button) findViewById(R.id.begin);        btnStop = (Button) findViewById(R.id.end);    }    /**     *初始化数据     */    private void initData() {        btnStart.setOnClickListener(this);        btnStop.setOnClickListener(this);        //Sets a drawable as the content of this ImageView.        imageView.setImageResource(R.drawable.animlist);        //给动画资源赋值        animationDrawable = (AnimationDrawable) imageView.getDrawable();    }    @Override    public void onClick(View v) {        switch (v.getId()) {            case R.id.begin:                animationDrawable.start();//开始                break;            case R.id.end:                animationDrawable.stop(); //停止                break;        }    }}

最后运行一下就行了