Android CircularProgressIndicator 显示延迟？两种解决方案详解

2024-07-15 18:38:18

Android CircularProgressIndicator 显示延迟问题解决指南

你是否在 Android 开发中使用 CircularProgressIndicator 时，遇到过进度条显示滞后的情况？明明操作已经开始，进度条却迟迟不肯出现，直到操作完成后才姗姗来迟。这种情况通常是因为耗时操作阻塞了主线程，导致 UI 更新不及时。

本文将带你深入了解 CircularProgressIndicator 显示延迟背后的原因，并提供两种常见的解决方案：AsyncTask 和 RxJava，帮助你彻底解决这个问题。

一、问题根源：主线程阻塞

在 Android 中，UI 界面更新是由主线程（也称为 UI 线程）负责的。如果我们在主线程中执行耗时操作，例如网络请求或复杂的计算，就会导致主线程阻塞，UI 更新被延迟，从而造成 CircularProgressIndicator 显示滞后的现象。

想象一下，主线程就像一条高速公路，而耗时操作就像一辆行驶缓慢的卡车。当卡车占据了高速公路时，其他车辆就无法通行，只能排队等候。同样地，当耗时操作阻塞主线程时，UI 更新的指令也无法及时执行，CircularProgressIndicator 自然无法及时显示。

二、解决方案一：AsyncTask

AsyncTask 是 Android 提供的一个轻量级异步任务类，它允许你在后台线程中执行耗时操作，并在操作完成后将结果更新到 UI 线程，从而避免阻塞主线程。

1. 创建 AsyncTask 子类

首先，我们需要创建一个 AsyncTask 的子类，并在 doInBackground() 方法中执行耗时操作。在 onPreExecute() 方法中，我们可以初始化进度条，并在 onProgressUpdate() 方法中更新进度条的进度。

private class MyAsyncTask extends AsyncTask<Void, Integer, Void> {

    @Override
    protected void onPreExecute() {
        // 初始化进度条
        progressBar.setVisibility(View.VISIBLE);
        progressBar.setProgress(0);
    }

    @Override
    protected Void doInBackground(Void... voids) {
        // 执行耗时操作
        for (int i = 0; i <= 100; i++) {
            // 模拟耗时操作
            SystemClock.sleep(10);
            // 发布进度
            publishProgress(i);
        }
        return null;
    }

    @Override
    protected void onProgressUpdate(Integer... values) {
        // 更新进度条
        progressBar.setProgress(values[0]);
    }

    @Override
    protected void onPostExecute(Void aVoid) {
        // 隐藏进度条
        progressBar.setVisibility(View.GONE);
    }
}

2. 执行 AsyncTask

接着，在需要执行耗时操作的地方，创建一个 MyAsyncTask 实例，并调用 execute() 方法启动异步任务。

new MyAsyncTask().execute();

三、解决方案二：RxJava

RxJava 是一个强大的响应式编程库，它可以帮助你更优雅地处理异步操作和 UI 更新。

1. 添加 RxJava 依赖

首先，在项目的 build.gradle 文件中添加 RxJava 和 RxAndroid 的依赖：

implementation 'io.reactivex.rxjava3:rxjava:3.1.5'
implementation 'io.reactivex.rxjava3:rxandroid:3.0.0'

2. 使用 RxJava 处理异步操作

接着，使用 RxJava 创建一个 Observable，在 subscribeOn() 方法中指定耗时操作在后台线程执行，在 observeOn() 方法中指定 UI 更新在主线程执行，最后在 subscribe() 方法中更新进度条。

Observable.fromCallable(() -> {
    // 执行耗时操作
    for (int i = 0; i <= 100; i++) {
        // 模拟耗时操作
        SystemClock.sleep(10);
        // 发送进度
        iProgress = i;
    }
    return iProgress;
})
.subscribeOn(Schedulers.io())
.observeOn(AndroidSchedulers.mainThread())
.subscribe(progress -> {
    // 更新进度条
    progressBar.setProgress(progress);
    if (progress == 100) {
        // 隐藏进度条
        progressBar.setVisibility(View.GONE);
    }
});