仿照ContentLoadingProgressBar 的特点在Android项目中自定义Loading对话框

news2024/11/27 18:40:27

ContentLoadingProgressBar 是 Android 中的一个控件，继承自 ProgressBar。它在 ProgressBar 的基础上添加了一些特殊功能，主要用于在加载内容时显示进度。它的一些主要特点如下：

  1. 自动隐藏和显示：ContentLoadingProgressBar 会在内容加载完成后自动隐藏，并在内容开始加载时自动显示。这减少了手动控制进度条显示和隐藏的代码量。
  2. 延迟显示：为了避免在短时间内频繁显示和隐藏进度条，ContentLoadingProgressBar 提供了一个延迟显示的功能。如果内容加载时间非常短，进度条可能不会显示出来。
  3. 延迟隐藏：类似地，ContentLoadingProgressBar 也提供了延迟隐藏的功能，以确保进度条在内容加载完成后不会立即消失，从而提供更好的用户体验。

这些功能使 ContentLoadingProgressBar 成为一个更智能、更易用的进度条控件，特别适合在需要频繁加载内容的应用中使用。

1、ContentLoadingProgressBar 的特性

从注释中可以看出，ContentLoadingProgressBar 在 ProgressBar 的基础上添加了以下特性：

  1. 在显示之前会等待一段时间来被隐藏：这意味着在显示之前，ContentLoadingProgressBar 会等待一段时间，如果在这段时间内被隐藏，那么就不会显示出来。
  2. 一旦显示，ContentLoadingProgressBar 会在一段时间内保持可见：这确保了进度条不会在短时间内频繁显示和隐藏，避免了 UI 视图的“闪烁”现象。

这种“闪烁”现象在项目开发中很常见，例如在进行网络请求之前显示 Loading 对话框，请求完成之后再隐藏。如果网络请求耗时很短，就会导致对话框在短时间内显示和隐藏，造成“闪烁”现象。ContentLoadingProgressBar 的这两个特性很好地解决了这个问题。

2、ContentLoadingProgressBar 的实现

ContentLoadingProgressBar 中定义了两个 int 类型的常量 MIN_SHOW_TIME 和 MIN_DELAY，分别表示显示的最短时间和延迟显示的时间，值都是 500ms。mDelayedShow 和 mDelayedHide 是两个 Runnable 任务，分别对应延时显示和延时隐藏。在控制 ContentLoadingProgressBar 的显示和隐藏时不能使用 setVisibility() 方法，而是需要使用 show() 和 hide() 方法。

show() 方法

public void show() {
    mStartTime = -1;
    mPostedHide = false;
    mPostedShow = true;
    removeCallbacks(mDelayedHide);
    if (!mPostedShow) {
        postDelayed(mDelayedShow, MIN_DELAY);
    }
}

show() 方法首先会做一些状态的恢复处理，将 mStartTime 恢复为 -1，mStartTime 记录了 ContentLoadingProgressBar 开始显示的时间，接着将延时隐藏任务 mDelayedHide 从任务队列中移除。方法最后会判断 mPostedShow 的值，如果为 false 就调用 postDelayed() 方法延迟 MIN_DELAY（500ms）后执行 mDelayedShow 任务。mPostedShow 用于标记 mDelayedShow 是否已添加到任务队列中，防止任务的重复执行。mDelayedShow 任务的逻辑很简单，主要就是记录开始显示的时间并执行 setVisibility(View.VISIBLE) 将 ContentLoadingProgressBar 显示出来。

hide() 方法

public void hide() {
    mPostedHide = true;
    removeCallbacks(mDelayedShow);
    long diff = System.currentTimeMillis() - mStartTime;
    if (diff >= MIN_SHOW_TIME || mStartTime == -1) {
        setVisibility(View.GONE);
    } else {
        postDelayed(mDelayedHide, MIN_SHOW_TIME - diff);
    }
}

