文章

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 动画之帧动画
0 0
发表评论