Android 自定义progressDialog实现

来源:互联网 发布:java制作记事本 编辑:程序博客网 时间:2024/05/22 03:22

  我们在项目中经常会遇到这样一个应用场景:执行某个耗时操作时,为了安抚用户等待的烦躁心情我们一般会使用进度条之类的空间,在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.my_progressdialog.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/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>

上面的动画是一个逐帧动画,通常采用xml文件定义。如上面代码,定义逐帧动画非常简单,只需要定义动画内容和时间即可。oneshot="false"代表让动画循环播放。

4.MyProgressDialog.java文件,这个是就是我们最终需要使用的progressDialog了。

package com.maso.wuye.widget;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;import com.maso.wuye.R;public class MyProgressDialog extends Dialog {private Context context = null;private static MyProgressDialog customProgressDialog = null;public MyProgressDialog(Context context) {super(context);this.context = context;}public MyProgressDialog(Context context, int theme) {super(context, theme);}public static MyProgressDialog createDialog(Context context) {customProgressDialog = new MyProgressDialog(context,R.style.CustomProgressDialog);customProgressDialog.setContentView(R.layout.my_progressdialog);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();}public MyProgressDialog setTitile(String strTitle) {return customProgressDialog;}public MyProgressDialog setMessage(String strMessage) {TextView tvMsg = (TextView) customProgressDialog.findViewById(R.id.id_tv_loadingmsg);if (tvMsg != null) {tvMsg.setText(strMessage);}return customProgressDialog;}}

可以看到上面重写了onWindowFocusChanged()方法,Activity生命周期中,onStart, onResume, onCreate都不是真正visible的时间点,真正的visible时间点是onWindowFocusChanged()函数被执行时。onWindowFocusChanged指的是这个Activity得到或者失去焦点的时候 就会call。也就是说 如果你想要做一个Activity一加载完毕,就触发什么的话 完全可以用这个。我们在这个方法中启动了动画。

5.接下来就是写一个测试activity调用我们的progressDialog了。

/** * 开启进度对话框 */private void startProgressDialog() {if (myProgressDialog == null) {myProgressDialog = MyProgressDialog.createDialog(this);myProgressDialog.setMessage("");}myProgressDialog.show();}/** * 停止进度对话框 */private void stopProgressDialog() {if (myProgressDialog != null) {myProgressDialog.dismiss();myProgressDialog = null;}}

/** * 创建异步任务 *  * @author 李小强 *  */ public class LoginFrameTask extends AsyncTask<Integer, String, Integer> {/** * 构造函数 */public LoginFrameTask() {}/** * 调用取消时 */@Overrideprotected void onCancelled() {stopProgressDialog();super.onCancelled();}/** * 后台线程查询数据 */@Overrideprotected Integer doInBackground(Integer... params) {try {                Thread.sleep(100 * 1000);            } catch (InterruptedException e) {                e.printStackTrace();            }return null;}/** * 该方法将在执行后台耗时操作前被调用 */@Overrideprotected void onPreExecute() {startProgressDialog();}/** * 将doInBackground()的返回值传给该方法 */@Overrideprotected void onPostExecute(Integer result) {stopProgressDialog();}}

上面用到了异步任务,有关异步任务请参阅:http://blog.csdn.net/dawanganban/article/details/19398725

这样我们需要的progressDialog效果就出来了

原创粉丝点击