android 用frame动画做幻灯片,Android动画之帧动画(Frame动画)

Drawable Animation 帧动画(Frame动画)，一帧帧地显示资源文件中的Drawable

Property Animation 属性动画，在android3.0以上的系统才有。这动画可以设置给任何的Object，包括那些还没有渲染到屏幕的view.

为什么要引入属性动画？

补间动画只能够作用在View上的

补间动画只能够实现移动、缩放、旋转和淡入淡出这四种动画操作，不能改变View的背景等

补间动画只是改变了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

android:oneshot="false">

android:drawable="@drawable/loading_1"

android:duration="150" />

android:drawable="@drawable/loading_2"

android:duration="150" />

android:drawable="@drawable/loading_3"

android:duration="150" />

android:drawable="@drawable/loading_4"

android:duration="150" />

android:drawable="@drawable/loading_5"

android:duration="150" />

android:drawable="@drawable/loading_6"

android:duration="150" />

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

纯xml实现

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代码实现

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();

帧动画使用注意事项

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

参考文章