zoukankan      html  css  js  c++  java
  • Android 自定义ProgressDialog

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

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


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

    <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        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" >
    
        <ImageView
            android:id="@+id/img"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/publicloading" />
    
        <TextView
            android:id="@+id/tipTextView"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="10dp"
            android:textColor="#acacac"
            android:textSize="15sp" />
    
    </LinearLayout>

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


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

    <?xml version="1.0" encoding="utf-8"?>
    <set android:shareInterpolator="false" xmlns:android="http://schemas.android.com/apk/res/android">
        <rotate 
            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"/>
    </set>

    步骤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的风格:

           <!-- 自定义loading dialog -->
        <style name="loading_dialog" parent="android:style/Theme.Dialog">
            <item name="android:windowFrame">@null</item>
            <item name="android:windowNoTitle">true</item>
            <item name="android:windowBackground">@drawable/dialog_load_bg</item>
            <item name="android:windowIsFloating">true</item>
            <item name="android:windowContentOverlay">@null</item>
        </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,当然,具体在项目中需要什么样的效果,可以调整。


    源代码下载地址(免费):http://download.csdn.net/detail/zuiwuyuan/8407657

  • 相关阅读:
    TCP断开连接的相关问题
    TCP建立连接的相关问题
    TCP的基本认识
    输入网址到网页显示,发生了什么
    leetcode_32.最长有效括号
    第六章:HTTP首部
    第五章:与HTTP协作的Web服务器
    RDF、RDFS、OWL
    分布式事务
    第四章:返回结果的HTTP状态码
  • 原文地址:https://www.cnblogs.com/hehe520/p/6329987.html
Copyright © 2011-2022 走看看