自定義android ProgressDialog

Android系統本身提供的UI的都是比較難看的，開發中常常用到自定義對話框，下面分享個最近項目中使用的加載框。 

 

下面是源代碼，主要的原理就是準備幾個圖片，而後循環播放。

MainActivity.java

package com.example.testandroidprogressdialog;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;

public class MainActivity extends Activity implements OnClickListener {

	Button button1;
	Button button2;

	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);

		button1 = (Button) findViewById(R.id.button1);
		button2 = (Button) findViewById(R.id.button2);

		button1.setOnClickListener(this);
		button2.setOnClickListener(this);
	}

	public void onClick(View v) {
		if (v == button1) {
			showDialog("正在加載請稍後");
		} else if (v == button2) {
			showDialog("");
		}
	}

	void showDialog(String msg) {
		MyProgressDialog myDialog = new MyProgressDialog(this);
		myDialog.setMsg(msg);
		myDialog.show();
	}
}

MyProgressDialog.java

package com.example.testandroidprogressdialog;

import android.app.Dialog;
import android.content.Context;
import android.content.DialogInterface;
import android.content.DialogInterface.OnDismissListener;
import android.content.DialogInterface.OnShowListener;
import android.graphics.drawable.AnimationDrawable;
import android.os.Bundle;
import android.text.TextUtils;
import android.view.View;
import android.widget.ImageView;
import android.widget.TextView;

public class MyProgressDialog extends Dialog implements OnShowListener, OnDismissListener {
	Context context;

	ImageView imageview;
	TextView textView;

	String msg;

	public MyProgressDialog(Context context) {
		this(context, R.style.AppTheme_Dialog_NoTitleBar);
	}

	public MyProgressDialog(Context context, int theme) {
		super(context, theme);
		this.context = context;
	}

	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		View view = View.inflate(context, R.layout.dialog_progress, null);

		setContentView(view);

		imageview = (ImageView) view.findViewById(R.id.iv_loading);
		textView = (TextView) view.findViewById(R.id.tv_msg);
		setOnShowListener(this);

		textView.setText(msg);
		textView.setVisibility(TextUtils.isEmpty(msg) ? View.GONE : View.VISIBLE);
	}

	public void onShow(DialogInterface dialog) {
		AnimationDrawable animationDrawable = (AnimationDrawable) imageview.getBackground();
		animationDrawable.start();
	}

	public void onDismiss(DialogInterface dialog) {
		AnimationDrawable animationDrawable = (AnimationDrawable) imageview.getBackground();
		animationDrawable.stop();
	}

	public String getMsg() {
		return msg;
	}

	public void setMsg(String msg) {
		this.msg = msg;
	}
}

對話框的佈局文件

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="@drawable/dialog_progress_bg"
    android:gravity="center_vertical"
    android:orientation="horizontal"
    android:padding="10dp" >

    <ImageView
        android:id="@+id/iv_loading"
        android:layout_width="60dp"
        android:layout_height="60dp"
        android:background="@anim/dialog_progress_anim_bg"
        android:contentDescription="@string/app_name" />

    <TextView
        android:id="@+id/tv_msg"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="10dp"
        android:textColor="#fff"
        android:textSize="16sp"
        android:visibility="gone" />

</LinearLayout>

還有比較重要的就是，對話框須要的樣式。

    <style name="AppTheme.Dialog" parent="@android:style/Theme.Dialog">
        <item name="android:windowFrame">@null</item>
        <item name="android:windowIsFloating">true</item>
        <item name="android:windowIsTranslucent">false</item>
        <item name="android:windowNoTitle">true</item>
        <item name="android:windowBackground">@android:color/transparent</item>
        <item name="android:backgroundDimEnabled">false</item>
    </style>

    <style name="AppTheme.Dialog.NoTitleBar">
        <item name="android:windowNoTitle">true</item>
        <item name="android:background">@drawable/dialog_frame_bg</item>
        <item name="android:windowBackground">@android:color/transparent</item>
        <item name="android:colorBackgroundCacheHint">@null</item>
        <item name="android:windowIsTranslucent">true</item>
    </style>

動畫文件

<?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_1" android:duration="200"/>
    <item android:drawable="@drawable/progress_2" android:duration="200"/>
    <item android:drawable="@drawable/progress_3" android:duration="200"/>
    <item android:drawable="@drawable/progress_4" android:duration="200"/>
    <item android:drawable="@drawable/progress_5" android:duration="200"/>
    <item android:drawable="@drawable/progress_6" android:duration="200"/>
    <item android:drawable="@drawable/progress_7" android:duration="200"/>
    <item android:drawable="@drawable/progress_8" android:duration="60"/>
</animation-list>

原理和實現都是比較簡單。主要是自定義一個view，能夠播放對動畫的圖片，也就是一個幀動畫。而後重裝定義對話框的樣式，不讓系統的樣式和樣式出現，最後在顯示的時候，播放動畫。

下面是下載文件地址http://download.csdn.net/detail/xia215266092/6926849