我们在项目中经常会遇到这样一个应用场景:执行某个耗时操作时,为了安抚用户等待的烦躁心情我们一般会使用进度条之类的空间,在android中让大家最 容易想到的就是progressbar或者progressDialog,区别在于前者是一个控件,后者是对话框。由于一些需求在弹出进度条时不希望用户 能够操作其他控件,所以只能使用progressDialog,这个时候有遇到了一个问题,我不想要progressDialog的黑色框框,感觉这样跟 应用的整体风格不协调,这个时候就考虑了写一个自定义的progressDialog。
在网上搜过很多自定义progressDialog的例子,对着写了下,但是没有任何效果,不知道是自己使用的方法不对还是什么地方出错了。通过不断的查找资料,写了一个简单的自定义progressDialog。先上图看下效果:
1.String.xml 文件,progressDialog是继承与Dialog,先设置一下progressDialog的风格,设置背景透明色。
<style name="CustomDialog" parent="@android:style/Theme.Dialog">
<item name="android:windowFrame">@null</item>
<item name="android:windowIsFloating">true</item>
<item name="android:windowContentOverlay">@null</item>
<item name="android:windowAnimationStyle">@android:style/Animation.Dialog</item>
<item name="android:windowSoftInputMode">stateUnspecified|adjustPan</item>
</style>
<style name="CustomProgressDialog" parent="@style/CustomDialog">
<item name="android:windowBackground">@android:color/transparent</item>
<item name="android:windowNoTitle">true</item>
</style>
2.customprogressdialog.xml文件,定义自己的布局,由于我的需求只需要一个进度条以及一串显示的内容,所以布局比较接单
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="horizontal" >
<ImageView
android:id="@+id/loadingImageView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@anim/progress_round" />
<TextView
android:id="@+id/id_tv_loadingmsg"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_vertical"
android:textSize="20dp" />
</LinearLayout>
3.progress_round.xml文件.这个文件为了实现转动的效果,循环显示这些图片。
<?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/load_01"
android:duration="100"/>
<item
android:drawable="@drawable/load_02"
android:duration="100"/>
<item
android:drawable="@drawable/load_03"
android:duration="100"/>
<item
android:drawable="@drawable/load_04"
android:duration="100"/>
<item
android:drawable="@drawable/load_05"
android:duration="100"/>
<item
android:drawable="@drawable/load_06"
android:duration="100"/>
<item
android:drawable="@drawable/load_07"
android:duration="100"/>
<item
android:drawable="@drawable/load_08"
android:duration="100"/>
<item
android:drawable="@drawable/load_09"
android:duration="100"/>
<item
android:drawable="@drawable/load_10"
android:duration="100"/>
</animation-list>
4.CustomProgressDialog.java文件,这个是就是我们最终需要使用的progressDialog了。
import com.jusyo.R;
import android.app.Dialog;
import android.content.Context;
import android.graphics.drawable.AnimationDrawable;
import android.view.Gravity;
import android.widget.ImageView;
import android.widget.TextView;
public class CustomProgressDialog extends Dialog {
private Context context = null;
private static CustomProgressDialog customProgressDialog = null;
public CustomProgressDialog(Context context) {
super(context);
this.context = context;
}
public CustomProgressDialog(Context context, int theme) {
super(context, theme);
}
public static CustomProgressDialog createDialog(Context context) {
customProgressDialog = new CustomProgressDialog(context,
R.style.CustomProgressDialog);
customProgressDialog.setContentView(R.layout.load_dialog);
customProgressDialog.getWindow().getAttributes().gravity = Gravity.CENTER;
customProgressDialog.setCancelable(false);
customProgressDialog.setMessage("正在加载中...");
return customProgressDialog;
}
public void onWindowFocusChanged(boolean hasFocus) {
if (customProgressDialog == null) {
return;
}
ImageView imageView = (ImageView) customProgressDialog
.findViewById(R.id.loadingImageView);
AnimationDrawable animationDrawable = (AnimationDrawable) imageView
.getBackground();
animationDrawable.start();
}
/**
*
* [Summary] setTitile 标题
*
* @param strTitle
* @return
*
*/
public CustomProgressDialog setTitile(String strTitle) {
return customProgressDialog;
}
/**
* setMessage 提示内容
*
* @param strMessage
*
* @return
*
*
*/
public CustomProgressDialog setMessage(String strMessage) {
TextView tvMsg = (TextView) customProgressDialog
.findViewById(R.id.id_tv_loadingmsg);
if (tvMsg != null) {
tvMsg.setText(strMessage);
}
return customProgressDialog;
}
}
5.接下来就是写一个测试activity调用我们的progressDialog了。
import com.lxd.widgets.CustomProgressDialog;
import android.app.Activity;
import android.os.AsyncTask;
import android.os.Bundle;
import android.view.Window;
import android.view.WindowManager;
public class MainFrame extends Activity {
private MainFrameTask mMainFrameTask = null;
private CustomProgressDialog progressDialog = null;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
this.requestWindowFeature(Window.FEATURE_NO_TITLE);
this.getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,
WindowManager.LayoutParams.FLAG_FULLSCREEN);
setContentView(R.layout.main);
mMainFrameTask = new MainFrameTask(this);
mMainFrameTask.execute();
}
@Override
protected void onDestroy() {
stopProgressDialog();
if (mMainFrameTask != null && !mMainFrameTask.isCancelled()){
mMainFrameTask.cancel(true);
}
super.onDestroy();
}
private void startProgressDialog(){
if (progressDialog == null){
progressDialog = CustomProgressDialog.createDialog(this);
progressDialog.setMessage("正在加载中...");
}
progressDialog.show();
}
private void stopProgressDialog(){
if (progressDialog != null){
progressDialog.dismiss();
progressDialog = null;
}
}
public class MainFrameTask extends AsyncTask<Integer, String, Integer>{
private MainFrame mainFrame = null;
public MainFrameTask(MainFrame mainFrame){
this.mainFrame = mainFrame;
}
@Override
protected void onCancelled() {
stopProgressDialog();
super.onCancelled();
}
@Override
protected Integer doInBackground(Integer... params) {
try {
Thread.sleep(10 * 1000);
} catch (InterruptedException e) {
e.printStackTrace();
}
return null;
}
@Override
protected void onPreExecute() {
startProgressDialog();
}
@Override
protected void onPostExecute(Integer result) {
stopProgressDialog();
}
}
}