android loading界面 & 自定义ProgressDialog

最近项目中 列表页加载数据的时候 需要显示一个加载进度的界面，系统提供的进度条都比较难看，这里需要我们自定义ProgressDialog。

先看效果图：



界面布局

<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"
tools:context=".MainActivity" >

<Button
android:id="@+id/bt_open"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/custom_progressdialog" />

<include layout="@layout/selfdef_progress_dialog_layout" />

</RelativeLayout>

loading 界面 selfdef_progress_dialog_layout.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/loading"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center"
android:orientation="vertical" >

<ProgressBar
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:indeterminateDrawable="@drawable/selfdef_progress_drawable" />

<TextView
android:id="@+id/progress_dialog_tv"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="加载中..."
android:textSize="15sp"/>

</LinearLayout>

可以根据业务需要，在此基础上实现更复杂的loading界面。

自定义旋转图片资源 selfdef_progress_drawable.xml

<?xml version="1.0" encoding="utf-8"?>
<rotate xmlns:android="http://schemas.android.com/apk/res/android"
android:pivotX="50%"
android:pivotY="50%"
android:drawable="@drawable/progressloading">
</rotate>

MainActivity.java

package com.example.customprogressdialog;

import android.app.Activity;
import android.app.ProgressDialog;
import android.content.Context;
import android.os.Bundle;
import android.os.Handler;
import android.view.LayoutInflater;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.LinearLayout;
import android.widget.TextView;

public class MainActivity extends Activity implements OnClickListener {
private LayoutInflater inflater;
private Handler handler = new Handler();
private ProgressDialog mProgressDialog;
private LinearLayout loading;

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

inflater = LayoutInflater.from(getApplicationContext());
findView();
}

private void findView() {

Button bt_open = (Button) findViewById(R.id.bt_open);

//应用程序加载界面
loading = (LinearLayout) findViewById(R.id.loading);

handler.postDelayed(new Runnable() {

@Override
public void run() {

loading.setVisibility(View.GONE);

}
}, 3000);

bt_open.setOnClickListener(this);
}

@Override
public void onClick(View v) {
switch (v.getId()) {
case R.id.bt_open:

mProgressDialog = createProgressDialog(this, "加载中...");

mProgressDialog.show();

Thread thread = new Thread(){
public void run() {

handler.postDelayed(new Runnable() {

@Override
public void run() {

if(mProgressDialog!=null && mProgressDialog.isShowing()){
mProgressDialog.dismiss();
}
}
}, 3000);
};
};

thread.start();

break;

default:
break;
}
}

public ProgressDialog createProgressDialog(Context context, String msg) {

View v = inflater
.inflate(R.layout.selfdef_progress_dialog_layout, null);
TextView txt = (TextView) v.findViewById(R.id.progress_dialog_tv);
ProgressDialog dialog = new ProgressDialog(context);
dialog.show();
dialog.setContentView(v);
if (msg != null && !msg.equals(""))
txt.setText(msg);

return dialog;
}

}