目标是这样的

用到的组件 AlertDialogProgressBar

先创建一个 AlertDialog 的布局

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

<!-- File: res/layout/dialog_loading.xml -->
<ProgressBar
style="?android:progressBarStyleLarge"
xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/progress_bar"
android:layout_width="wrap_content"
android:layout_height="wrap_content"/>

接下来创建弹窗类,需要将背景设置为透明,否则背景很难看

package com.seliote.loadingdialog;

/**
* File: com/seliote/loadingdialog/LoadingDialog.java
*/ import android.content.Context;
import android.support.v7.app.AlertDialog; public class LoadingDialog {
private Context mContext;
private AlertDialog mAlertDialog; public LoadingDialog(Context aContext) {
mContext = aContext;
mAlertDialog = new AlertDialog.Builder(mContext)
.setView(R.layout.dialog_loading)
.create();
// Set AlertDialog background to transparent
mAlertDialog.getWindow().getDecorView().setBackgroundResource(android.R.color.transparent);
} public void show() {
if (!mAlertDialog.isShowing()) {
mAlertDialog.show();
}
} public void dismiss() {
if (mAlertDialog.isShowing()) {
mAlertDialog.dismiss();
}
}
}

效果



背景在弹窗后自动变暗,不怎么好看,修改一下

res/layout/styles.xml 中添加 style 标签

<!-- Disable background dim for AlertDialog -->
<style name="NoDimAlertDialog" parent="Theme.AppCompat.Dialog.Alert">
<item name="android:backgroundDimEnabled">false</item>
</style>

应用标签,LoadingDialog.java 中创建 AlertDialog 时使用自定义样式

mAlertDialog = new AlertDialog.Builder(mContext, R.style.NoDimAlertDialog)

效果

ok,大体完成

再来点微调,下方加上提示符,loading_dialog.xml 改为

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

<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"> <!-- style="?android:progressBarStyleLarge" 变成大圈 -->
<ProgressBar
android:id="@+id/progress_bar"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal"/> <!-- 颜色默认为白色,记得改一下,不然看不到 -->
<TextView
android:id="@+id/loading_dialog_text_view"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal"
android:layout_margin="16dp"
android:text="@string/default_loading_dialog_text"
android:textSize="16sp"
android:textAllCaps="false"
android:textColor="@android:color/darker_gray"/> </LinearLayout>

LoadingDialog.java 改为

package com.seliote.driftbottle.component;

import android.content.Context;
import android.support.annotation.NonNull;
import android.support.v7.app.AlertDialog;
import android.view.LayoutInflater;
import android.view.View;
import android.widget.TextView; import com.seliote.driftbottle.R; /**
* 加载旋转框,用于耗时操作时堵塞用户操作
*/
public class LoadingDialog { private Context mContext;
private AlertDialog mAlertDialog;
private View mView; /**
* 构造一个可以阻塞用户操作的的弹窗对象
*
* @param aContext 上下文对象
*/
public LoadingDialog(Context aContext) {
this.mContext = aContext; this.mView = LayoutInflater.from(aContext).inflate(R.layout.dialog_loading, null); this.mAlertDialog = new AlertDialog
.Builder(this.mContext, R.style.NoDimAlertDialog)
.setView(this.mView)
.setCancelable(false)
.create();
// 将背景设置为透明的
this.mAlertDialog.getWindow().getDecorView().setBackgroundResource(android.R.color.transparent);
} /**
* 构造一个可以阻塞用户操作的的弹窗对象,并指定提示字符
*
* @param aContext 上下文对象
* @param aPromptText 提示字符
*/
public LoadingDialog(Context aContext, @NonNull String aPromptText) {
this.mContext = aContext; this.mView = LayoutInflater.from(aContext).inflate(R.layout.dialog_loading, null); TextView textView = this.mView.findViewById(R.id.loading_dialog_text_view);
textView.setText(aPromptText); this.mAlertDialog = new AlertDialog
.Builder(this.mContext, R.style.NoDimAlertDialog)
.setView(this.mView)
.setCancelable(false)
.create();
// 将背景设置为透明的
this.mAlertDialog.getWindow().getDecorView().setBackgroundResource(android.R.color.transparent);
} /**
* 显示弹窗
*/
public void show() {
if (!this.mAlertDialog.isShowing()) {
this.mAlertDialog.show();
}
} /**
* 隐藏弹窗
*/
public void dismiss() {
if (this.mAlertDialog.isShowing()) {
this.mAlertDialog.dismiss();
}
} /**
* 更改提示字符
*
* @param aPrompt 提示字符
*/
public void changePrompt(String aPrompt) {
TextView textView = this.mView.findViewById(R.id.loading_dialog_text_view);
textView.setText(aPrompt);
}
}

