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

Android动画

1. View Animation 视图动画（Tween Animation 补间动画），只能用来设置View的动画
2. Drawable Animation 帧动画（Frame动画），一帧帧地显示资源文件中的Drawable
3. Property Animation 属性动画，在android3.0以上的系统才有。这动画可以设置给任何的Object，包括那些还没有渲染到屏幕的view.

为什么要引入属性动画？

1. 补间动画只能够作用在View上的
2. 补间动画只能够实现移动、缩放、旋转和淡入淡出这四种动画操作，不能改变View的背景等
3. 补间动画只是改变了View的显示效果而已，而不会真正去改变View的属性

什么是帧动画（Frame动画）

Frame动画是一系列图片按照一定的顺序展示的过程，和放电影的机制很相似，我们称为逐帧动画。

Frame动画可以被定义在XML文件中，也可以完全编码实现。

使用Java实现

Android中实现帧动画，一般会用AnimationDrawable，然后调用器的start()开启或者stop()停止动画。

 AnimationDrawable mAnimationDrawable = new AnimationDrawable();
 mAnimationDrawable.addFrame(getResources().getDrawable(R.drawable.loading_1, null), 200);
 mAnimationDrawable.addFrame(getResources().getDrawable(R.drawable.loading_2, null), 200);
 mAnimationDrawable.addFrame(getResources().getDrawable(R.drawable.loading_3, null), 200);
 mAnimationDrawable.addFrame(getResources().getDrawable(R.drawable.loading_4, null), 200);
 mAnimationDrawable.addFrame(getResources().getDrawable(R.drawable.loading_5, null), 200);
 mAnimationDrawable.addFrame(getResources().getDrawable(R.drawable.loading_6, null), 200);
 //设置是否旋转1次（true）还是无数次（false）
 mAnimationDrawable.setOneShot(false);
 mAnimationDrawable.start();
 imageView.setImageDrawable(mAnimationDrawable);

PS: loading_1等是动画的一帧。

//启动动画
mAnimationDrawable.start();
//停止动画
mAnimationDrawable.stop();
//判读动画是否在运行
mAnimationDrawable.isRunning();

使用xml实现

动画布局 frame_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/loading_1"
        android:duration="150" />
    <item
        android:drawable="@drawable/loading_2"
        android:duration="150" />
    <item
        android:drawable="@drawable/loading_3"
        android:duration="150" />
    <item
        android:drawable="@drawable/loading_4"
        android:duration="150" />
    <item
        android:drawable="@drawable/loading_5"
        android:duration="150" />
    <item
        android:drawable="@drawable/loading_6"
        android:duration="150" />
    <!--
     android:oneshot="false"：设置动画是否只播放一次，true：只播放一次，false：循环播放。
     android:duration="150"：相隔两张图片播放时间间隔。单位/毫秒。
    -->
</animation-list>

使用上面frame_loading.xml存在两种方式，一种是纯xml实现，另外一种还是依赖于Java代码。

纯xml实现

<ProgressBar
    android:layout_above="@id/main_iv_loading"
    android:layout_width="80dp"
    android:layout_height="80dp"
    android:layout_gravity="center_vertical"
    android:indeterminateDrawable="@drawable/frame_loading" />

使用上面的就会自动旋转了。

缺点就是不可控制。

依赖Java代码实现

<ImageView
    android:id="@+id/main_iv_loading"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_centerInParent="true"
    android:background="@drawable/frame_loading" />

这个需要代码中控制

    AnimationDrawable animationDrawable = (AnimationDrawable) imageView.getBackground();
    if (animationDrawable.isRunning()) {
    animationDrawable.stop();
    } else {
    animationDrawable.start();
    }

小心陷阱

陷阱一

# 如果ImageView中使用了background加载动画
android:background="@drawable/frame_loading"
# 那么代码中需要使用getBackground()获取
AnimationDrawable animationDrawable = (AnimationDrawable) imageView.getBackground();

陷阱二

# 如果ImageView中使用了src加载动画
android:src="@drawable/frame_loading"
# 那么代码中需要使用getDrawable()获取
AnimationDrawable animationDrawable = (AnimationDrawable) imageView.getDrawable();

帧动画使用注意事项

1. 使用帧动画，不建议添加太大的图片，因为这很容易导致 OOM。

参考文章

1. 《Android 逐帧动画（ Drawable 动画），这一篇就够了》
2. 《Android 动画之帧动画 》

 历史上的今天

• 2023: 《关闭Google chrome 更新提示(0条评论)》
• 2023: 《Application多次初始化(0条评论)》
• 2019: 《周国平：对自己的人生负责(0条评论)》