Android动画学习总结---中

最新推荐文章于 2022-11-26 12:27:59 发布

自律给我自由1024

最新推荐文章于 2022-11-26 12:27:59 发布

阅读量858

点赞数

分类专栏： Android基础

本文链接：https://blog.csdn.net/u012814441/article/details/48901225

版权

Android基础专栏收录该内容

17 篇文章 1 订阅

订阅专栏

在上一篇博客中，我们总结了Android动画的补间动画的基本用法，如果你还没了解，推荐您了解一下 Android动画学习总结---上

Frame Animation（逐帧动画）

现在让我们来谈谈 Frame Animation（逐帧动画），顾名思义逐帧动画就是预先准备一系列的图片集合，再将它们按照顺序播放出来就形成了逐帧动画。

逐帧动画的根元素为animation-list，其有一项属性oneshot的值为布尔值类型，若true表示不循环播放，若为false表示循环播放。在这个根元素里面可以包含若干个item元素，每个item必须设置duration属性值，表示此帧持续多少秒，如果不设置编译的时候就会报错。

资源文件加载动画的用法

开始之前请确定mipmap文件里有以下资源图片（如果没有，我会在下面的源代码demo中提供）

第一步，首先在工程中的drawable文件夹（如果没有此文件夹请自行创建一个）创建一个资源文件，将其命名为frame.xml，如图所示

第二步，开始写代码啦，在frame.xml文件的代码如下，一个animation-list的根元素，里面有若干个item元素。记得设置oneshot和duration的值。在这里我将oneshot设置为true表示不循环播放，duration设置为100表示每0.1秒播放一帧动画

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

    <item
        android:drawable="@mipmap/edward1"
        android:duration="100" />
    <item
        android:drawable="@mipmap/edward2"
        android:duration="100" />
    <item
        android:drawable="@mipmap/edward3"
        android:duration="100" />
    <item
        android:drawable="@mipmap/edward4"
        android:duration="100" />
    <item
        android:drawable="@mipmap/edward5"
        android:duration="100" />
    <item
        android:drawable="@mipmap/edward6"
        android:duration="100" />
    <item
        android:drawable="@mipmap/edward7"
        android:duration="100" />
    <item
        android:drawable="@mipmap/edward8"
        android:duration="100" />
    <item
        android:drawable="@mipmap/edward9"
        android:duration="100" />
    <item
        android:drawable="@mipmap/edward10"
        android:duration="100" />
    <item
        android:drawable="@mipmap/edward11"
        android:duration="100" />
    <item
        android:drawable="@mipmap/edward12"
        android:duration="100" />
    <item
        android:drawable="@mipmap/edward13"
        android:duration="100" />
    <item
        android:drawable="@mipmap/edward14"
        android:duration="100" />
    <item
        android:drawable="@mipmap/edward15"
        android:duration="100" />
    <item
        android:drawable="@mipmap/edward16"
        android:duration="100" />
    <item
        android:drawable="@mipmap/edward17"
        android:duration="100" />
    <item
        android:drawable="@mipmap/edward18"
        android:duration="100" />
    <item
        android:drawable="@mipmap/edward19"
        android:duration="100" />
    <item
        android:drawable="@mipmap/edward20"
        android:duration="100" />
    <item
        android:drawable="@mipmap/edward21"
        android:duration="100" />
    <item
        android:drawable="@mipmap/edward22"
        android:duration="100" />
    <item
        android:drawable="@mipmap/edward23"
        android:duration="100" />
    <item
        android:drawable="@mipmap/edward24"
        android:duration="100" />
    <item
        android:drawable="@mipmap/edward25"
        android:duration="100" />
    <item
        android:drawable="@mipmap/edward26"
        android:duration="100" />
    <item
        android:drawable="@mipmap/edward27"
        android:duration="100" />

</animation-list>

第三部，设置布局文件在一个垂直的线性布局中放置两个button和一个imageview。

<?xml version="1.0" encoding="utf-8"?>
<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">

    <Button
        android:id="@+id/one"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:onClick="click"
        android:text="开始" />

    <Button
        android:id="@+id/two"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:onClick="click"
        android:text="停止" />

    <ImageView
        android:id="@+id/image_view"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_vertical|center_horizontal"
        android:background="@drawable/frame" />
    <!--注意此处背景一定要设置为动画资源文件，否则会报错-->


</LinearLayout>

这个布局的预览图如下所示

第四步，咋们就可以在Activity中加载刚才写好的资源文件啦。

package sms.edward.per.myapplication;

import android.app.Activity;
import android.graphics.drawable.AnimationDrawable;
import android.os.Bundle;
import android.view.View;
import android.widget.ImageView;

/**
 * description:资源文件加载
 * <p/>
 * author:Edward
 * <p/>
 * 2015/10/4
 */
