仿58同城加载动画

最新推荐文章于 2024-11-20 16:05:26 发布

原创最新推荐文章于 2024-11-20 16:05:26 发布 · 1.9k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#动画 #58同城

动画专栏收录该内容

2 篇文章

订阅专栏

本文介绍了如何使用Frame动画技术在58同城客户端中实现加载时的可爱小人动画效果，包括动画的布局设计、动画布局文件的创建以及主函数代码实现，展示了动画从静止到运行的过程。

想必用过58同城客户端的用户对那个加载小人的动画印象很深刻，一个可爱的小人在那拼命的跑。这个动画实现的方法其实很多，今天这里就用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:padding="15dip"
    tools:context=".MainActivity" >

    <ImageView
        android:id="@+id/imageView"
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:onClick="start"
        android:layout_centerInParent="true"
        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/ep_dialog_loading_frame1"
        android:duration="80"/>
    <item
        android:drawable="@drawable/ep_dialog_loading_frame2"
        android:duration="80"/>

</animation-list>

四、主函数代码：

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

package com.example.loadinganimation;
import android.os.Bundle;
import android.app.Activity;
import android.graphics.drawable.AnimationDrawable;
import android.view.Menu;
import android.view.View;
import android.widget.ImageView;

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(); // 获取图片内容, 强转为动画对象
	}
	// imageview的点击事件
	// 点击播放动画，再次点击动画停止，依次反复
	public void start(View v) {
		if (ad.isRunning())
			ad.stop();
		else
			ad.start(); // 开始播放
	}

}

五、源码：

http://download.youkuaiyun.com/detail/xiaobijia/8197585