加载旋转框(loading spinner)的更多相关文章

  1. js spin 加载动画(loading)

    js spin 加载动画 最近做页面ajax加载是又用到loading动画,还好有一个spin.js 具体的包大家可以去http://fgnass.github.com/spin.js/下载, 如果想 ...

  2. IOS开发UI篇之──自定义加载等待框(MBProgressHUD)

    本文转载至 http://blog.csdn.net/xunyn/article/details/8064984   原文地址http://www.189works.com/article-89289 ...

  3. js图片未加载完显示loading效果

    <html> <title>js图片未加载完显示loading效果</title> <body> <style> img{float:lef ...

  4. flutter的加载弹框

    代码组件: import 'package:flutter/cupertino.dart'; import 'package:flutter/material.dart'; import 'packa ...

  5. 安卓 自定义AlertDialog对话框(加载提示框)

    AlertDialog有以下六种使用方法: 一.简单的AlertDialog(只显示一段简单的信息) 二.带按钮的AlertDialog(显示提示信息,让用户操作) 三.类似ListView的Aler ...

  6. JS实现页面加载完毕之前loading提示效果

    1.获取浏览器页面可见高度和宽度 var _PageHeight = document.documentElement.clientHeight, _PageWidth = document.docu ...

  7. js实现的页面加载完毕之前loading提示效果

    页面加载readyState的五种状态 原文如下: 0: (Uninitialized) the send( ) method has not yet been invoked. 1: (Loadin ...

  8. 加载页面(Loading)

    /* 文件说明:页面加载时Loading JS 文件描述:解决IE或FF下,初始化加载时,页面布局乱掉的问题,参考:*/var width = $(window).width();var height ...

  9. appcloud 加载第三方页面loading效果

    apiready = function() { var header = $api.byId('header'); $api.fixIos7Bar(header); var headerPos = $ ...

随机推荐

  1. 【Spring实战】—— 10 AOP针对参数的通知

    通过前面的学习,可以了解到 Spring的AOP可以很方便的监控到方法级别的执行 ,针对于某个方法实现通知响应. 那么对于方法的参数如何呢? 比如我们有一个方法,每次传入了一个字符串,我想要知道每次传 ...

  2. OC static 和变量

    #include <stdio.h> // 如果在不同源文件出现了同名的内部变量,那么这些变量将互不干扰 static int b; // 用static修饰的全部变量,可以称为内部变量 ...

  3. 【[AHOI2006]文本编辑器】

    题目 多了区间翻转,之后没了 区间翻转的标记记得在\(kth\)的时候下传 代码 #include<algorithm> #include<iostream> #include ...

  4. luogu P3796【模板】AC自动机(加强版)

    嘟嘟嘟 这个和某谷的AC自动机模板简单版差不多. 但还是要注意几点的: 1.这个是统计出现次数,而不是是否出现,所以在查询的时候加上这个节点的val后,不能把val标记为-1.那么也就可以说查询的时间 ...

  5. 二分图最大权值匹配 KM算法 模板

    KM算法详解+模板 大佬讲的太好了!!!太好了!!! 转载自:http://www.cnblogs.com/wenruo/p/5264235.html KM算法用来求二分图最大权完美匹配. 本文配合该 ...

  6. POJ 1191 棋盘分割 【DFS记忆化搜索经典】

    题目传送门:http://poj.org/problem?id=1191 棋盘分割 Time Limit: 1000MS   Memory Limit: 10000K Total Submission ...

  7. 根据GB2312编码表求汉字字节

    java中有8种基本数据类型,byte,short,int,long,float,double,boolean byte用1个字节表示,占8比特,取值范围 负2的7次方至正2的7次方减1 二进制000 ...

  8. Java 的 FileFilter文件过滤,readline读行操作

    package com.cjonline.foundation.evisa; import java.io.BufferedReader; import java.io.File; import ja ...

  9. CSharp调用C++编写的DLL的方法

    自己比较懒,有的时候想写点东西,但由于文笔不行.技术不行也就没有怎么写.经常是用到什么.学习什么的时候,简单写点,权当是个学习笔记.上博客的次数也很少,有人给我留言也是没有怎么及时的回复,深感抱歉! ...

  10. 虚拟局域网VLAN的配置实验

    实验涉及命令以及知识补充 交换机的不同状态 switch: :交换机的ROM态 rommon> :路由器的R状态 switch > :用户模式 switch# :特权模式 switch(c ...