码迷,mamicode.com
首页 > 移动开发 > 详细

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

时间:2014-09-09 12:34:28      阅读:243      评论:0      收藏:0      [点我收藏+]

标签:android   加载动画   

前言

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


}




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

标签:android   加载动画   

原文地址:http://blog.csdn.net/csr_yang/article/details/39153741

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!