概述:
Drawable animation通过载入一系列的图片资源来实现一个连续的动画效果,即我们通常说的帧动画。
实现关键点:
(1)定义一个包含<animation-list>元素的xml文件。
(2)使用AnimationDrawable类来控制动画的启动和停止等操作。
示例:
我们用百度糯米的加载动画来举个例子,先看下百度糯米加载动画的效果图。
(1)在drawable目录下定义一个xml文件命名为conent_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/component_tip_loading1" android:duration="200" />
<item android:drawable="@drawable/component_tip_loading2" android:duration="200" />
<item android:drawable="@drawable/component_tip_loading3" android:duration="200" />
<item android:drawable="@drawable/component_tip_loading4" android:duration="200" />
<item android:drawable="@drawable/component_tip_loading5" android:duration="200" />
<item android:drawable="@drawable/component_tip_loading6" android:duration="200" />
<item android:drawable="@drawable/component_tip_loading7" android:duration="200" />
<item android:drawable="@drawable/component_tip_loading8" android:duration="200" />
<item android:drawable="@drawable/component_tip_loading9" android:duration="200" />
</animation-list>
在xml中oneshot为false表示循环执行,为true表示只执行一次。每个item标签对应一张图片(frame)。如果需要多个图片的叠加效果可以使用<layer-list/>标签将item包起来。本文中没有涉及。
(2)在Activity中初始化控件,并且启动动画。
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
initLoading();
}
private void initLoading() {
ImageView contentLoadingImage = (ImageView) findViewById(R.id.loading_img);
contentLoadingImage.setBackgroundResource(R.drawable.content_loading);
AnimationDrawable contentLoadingDrawable = (AnimationDrawable) contentLoadingImage.getBackground();
contentLoadingDrawable.start();
}
Activity的布局文件:
<?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"
tools:context="com.wayne.android.drawableanimation.MainActivity">
<ImageView
android:id="@+id/loading_img"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerInParent="true"/>
</RelativeLayout>
结语:
Drawable animation使用比较简单,对于有些好玩的,不易用代码绘制但是可以用多个连续图片表现的动画,可以选择用它来实现。