仿美团loading加载中的动画

仿美团loading加载中动画

整理来自： Android应用之——仿美团loading加载中动画 ；Android 播放Gif 动画

demo源码下载：下载

前言

在Android 中是不支持直接使用Gif 图片关联播放帧动画，Android 提供了另外一种解决的办法，就是使用AnimationDrawable 这一函数使其支持逐帧播放，但是如何把gif 图片打散开来，成为每一帧的图片呢？下面介绍两种比较不错的软件，可以帮我们打散图片。

easygifanimator

软件下载：easygifanimator

想必用过美团客户端的用户对美团那个加载小人的动画印象很深刻，一个可爱的小人在那拼命的跑。这个动画实现的方法其实很多，今天这里就用frame动画来实现一下。

二、布局文件

[html]  view plain  copy

 print ?

1. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
2.     xmlns:tools="http://schemas.android.com/tools"  
3.     android:layout_width="match_parent"  
4.     android:layout_height="match_parent"  
5.     android:paddingBottom="@dimen/activity_vertical_margin"  
6.     android:paddingLeft="@dimen/activity_horizontal_margin"  
7.     android:paddingRight="@dimen/activity_horizontal_margin"  
8.     android:paddingTop="@dimen/activity_vertical_margin"  
9.     tools:context=".MainActivity" >  
10.   
11.     <ImageView  
12.         android:id="@+id/imageView"  
13.         android:layout_width="fill_parent"  
14.         android:layout_height="fill_parent"  
15.         android:onClick="start"  
16.         android:scaleType="fitCenter"  
17.         android:src="@anim/frame" />  
18.   
19. </RelativeLayout>  

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

[html]  view plain  copy

 print ?

1. <?xml version="1.0" encoding="utf-8"?>  
2. <animation-list xmlns:android="http://schemas.android.com/apk/res/android"  
3.     android:oneshot="false">  
4.     <item android:drawable="@drawable/progress_loading_image_01" android:duration="50" />  
5.     <item android:drawable="@drawable/progress_loading_image_02" android:duration="50" />  
6. </animation-list>  

对应的item 为顺序的图片从开始到结束，duration为每张逐帧播放间隔，oneshot 为false 代表循环播放，设置为true 即播放一次即停止。
主函数代码：

通过image view的getDrawabel方法 得到一个 AnimationDrawable对象  然后调用start方法就可以开启动画了。

[java]  view plain  copy

 print ?

1. public class MainActivity extends Activity {  
2.   
3.     private ImageView imageView;  
4.     private AnimationDrawable ad;  
5.   
6.     @Override  
7.     protected void onCreate(Bundle savedInstanceState) {  
8.         super.onCreate(savedInstanceState);  
9.         setContentView(R.layout.activity_main);  
10.           
11.         imageView = (ImageView) findViewById(R.id.imageView);  
12.         ad = (AnimationDrawable) imageView.getDrawable();       // 获取图片内容, 强转为动画对象  
13.     }  
14.       
15.     public void start(View v) {  
16.         if (ad.isRunning())  
17.             ad.stop();  
18.         ad.start();     // 开始播放  
19.     }  
20.   
21.   
22. }