hide() 方法和 show() 方法类似，首先将延时显示任务 mDelayedShow 从任务队列中移除，因此如果调用 show() 和 hide() 方法之间的间隔时间小于 MIN_DELAY（500ms），mDelayedShow 就不会执行了，ContentLoadingProgressBar 也就不会显示了。接下来会计算 System.currentTimeMillis() - mStartTime 的值，即此时 ContentLoadingProgressBar 的显示时间，如果此时 mStartTime 的值为 -1（ContentLoadingProgressBar 还没有显示）或者显示时间超过了 MIN_SHOW_TIME（500ms），直接执行 setVisibility(View.GONE) 隐藏 ContentLoadingProgressBar；反之则说明 ContentLoadingProgressBar 的显示时间没有达到最短时间 500ms，计算剩余的时间，延时执行隐藏任务，保证 ContentLoadingProgressBar 最短可以显示 500ms。这里的 mPostedHide 作用同样是防止延时隐藏任务的重复执行。mDelayedHide 任务的逻辑也比较简单，将 mStartTime 恢复为 -1，执行 setVisibility(View.GONE) 隐藏 ContentLoadingProgressBar。

3、自定义Loading 对话框

ContentLoadingProgressBar 给了我们很好的思路，解决 Loading 对话框“闪烁”问题需要做到以下两点：

  1. 显示 Loading 对话框之前先等待一段时间。
  2. 隐藏 Loading 对话框时判断显示时间是否达到了最短显示时间，如果没有达到就延时执行隐藏任务。

清楚思路后就可以优化 Loading 对话框了，直接附上完整代码：

package com.jpc.customwidgetstudy.widget

import android.app.Activity
import android.app.AlertDialog
import android.content.Context
import android.os.Handler
import android.os.Looper
import android.view.LayoutInflater
import android.view.ViewGroup
import android.widget.TextView
import com.jpc.customwidgetstudy.R

/**
 * 自定义Loading Dialog, 用于显示加载中的状态
 */
class LoadingDialog(context: Context): AlertDialog(context, R.style.Theme_AppCompat_Dialog){
    companion object{
        // 最短显示时间
        private const val MIN_SHOW_TIME = 500L
        // 最短延迟时间
        private const val MIN_DELAY_TIME = 500L
    }
    private var tvMessage: TextView
    init {
        val parent = (context as? Activity)?.findViewById<ViewGroup>(android.R.id.content)
        val loadView = LayoutInflater.from(context).inflate(R.layout.dialog_loading, parent, false)
        setView(loadView)
        tvMessage = loadView.findViewById(R.id.tv_message)
    }
    // 记录开始时间
    private var mStartTime: Long = -1
    // 防止延时隐藏任务的重复执行
    private var mPostedHide: Boolean = false
    // 防止延时显示任务的重复执行
    private var mPostedShow: Boolean = false
    // 是否已经消失
    private var mDismissed: Boolean = false
    // 主线程Handler
    private val mHandler = Handler(Looper.getMainLooper())
    // 显示
    private val mDelayedShow: Runnable = Runnable {
        mPostedShow = false
        if (!mDismissed){
            mStartTime = System.currentTimeMillis()
            show()
        }
    }
    // 隐藏
    private val mDelayedHide: Runnable = Runnable {
        mPostedHide = false
        mStartTime = -1
        dismiss()
    }
    // 显示Dialog
    fun showDialog(message: String){
        tvMessage.text = message
        mStartTime = -1
        mDismissed = false
        mHandler.removeCallbacks(mDelayedHide)
        mPostedHide = false
        if (!mPostedShow){
            mHandler.postDelayed(mDelayedShow, MIN_DELAY_TIME)
            mPostedShow = true
        }
    }
    // 隐藏Dialog
    fun hideDialog(){
        mDismissed = true
        mHandler.removeCallbacks(mDelayedShow)
        mPostedShow = false
        val diff = System.currentTimeMillis() - mStartTime
        if (diff >= MIN_SHOW_TIME || mStartTime == -1L){
            dismiss()
        }else{
            if (!mPostedHide){
                mHandler.postDelayed(mDelayedHide, MIN_SHOW_TIME - diff)
                mPostedHide = true
            }
        }
    }
    // 从Window移除时移除所有的Callback
    override fun onDetachedFromWindow() {
        super.onDetachedFromWindow()
        mHandler.removeCallbacks(mDelayedHide)
        mHandler.removeCallbacks(mDelayedShow)
    }
}

