ProgressWheelDialogUtil【ProgressWheel Material样式进度条对话框】

版权声明:本文为HaiyuKing原创文章,转载请注明出处!

前言

简单封装网络请求时的加载对话框以及上传、下载文件的进度加载对话框。

效果图

 

代码分析

ProgressWheel : 自定义view,仿Material Design样式

ProgressWheelDialogUtil : 封装两种样式对话框【加载对话框、进度加载对话框】的显示、隐藏、赋值方法。

使用步骤

一、项目组织结构图

注意事项:

1、  导入类文件后需要change包名以及重新import R文件路径

2、  Values目录下的文件(strings.xml、dimens.xml、colors.xml等),如果项目中存在,则复制里面的内容,不要整个覆盖

二、导入步骤

将progress目录复制到项目中

将布局文件复制到项目中【注意:需要重新引用ProgressWheel类的完整路径】

progress_wheel_dialog.xml

<?xml version="1.0" encoding="utf-8"?>
<!-- 圆形进度加载对话框布局 -->
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:wheel="http://schemas.android.com/apk/res-auto"
    android:id="@+id/dialog_view"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal"
    android:gravity="center" >
    
    <!-- 自定义圆形加载进度条 -->
    <com.why.project.progresswheeldialogutildemo.utils.progress.ProgressWheel
        android:id="@+id/progress_wheel"
        android:layout_width="@dimen/progresswheel_width"
        android:layout_height="@dimen/progresswheel_height"
        android:layout_gravity="center_vertical"
        wheel:matProg_barColor="@color/progress_wheel_bar_color"
        wheel:matProg_progressIndeterminate="true"
        wheel:matProg_fillRadius="false"
         />
    <!-- 圆形加载进度条右侧的文字 -->
    <TextView 
        android:id="@+id/progress_text"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text=""
        android:textSize="@dimen/progresswheel_text_size"
        android:textColor="@color/progress_wheel_text_color"
        android:layout_gravity="center_vertical"
        />
</LinearLayout>

 progress_wheel_upload_dialog.xml

<?xml version="1.0" encoding="utf-8"?>
<!-- 圆形进度加载对话框布局【上传视频】 -->
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:wheel="http://schemas.android.com/apk/res-auto"
    android:id="@+id/dialog_view"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center" >

    <!-- 自定义圆形加载进度条 -->
    <com.why.project.progresswheeldialogutildemo.utils.progress.ProgressWheel
        android:id="@+id/progress_wheel"
        android:layout_width="@dimen/progresswheel_width_upload"
        android:layout_height="@dimen/progresswheel_width_upload"
        wheel:matProg_barColor="@color/progress_wheel_bar_color"
        wheel:matProg_progressIndeterminate="true"
        wheel:matProg_fillRadius="false"
        android:layout_centerInParent="true"
        />
    <!-- 圆形加载进度条中间的文字 -->
    <TextView
        android:id="@+id/progress_text"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text=""
        android:textSize="@dimen/progresswheel_text_size"
        android:textColor="@color/progress_wheel_text_color"
        android:layout_centerInParent="true"
        />
</RelativeLayout>

在attrs.xml文件中添加以下代码

<?xml version="1.0" encoding="utf-8"?>
<resources>

    <!-- **************ProgressWheelDialogUtil【Materialish样式的进度条对话框】**************-->
    <declare-styleable name="ProgressWheel">
        <attr name="matProg_progressIndeterminate" format="boolean" />
        <attr name="matProg_barColor" format="color" />
        <attr name="matProg_rimColor" format="color" />
        <attr name="matProg_rimWidth" format="dimension" />
        <attr name="matProg_spinSpeed" format="float" />
        <attr name="matProg_barSpinCycleTime" format="integer" />
        <attr name="matProg_circleRadius" format="dimension" />
        <attr name="matProg_fillRadius" format="boolean" />
        <attr name="matProg_barWidth" format="dimension" />
        <attr name="matProg_linearProgress" format="boolean" />
    </declare-styleable>
    
</resources>

在colors.xml文件中添加以下代码

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <color name="colorPrimary">#3F51B5</color>
    <color name="colorPrimaryDark">#303F9F</color>
    <color name="colorAccent">#FF4081</color>

    <!-- **************ProgressWheelDialogUtil【Materialish样式的进度条对话框】**************-->
    <!-- 加载进度条颜色 -->
    <color name="progress_wheel_bar_color">#5588FF</color>
    <!-- 加载进度条文字颜色 -->
    <color name="progress_wheel_text_color">#5588FF</color>
</resources>

在dimens.xml文件中添加以下代码