public class TwoActivity extends Activity {
    private ImageView imageView;
    private AnimationDrawable animationDrawable;

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

        imageView = (ImageView) findViewById(R.id.image_view);
        //注意由于的资源文件中已经将oneshot设置为true所以你
        // 将会看到动画播放完毕之后就停止了（也就是不会循环播放）
        animationDrawable = (AnimationDrawable) imageView.getBackground();
    }

    public void click(View v) {
        switch (v.getId()) {
            case R.id.one:
                //开始动画
                animationDrawable.start();
                break;
            case R.id.two:
                //停止动画
                animationDrawable.stop();
                break;

        }
    }
}

接下来看看效果图

Java编码加载动画的用法

在编码的过程如果不想创建资源文件（指得是刚才创建的frame.xml文件）那该怎么办？

这时候我们就可以使用代码的方式来定义动画的播放顺序。

首先需要介绍一下前面已经用过的AnimationDrawable这个类

这是一个加载Drawable动画资源类。我们将一系列动画的每一帧动画转化为Drawable类，再将其添加进AnimationDrawable的addFrame方法中即可。如果还不太懂可以看下面的代码。

第一步，先设置布局文件，这个布局文件与上面的布局文件几乎一样，唯一的区别就是ImageView的 android:background="@drawable/frame"被删除。（删掉它也正常，咋们都用代码来代替frame.xml文件，那还设置background干嘛！）

<?xml version="1.0" encoding="utf-8"?>
<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">

    <Button
        android:id="@+id/one"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:onClick="click"
        android:text="开始" />

    <Button
        android:id="@+id/two"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:onClick="click"
        android:text="停止" />

    <ImageView
        android:id="@+id/image_view"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_vertical|center_horizontal" />

</LinearLayout>

预览图就不贴了，与上面的一样

第二步，直接就在Activity中写代码啦，这里主要说明getIdentifier这个方法。这是一个获取动态ID的方法，资源图片在mipmap文件夹中编译的时候系统会对每张图片生一个唯一的资源ID，这个getIdentifier就是用来获取这个唯一ID的。我们得到这个唯一ID后将其转换为Bitmap类再转换为Drawable类就行了。

package sms.edward.per.myapplication;

import android.app.Activity;
import android.content.res.Resources;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.drawable.AnimationDrawable;
import android.graphics.drawable.BitmapDrawable;
import android.graphics.drawable.Drawable;
import android.os.Bundle;
import android.view.View;
import android.widget.ImageView;

/**
 * description:编码方式加载
 * <p/>
 * author:Edward
 * <p/>
 * 2015/10/4
 */
public class OneActivity extends Activity {
    private ImageView imageView;
    private AnimationDrawable animationDrawable;

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

        imageView = (ImageView) findViewById(R.id.image_view);

        animationDrawable = new AnimationDrawable();
        //总共有27张图片
        for (int i = 1; i <= 27; i++) {
            //动态获取资源ID，第一个参数是资源名，第二个参数是资源类型例如drawable，string等，第三个参数包名
            Resources resources=getResources();
            int imageId = resources.getIdentifier("edward" + i, "mipmap", getPackageName());
            //以下两行主要将bitmap转换为drawable
            Bitmap bitmap = BitmapFactory.decodeResource(getResources(), imageId);
            Drawable drawable = new BitmapDrawable(getResources(), bitmap);
            //将每一帧动画添加进AnimationDrawable的addFrame方法中。
            animationDrawable.addFrame(drawable, 100);
        }
        //true表示不循环播放，false表示循环播放
        animationDrawable.setOneShot(false);
        //可以使用setBackgroupd不过好像提示最低版本需要16以上才能使用
        imageView.setBackgroundDrawable(animationDrawable);
    }

    public void click(View v) {
        switch (v.getId()) {
            case R.id.one:
                //开始动画
                animationDrawable.start();
                break;
            case R.id.two:
                //结束动画
                animationDrawable.stop();
                break;

        }
    }
}

效果图如下所示

完整源代码请戳请这里Android动画学习总结Demo---中

好啦，android的逐帧动画的基本用法已经总结完毕，还是由于篇幅的关系，剩下Property Animation属性动画我将会在下一遍博客中总结。如果您还有兴趣请期待我的下一篇博客Android动画学习总结---下。

自律给我自由1024

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
Android动画学习总结---中

在上一篇博客中，我们总结了Android动画的补间动画的基本用法，如果你还没了解，推荐您了解一下 Android动画学习总结---上 Frame Animation（逐帧动画）现在让我们来谈谈Frame Animation（逐帧动画），顾名思义逐帧动画就是预先准备一系列的图片集合，再将它们按照顺序播放出来就形成了逐帧动画。逐帧动画的根元素为animation-list，
复制链接

扫一扫

专栏目录