Android本身已经提供了ProgressDialog进度等待框,使用该Dialog,我们可以为用户提供更好的体验:在网络请求时,弹出此框等待网络数据。 不过,既然是为了提高用户体验,我们肯定希望该Dialog能更加炫酷,让用户看着更舒服。那如何做呢,当然是我们自己定义一个ProgressDialog了。

可以先看下,接下来将实现的Dialog效果图:

15058294181.png?201601116357

步骤1:要定义布局文件,该布局文件即是Dialog的布局了

android:id="@+id/dialog_view"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

android:background="@drawable/dialog_load_bg"

android:gravity="center"

android:minHeight="100dp"

android:minWidth="190dp"

android:orientation="vertical"

android:padding="10dp" >

android:id="@+id/img"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:src="@drawable/publicloading" />

android:id="@+id/tipTextView"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_marginLeft="10dp"

android:textColor="#acacac"

android:textSize="15sp" />

在布局文件中,我们只定义了两个组件,一个ImageView,用于显示旋转图,一个TextView,用于显示消息文本

步骤2:定义动画,使得弹出框上的图片可以不停的旋转。

android:interpolator="@android:anim/linear_interpolator"

android:pivotX="50%"

android:pivotY="50%"

android:fromDegrees="0"

android:toDegrees="+360"

android:duration="1500"

android:startOffset="-1"

android:repeatMode="restart"

android:repeatCount="-1"/>

步骤3:实现自定义的Dialog逻辑

/**

* 公用的弹出框

*

* @author lining

*/

public class LoadingDialog {

/**

* 得到自定义的progressDialog

*

* @param context

* @param msg

* @return

*/

public static Dialog createLoadingDialog(Context context,String msg) {

// 首先得到整个View

View view = LayoutInflater.from(context).inflate(

R.layout.loading_dialog_view,null);

// 获取整个布局

LinearLayout layout = (LinearLayout) view

.findViewById(R.id.dialog_view);

// 页面中的Img

ImageView img = (ImageView) view.findViewById(R.id.img);

// 页面中显示文本

TextView tipText = (TextView) view.findViewById(R.id.tipTextView);

// 加载动画,动画用户使img图片不停的旋转

Animation animation = AnimationUtils.loadAnimation(context,R.anim.dialog_load_animation);

// 显示动画

img.startAnimation(animation);

// 显示文本

tipText.setText(msg);

// 创建自定义样式的Dialog

Dialog loadingDialog = new Dialog(context,R.style.loading_dialog);

// 设置返回键无效

loadingDialog.setCancelable(false);

loadingDialog.setContentView(layout,new LinearLayout.LayoutParams(

LinearLayout.LayoutParams.MATCH_PARENT,LinearLayout.LayoutParams.MATCH_PARENT));

return loadingDialog;

}

}

代码注释已经很详细了,有一处需要注意的,就是在创建Dialog实例时,需要传递一个theme,该theme是Dialog的风格:

;style name="loading_dialog" parent="android:style/Theme.Dialog">

@null

true

@drawable/dialog_load_bg

true

@null

;/style>

步骤4:使用自定义的ProgressDialog接下来,我们可以直接使用已经定义好的Dialog了,很简单,只需要将Dialog显示和关闭即可,建议将讲方法封装起来,放在

BaseActivity(基类)中,方便随时调用。

/**

* 显示Dialog

*/

private void showDialog() {

if (dialog == null) {

dialog = LoadingDialog.createLoadingDialog(this,"正在加载中...");

dialog.show();

}

}

/**

* 关闭Dialog

*/

private void closeDialog() {

if (dialog != null) {

dialog.dismiss();

dialog = null;

}

}

通过上面步骤,我们即完成了自定义的ProgressDialog,当然,具体在项目中需要什么样的效果,可以调整。

总结

如果觉得编程之家网站内容还不错,欢迎将编程之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。

小编个人微信号 jb51ccc

喜欢与人分享编程技术与工作经验,欢迎加入编程之家官方交流群!

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