前言
想必用过美团客户端的用户对美团那个加载小人的动画印象很深刻,一个可爱的小人在那拼命的跑。这个动画实现的方法其实很多,今天这里就用frame动画来实现一下。
一、效果图
二、布局文件
<RelativeLayout 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: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=".MainActivity" >
<ImageView
android:id="@+id/imageView"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:onClick="start"
android:scaleType="fitCenter"
android:src="@anim/frame" />
</RelativeLayout>
新建一个anim文件,里面存放的就是准备frame动画的图片,图片直接可以去美团的安装包解压后拿来。
<?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/progress_loading_image_01" android:duration="50" />
<item android:drawable="@drawable/progress_loading_image_02" android:duration="50" />
</animation-list>
主函数代码:
通过image view的getDrawabel方法 得到一个 AnimationDrawable对象 然后调用start方法就可以开启动画了。
public class MainActivity extends Activity {
private ImageView imageView;
private AnimationDrawable ad;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
imageView = (ImageView) findViewById(R.id.imageView);
ad = (AnimationDrawable) imageView.getDrawable(); // 获取图片内容, 强转为动画对象
}
public void start(View v) {
if (ad.isRunning())
ad.stop();
ad.start(); // 开始播放
}
}
代码: 点我下载