Android应用之——仿美团loading加载中动画

前言

想必用过美团客户端的用户对美团那个加载小人的动画印象很深刻，一个可爱的小人在那拼命的跑。这个动画实现的方法其实很多，今天这里就用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">

</imageview></relativelayout>

新建一个anim文件，里面存放的就是准备frame动画的图片，图片直接可以去美团的安装包解压后拿来。

<!--?xml version="1.0" encoding="utf-8"?-->

<item android:drawable="@drawable/progress_loading_image_01" android:duration="50">
<item android:drawable="@drawable/progress_loading_image_02" android:duration="50">
</item></item></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();     // 开始播放
}

}

源码