<resources>
    <!-- Default screen margins, per the Android Design guidelines. -->
    <dimen name="activity_horizontal_margin">16dp</dimen>
    <dimen name="activity_vertical_margin">16dp</dimen>

    <!-- **************ProgressWheelDialogUtil【Materialish样式的进度条对话框】**************-->
    <!-- 加载进度条的宽度 -->
    <dimen name="progresswheel_width">50dp</dimen>
    <dimen name="progresswheel_width_upload">80dp</dimen>
    <!-- 加载进度条的高度 -->
    <dimen name="progresswheel_height">50dp</dimen>
    <!-- 加载进度条的文字大小 -->
    <dimen name="progresswheel_text_size">18sp</dimen>

</resources>

在styles.xml文件中添加以下代码

<resources>

    <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
        <!-- Customize your theme here. -->
        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="colorAccent">@color/colorAccent</item>
    </style>

    <!-- **************ProgressWheelDialogUtil【Materialish样式的进度条对话框】**************-->
    <!-- 自定义loading dialog:进度对话框 【常规的】-->
    <style name="dialogutil_loading_style" parent="android:style/Theme.Dialog">
        <!-- Dialog的windowFrame框为无 -->
        <item name="android:windowFrame">@null</item>
        <!-- 是否显示title -->
        <item name="android:windowNoTitle">true</item>
        <!-- 是否浮现在activity之上 -->
        <item name="android:windowIsFloating">true</item>
        <!-- 设置dialog的背景:#00000000透明色 -->
        <item name="android:windowBackground">@android:color/transparent</item>
        <!-- 半透明 -->
        <item name="android:windowIsTranslucent">true</item>
        <!-- 背景变灰:整个屏幕变灰,配合setCanceledOnTouchOutside(false) -->
        <item name="android:backgroundDimEnabled">false</item>
        <!-- 对话框是否有遮盖 -->
        <item name="android:windowContentOverlay">@null</item>
    </style>
    <!-- 自定义loading dialog:进度对话框 【整个屏幕变灰】-->
    <style name="dialogutil_loading_style_upload" parent="android:style/Theme.Dialog">
        <!-- Dialog的windowFrame框为无 -->
        <item name="android:windowFrame">@null</item>
        <!-- 是否显示title -->
        <item name="android:windowNoTitle">true</item>
        <!-- 是否浮现在activity之上 -->
        <item name="android:windowIsFloating">true</item>
        <!-- 设置dialog的背景:#00000000透明色 -->
        <item name="android:windowBackground">@android:color/transparent</item>
        <!-- 半透明 -->
        <item name="android:windowIsTranslucent">true</item>
        <!-- 背景变灰:整个屏幕变灰,配合setCanceledOnTouchOutside(false) -->
        <item name="android:backgroundDimEnabled">true</item>
        <!-- 对话框是否有遮盖 -->
        <item name="android:windowContentOverlay">@null</item>
    </style>

</resources>

至此,ProgressWheelDialogUtil集成到项目中了。

三、使用方法

在BaseActivity、BaseFragment、BaseDialogFragment基类中进一步封装

BaseActivity.java

package com.why.project.progresswheeldialogutildemo.activity;

import android.app.Dialog;
import android.support.v7.app.AppCompatActivity;

import com.why.project.progresswheeldialogutildemo.utils.progress.ProgressWheelDialogUtil;

/**
 * Created by HaiyuKing
 * Used activty基类
 */

public class BaseActivity extends AppCompatActivity{


    /*========================ProgressWheelDialogUtil相关====================================*/
    /** 自定义进度加载框 */
    public Dialog progressDialog = null;

    /**
     * 显示进度加载对话框
     * @param msg 显示内容
     */
    public void showProgressDialog(String msg) {
        try {
            if (progressDialog == null || !progressDialog.isShowing()) {
                progressDialog = ProgressWheelDialogUtil.createProgressWheelDialog(this, msg);
            }
            ProgressWheelDialogUtil.setDialogMsg(msg);
            progressDialog.show();
        } catch (Exception e) {
            e.printStackTrace();
        }
    }

    /**
     * 上传、下载进度加载对话框
     * @param msg 显示内容
     */
    public void showProgressDialogUpload(String msg) {
        try {
            if (progressDialog == null || !progressDialog.isShowing()) {
                progressDialog = ProgressWheelDialogUtil.createProgressWheelDialogUpload(this, msg);
            }
            ProgressWheelDialogUtil.setDialogMsg(msg);
            progressDialog.show();
        } catch (Exception e) {
            e.printStackTrace();
        }
    }
    /**
     * 隐藏进度加载对话框
     */
    public void dismissProgressDialog() {
        try {
            if (progressDialog != null && progressDialog.isShowing()) {
                progressDialog.dismiss();
            }
        } catch (Exception e) {
            e.printStackTrace();
        }
    }
}

BaseFragment.java

package com.why.project.progresswheeldialogutildemo.fragment;

import android.app.Dialog;
import android.support.v4.app.Fragment;

