自定义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

巴特西

自定义android ProgressDialog

最新文章

热门文章