Android ProgressDialog 控件自定义

Android ProgressDialog 控件自定义

在项目中，我们经常需要通过网络请求去服务端获取相应的数据，以便于在客户端进行展示。而这个过程是需要网络的，因此就有了等待的过程。对于网络快的童靴，那么等待的时间就短；而对于网络慢的童靴，那么等待的时间就长。因此为了消除童靴们等待的焦虑感，我们需要显示一个progress dialog来提示童靴们，数据正在获取中，请稍候片刻。

在anim文件夹下创建sf_progress_dialog_anim.xml，实现转动的效果：

android:oneshot="false" >

android:drawable="@drawable/sf_progress_1"

android:duration="200"/>

android:drawable="@drawable/sf_progress_2"

android:duration="200"/>

android:drawable="@drawable/sf_progress_3"

android:duration="200"/>

android:drawable="@drawable/sf_progress_4"

android:duration="200"/>

android:drawable="@drawable/sf_progress_5"

android:duration="200"/>

android:drawable="@drawable/sf_progress_6"

android:duration="200"/>

android:drawable="@drawable/sf_progress_7"

android:duration="200"/>

android:drawable="@drawable/sf_progress_8"

android:duration="60"/>

其中：android:oneshot表示动画只播放一次停留在最后一帧上，当设置为false时，则代表动画循环播放；否则，则代表动画只播放一次。

资源文件可到如下链接进行下载：

http://download.csdn.net/detail/shenjichao2008/8248073

在values文件夹中创建style.xml，自定义progress dialog的样式：

在layout文件夹中创建sf_view_custom_progress_dialog.xml，自定义progress dilaog的布局：

android:layout_width="match_parent"

android:layout_height="match_parent"

android:orientation="horizontal" >

android:id="@+id/sf_iv_progress_dialog_loading"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:background="@anim/sf_progress_dialog_anim"

android:contentDescription="@string/sf_progress_dialog_image_loading" />

android:id="@+id/sf_tv_progress_dialog_loading"

style="@style/SF_MediumLightGreyTxt"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_gravity="center_vertical" />

创建SFProgrssDialog类，继承Dialog，实现如下：

package com.snapfish.view;

import com.snapfish.R;

import android.app.Dialog;

import android.content.Context;

import android.graphics.drawable.AnimationDrawable;

import android.text.TextUtils;

import android.view.Gravity;

import android.widget.ImageView;

import android.widget.TextView;

public class SFProgrssDialog extends Dialog {

private static SFProgrssDialog m_progrssDialog;

private SFProgrssDialog(Context context, int theme) {

super(context, theme);

}

public static SFProgrssDialog createProgrssDialog(Context context) {

m_progrssDialog = new SFProgrssDialog(context,

R.style.SF_pressDialogCustom);

m_progrssDialog.setContentView(R.layout.sf_view_custom_progress_dialog);

m_progrssDialog.getWindow().getAttributes().gravity = Gravity.CENTER;

return m_progrssDialog;

}

@Override

public void onWindowFocusChanged(boolean hasFocus) {

if (null == m_progrssDialog)

return;

ImageView loadingImageView = (ImageView) m_progrssDialog

.findViewById(R.id.sf_iv_progress_dialog_loading);

AnimationDrawable animationDrawable = (AnimationDrawable) loadingImageView

.getBackground();

animationDrawable.start();

}

public SFProgrssDialog setMessage(String msg) {

TextView loadingTextView = (TextView) m_progrssDialog

.findViewById(R.id.sf_tv_progress_dialog_loading);

if (!TextUtils.isEmpty(msg))

loadingTextView.setText(msg);

else

loadingTextView.setText(R.string.sf_progress_dialog_image_loading);

return m_progrssDialog;

}

}

编写显示/隐藏 progress dialog的方法：

private SFProgrssDialog m_customProgrssDialog;

final void showCustomProgrssDialog(String msg) {

if (null == m_customProgrssDialog)

m_customProgrssDialog = SFProgrssDialog

.createProgrssDialog(m_parent);

if (null != m_customProgrssDialog) {

m_customProgrssDialog.setMessage(msg);

m_customProgrssDialog.show();

m_customProgrssDialog.setCancelable(false);

}

}

final void hideCustomProgressDialog() {

if (null != m_customProgrssDialog) {

m_customProgrssDialog.dismiss();

m_customProgrssDialog = null;

}

}

在网络请求之前，调用showCustomProgrssDialog方法，传入显示的message；在网络响应之后，调用hideProgressDialog方法，消除progress dialog。