import com.why.project.progresswheeldialogutildemo.utils.progress.ProgressWheelDialogUtil;

/**
 * @Created HaiyuKing
 * @Used  Fragment基类
 */
public class BaseFragment extends Fragment{
    private static final String TAG = "BaseFragment";
    
    /*========================ProgressWheelDialogUtil相关====================================*/
    /** 自定义进度加载框 */
    public Dialog progressDialog = null;

    /**
     * 显示进度加载对话框
     * @param msg 显示内容
     */
    public void showProgressDialog(String msg) {
        try {
            if (progressDialog == null || !progressDialog.isShowing()) {
                progressDialog = ProgressWheelDialogUtil.createProgressWheelDialog(getActivity(), msg);
            }
            ProgressWheelDialogUtil.setDialogMsg(msg);
            progressDialog.show();
        } catch (Exception e) {
            e.printStackTrace();
        }
    }

    /**
     * 上传、下载进度加载对话框
     * @param msg 显示内容
     */
    public void showProgressDialogUpload(String msg) {
        try {
            if (progressDialog == null || !progressDialog.isShowing()) {
                progressDialog = ProgressWheelDialogUtil.createProgressWheelDialogUpload(getActivity(), msg);
            }
            ProgressWheelDialogUtil.setDialogMsg(msg);
            progressDialog.show();
        } catch (Exception e) {
            e.printStackTrace();
        }
    }
    /**
     * 隐藏进度加载对话框
     */
    public void dismissProgressDialog() {
        try {
            if (progressDialog != null && progressDialog.isShowing()) {
                progressDialog.dismiss();
            }
        } catch (Exception e) {
            e.printStackTrace();
        }
    }
    
}

BaseDialogFragment.java

package com.why.project.progresswheeldialogutildemo.dialog;


import android.app.Dialog;
import android.support.v4.app.DialogFragment;

import com.why.project.progresswheeldialogutildemo.utils.progress.ProgressWheelDialogUtil;

/**
 * @Created HaiyuKing
 * @Used  DialogFragment基类
 */
public class BaseDialogFragment extends DialogFragment{

    
    /*========================ProgressWheelDialogUtil相关====================================*/
    /** 自定义进度加载框 */
    public Dialog progressDialog = null;

    /**
     * 显示进度加载对话框
     * @param msg 显示内容
     */
    public void showProgressDialog(String msg) {
        try {
            if (progressDialog == null || !progressDialog.isShowing()) {
                progressDialog = ProgressWheelDialogUtil.createProgressWheelDialog(getActivity(), msg);
            }
            ProgressWheelDialogUtil.setDialogMsg(msg);
            progressDialog.show();
        } catch (Exception e) {
            e.printStackTrace();
        }
    }

    /**
     * 上传、下载进度加载对话框
     * @param msg 显示内容
     */
    public void showProgressDialogUpload(String msg) {
        try {
            if (progressDialog == null || !progressDialog.isShowing()) {
                progressDialog = ProgressWheelDialogUtil.createProgressWheelDialogUpload(getActivity(), msg);
            }
            ProgressWheelDialogUtil.setDialogMsg(msg);
            progressDialog.show();
        } catch (Exception e) {
            e.printStackTrace();
        }
    }

    /**
     * 隐藏进度加载对话框
     */
    public void dismissProgressDialog() {
        try {
            if (progressDialog != null && progressDialog.isShowing()) {
                progressDialog.dismiss();
            }
        } catch (Exception e) {
            e.printStackTrace();
        }
    }
}

在Activity中使用如下:

package com.why.project.progresswheeldialogutildemo.activity;

import android.os.Bundle;
import android.view.View;
import android.widget.Button;

import com.why.project.progresswheeldialogutildemo.R;

public class MainActivity extends BaseActivity {

    private Button btn_showdialog;
    private Button btn_showtextdialog;
    private Button btn_showuploaddialog;


    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        initViews();
        initEvents();
    }

    private void initViews() {
        btn_showdialog = (Button) findViewById(R.id.btn_showdialog);
        btn_showtextdialog = (Button) findViewById(R.id.btn_showtextdialog);
        btn_showuploaddialog = (Button) findViewById(R.id.btn_showuploaddialog);
    }

    private void initEvents() {
        btn_showdialog.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                showProgressDialog("");
            }
        });

        btn_showtextdialog.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                showProgressDialog("正在登录,请稍后");
            }
        });

        btn_showuploaddialog.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                showProgressDialogUpload("20%");
            }
        });
    }
}

备注:隐藏对话框:dismissProgressDialog();

混淆配置

参考资料

https://github.com/pnikosis/materialish-progress

项目demo下载地址

https://github.com/haiyuKing/ProgressWheelDialogUtilDemo

posted @ 2017-08-27 17:54  HaiyuKing  阅读(688)  评论(0编辑  收藏  举报