可以定义Dialog的大小

    <style name="Theme.AppCompat.Dialog" parent="Theme.AppCompat.Light.Dialog">
        <!-- Customize your dialog theme here -->
        <item name="android:windowBackground">@color/loading_color</item>
        <item name="android:windowMinWidthMajor">30%</item>
        <item name="android:windowMinWidthMinor">30%</item>
        <item name="android:padding">6dp</item>
    </style>
    <!-- Custom ProgressBar style -->
    <style name="CustomProgressBar" parent="Widget.AppCompat.ProgressBar">
        <item name="android:indeterminateTint">@color/colorPrimary</item>
    </style>

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    xmlns:app="http://schemas.android.com/apk/res-auto">

    <ProgressBar
        android:id="@+id/progressBar"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:layout_constraintBottom_toTopOf="@id/tv_message"
        app:layout_constraintStart_toStartOf="@id/tv_message"
        app:layout_constraintEnd_toEndOf="@id/tv_message"
        style="@style/CustomProgressBar"/>
    <TextView
        android:id="@+id/tv_message"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="加载中..."
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toEndOf="parent" />

</androidx.constraintlayout.widget.ConstraintLayout>

布局文件就是一个 ProgressBar 和一个 TextView，用于展示提示信息。控制 Loading 对话框的显示和隐藏直接使用 showDialog() 和 hideDialog() 方法就可以了。为了简单示例，这里自定义的 Dialog 直接继承自 AlertDialog，注意要在适当的时机移除延时任务，防止内存泄漏。

效果如下：
在这里插入图片描述

总结

本文通过分析 ContentLoadingProgressBar 的原理引出了项目开发中 Loading 对话框的一种优化方式，避免对话框显示和隐藏间隔时间太短导致的“闪烁”现象。

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/2060569.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

引发C++程序内存泄漏的常见原因分析与排查方法总结

引发C++程序内存泄漏的常见原因分析与排查方法总结

目录 1、概述 2、内存泄漏与程序的位数 3、调用哪些接口去动态申请内存&#xff1f; 4、引发内存泄漏的常见原因总结 4.1、通过malloc/new等动态申请的内存&#xff0c;在使用完后&#xff0c;没有调用free/delete去释放&#xff08;也可能是调用了上面讲到的HeapAlloc或V…
阅读更多...
计算机专业大四毕业生如何在一天内完成开题报告？一招教你解锁开题报告写作技巧

计算机专业大四毕业生如何在一天内完成开题报告？一招教你解锁开题报告写作技巧

&#x1f495;&#x1f495;作者&#xff1a;计算机源码社 &#x1f495;&#x1f495;个人简介&#xff1a;本人 八年开发经验&#xff0c;擅长Java、Python、PHP、.NET、Node.js、Android、微信小程序、爬虫、大数据、机器学习等&#xff0c;大家有这一块的问题可以一起交流&…
阅读更多...
SQL Server数据库 创建表，和表的增删改查

SQL Server数据库 创建表，和表的增删改查

打开SQL Server工具,连接服务器 右击数据库&#xff0c;创建新的数据库 新建表 填写列&#xff0c;我添加了Id,Name,Sex,Age,和class列 右键表刷新一下就有了 我又同时创建了一个Class表 点击新建查询&#xff0c;现在写代码添加数据&#xff0c;也可以操作表来对数据进行添加 …
阅读更多...
GEC6818开发板显示BMP格式图片

GEC6818开发板显示BMP格式图片

1、BMP格式图片 bmp格式图片是没有经过任何压缩过的图片，缺点是为文件尺寸比较大，不适合传播；优点是文件必须要解码器可以读出来直接使用。 虽然BMP格式文件内部存储的就是RGB数据，无需任何解码，但毕竟RGB数据是纯数据，没有任何图片尺寸、色深等具体信息，因此我们需要了…
阅读更多...
滴滴二季度GTV达963亿元 经调整EBITA盈利13亿元

