android中自定义progressDialog实现
jopen
12年前
我们在项目中经常会遇到这样一个应用场景：执行某个耗时操作时,为了安抚用户等待的烦躁心情我们一般会使用进度条之类的空间,在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 <?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="200"/> </animation-list> 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/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="200"/> </animation-list>
4.CustomProgressDialog.java文件，这个是就是我们最终需要使用的progressDialog了
/************************************************************************************** * [Project] * MyProgressDialog * [Package] * com.lxd.widgets * [FileName] * CustomProgressDialog.java * [Copyright] * Copyright 2012 LXD All Rights Reserved. * [History] * Version Date Author Record *-------------------------------------------------------------------------------------- * 1.0.0 2012-4-27 lxd (rohsuton@gmail.com) Create **************************************************************************************/ package com.lxd.widgets; import com.lxd.activity.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; /******************************************************************** * [Summary] * TODO 请在此处简要描述此类所实现的功能。因为这项注释主要是为了在IDE环境中生成tip帮助，务必简明扼要 * [Remarks] * TODO 请在此处详细描述类的功能、调用方法、注意事项、以及与其它类的关系. *******************************************************************/ 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.customprogressdialog); customProgressDialog.getWindow().getAttributes().gravity = Gravity.CENTER; 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; } /** * * [Summary] * 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了。
package com.lxd.activity; 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(); } } }