滴滴二季度GTV达963亿元 经调整EBITA盈利13亿元

8月21日&#xff0c;滴滴在其官网发布2024年二季度业绩报告。 二季度&#xff0c;包括中国出行和国际业务在内的核心平台交易量为38.75亿单&#xff0c;较去年同期增长17.4%。其中&#xff0c;中国出行总单量为30.04亿单&#xff0c;较去年同期增长12.3%&#xff1b;国际业务总…
阅读更多...
python爬虫--pyquery解析库整理

python爬虫--pyquery解析库整理

前言 欢迎来到我的博客 个人主页:北岭敲键盘的荒漠猫-CSDN博客 本文整理python的爬虫解析库pyquery的语法 简洁快速的整理&#xff0c;建议有前端基础的人看 pyquery解析原理 pyquery的原理就是拿到网站的前端源码后&#xff0c;我们根据我们需求信息所在的标签进行筛选。 选…
阅读更多...
C语言第15篇

C语言第15篇

1.阅读下面的程序 #include<stdio.h> void main() { int i,j; i010; j9; printf("%d,%d",i-j,ij); } 则程序的运行结果是________. A) 1,19 B) -1,19 C) 1,17 D) -1,17 提示&#xff1a;八进制 2.以下程序段__________. x-1; do { xx*…
阅读更多...
Aria2安装和使用-Mac版

Aria2安装和使用-Mac版

起因是需要网盘下载&#xff0c;无奈限速很烦&#xff0c;查找很多方案后&#xff0c;最终决定使用Aria2 Tampermonkey。 其中Aria2是一款开源轻量的下载软件&#xff0c;简单来说就是可以通过URL直接下载。 Tampermonkey则是一款插件&#xff0c;我这里是.crx结尾的谷歌插件…
阅读更多...
WPF调用CEF插件运行时启动CefSharp.BrowserSubprocess.exe三个进程

WPF调用CEF插件运行时启动CefSharp.BrowserSubprocess.exe三个进程

cefsharp.browsersubprocess.exe 是CefSharp&#xff08;一个基于Chromium的开源浏览器控件&#xff09;的一部分。这个可执行文件通常在以下情况下启动&#xff1a; 渲染进程&#xff1a;CefSharp使用多进程架构&#xff0c;类似于Chrome浏览器。cefsharp.browsersubprocess.e…
阅读更多...
【网络】HTTPS——HTTP的安全版本

【网络】HTTPS——HTTP的安全版本

1.HTTP的问题 1、使用明文通信 HTTP协议不具备给通讯内容加密的功能&#xff0c;所有使用HTTP协议通信的请求和响应的内容无法进行加密,都是使用明文发送。由于HTTP属于TCP/IP协议族的协议&#xff0c;按照TCP/IP协议族的通讯机制&#xff0c;HTTP在整个通讯线路上都存在被窃听…
阅读更多...
商务场合的白酒艺术，助你轻松搭建人脉

商务场合的白酒艺术，助你轻松搭建人脉

在繁忙的商务世界中&#xff0c;每一次会面都可能是开启新机遇的钥匙。而在这些重要的场合中&#xff0c;白酒不仅仅是一种饮品&#xff0c;更是一种文化的载体、一种沟通的桥梁。今天&#xff0c;就让我们一起探讨如何在商务场合中&#xff0c;通过豪迈白酒&#xff08;HOMANL…
阅读更多...
深度好文：从《黑神话：悟空》看未来游戏趋势：高互动性、个性化与全球化

深度好文：从《黑神话：悟空》看未来游戏趋势：高互动性、个性化与全球化

引言 在数字时代的浪潮中&#xff0c;游戏产业以其独特的魅力和无限的可能性&#xff0c;成为了全球娱乐文化的重要组成部分。随着科技的飞速发展&#xff0c;特别是高性能计算和人工智能技术的突破&#xff0c;游戏的世界变得越来越真实、细腻且富有深度。而在这股技术洪流中…
阅读更多...
从0-1建一个webpack/vue项目，熟悉一下webpack知识点

从0-1建一个webpack/vue项目，熟悉一下webpack知识点

以下配置项部分优化来自于国内直连GPT/Claude 第一步 首先整个新文件夹&#xff0c;打开终端&#xff0c;然后创建一个新目录&#xff0c;或者直接在vscode里面建个新文件夹&#xff0c;并进入该目录&#xff1b; mkdir my-vue-webpack-project第二步 进入当前目录 cd my-v…
阅读更多...
SpringBoot项目多线程实现定时任务-只需要三步

SpringBoot项目多线程实现定时任务-只需要三步

众所周知&#xff0c;项目中需要使用定时任务发布的需求时非常常见的&#xff0c;例如&#xff1a;数据同步&#xff0c;清理垃圾文件&#xff0c;清理过期用户等需求&#xff0c;可能需要我们定时去清理数据。 但是我们如果集成xxl-job&#xff0c;Quartz&#xff0c;spring …
阅读更多...
IPC 进程间通信方式

IPC 进程间通信方式

IPC对象(共享内存) 共享内存&#xff1a; 1.是一块&#xff0c;内核预留的空间 2.最高效的通信方式 //避免了用户空间 到 内核空间的数据拷贝 用中间那个get函数&#xff0c;就可以使key与共享内存一一对应 怎么将共享内存与进程关联起来 //step1 产生key值 ftok: 功能&am…
阅读更多...
鸿蒙内核源码分析——(自旋锁篇)

鸿蒙内核源码分析——(自旋锁篇)

本篇说清楚自旋锁 读本篇之前建议先读系列篇 进程/线程篇. 内核中哪些地方会用到自旋锁?看图: 概述 自旋锁顾名思义&#xff0c;是一把自动旋转的锁&#xff0c;这很像厕所里的锁&#xff0c;进入前标记是绿色可用的&#xff0c;进入格子间后&#xff0c;手一带&#xff0c…
阅读更多...
「黑神话:悟空」员工疯狂被挖！打工天命人急改备注……

「黑神话:悟空」员工疯狂被挖！打工天命人急改备注……

一部国产3A大作「黑神话:悟空」横空出世&#xff0c;震动了全球&#xff0c;冲上多国销量榜首。 尤其对于中国玩家以及中国游戏市场来说&#xff0c;这款产品实在让大家等了太久&#xff0c;最让人意外的是&#xff0c;昔日那些喊着电子鸦片的大媒体&#xff0c;也话风一转&…
阅读更多...
高级列表组件ReList

高级列表组件ReList

高级列表组件ReList 组件实现基于 Vue3 Element Plus Typescript&#xff0c;同时引用 vueUse lodash-es tailwindCss (不影响功能&#xff0c;可忽略) 主要基于JSX风格实现高度动态的列表渲染组件&#xff0c;可以通过信息配置Metas配置控制信息项展示&#xff0c;同时支持…
阅读更多...
数学基础（二）

数学基础（二）

一、导数 导数计算&#xff1a; 偏导数&#xff1a; 方向导数&#xff1a; 梯度&#xff1a; 函数在某点的梯度是一个向量&#xff0c;它的方向余方向导数最大值取得的方向一致。其大小正好是最大的方向导数 二、微积分 面积由来&#xff1a; 切线&#xff1a; 定积分&#x…
阅读更多...
[Linux]如何在虚拟机安装Ubuntu?（小白向）

[Linux]如何在虚拟机安装Ubuntu?（小白向）

一、我们为什么要在虚拟机中安装Ubuntu? 在虚拟机中安装系统主要是为了让一个系统与我们原本的系统隔离&#xff0c;不管是想运行一些不安全的软件&#xff0c;或者是想运行一些独特的操作系统&#xff0c;我们都可以选择使用虚拟机来安装和隔离这些操作系统。如果你是一位Lin…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023