上传图片显示进度条时，如何使Activity背景渐暗？

嘿，这个需求其实挺常见的——就是要在上传图片、显示进度条的时候，让Activity的背景暗下来，突出进度提示，避免用户误操作。我给你分享两种最常用的实现方式，都很容易上手：

方法一：布局内添加自定义遮罩层（灵活可控） #

这种方式是在你的Activity根布局里加一个半透明的遮罩View，默认隐藏，上传开始时显示它，同时展示进度条。好处是你能完全控制遮罩的颜色、透明度，还能和你的布局完美融合。

步骤1：修改布局文件 #

在你的根布局（比如ConstraintLayout/FrameLayout）里，按这个顺序添加控件：原有内容 → 遮罩View → 进度条（保证层级正确，遮罩盖在内容上，进度条在遮罩上方）：

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

    <!-- 你的原有布局：比如上传按钮、图片预览列表等 -->
    <Button
        android:id="@+id/uploadBtn"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="上传20张图片"
        app:layout_constraintCenterInParent="true"/>

    <!-- 背景遮罩层：半透明黑色，默认隐藏 -->
    <View
        android:id="@+id/backgroundDimView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="#80000000" <!-- 80是透明度（0-FF），000000是黑色，可按需调整 -->
        android:visibility="gone"/>

    <!-- 上传进度条：放在遮罩层上方，默认隐藏 -->
    <ProgressBar
        android:id="@+id/uploadProgressBar"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:visibility="gone"
        app:layout_constraintCenterInParent="true"/>

</androidx.constraintlayout.widget.ConstraintLayout>

步骤2：在Activity中控制显示/隐藏 #

当用户点击上传按钮时，显示遮罩和进度条；上传完成/取消时，再隐藏它们：

class UploadImageActivity : AppCompatActivity() {
    private lateinit var dimView: View
    private lateinit var progressBar: ProgressBar
    private lateinit var uploadBtn: Button

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_upload_image)

        dimView = findViewById(R.id.backgroundDimView)
        progressBar = findViewById(R.id.uploadProgressBar)
        uploadBtn = findViewById(R.id.uploadBtn)

        uploadBtn.setOnClickListener {
            // 启动上传流程，先显示遮罩和进度条
            dimView.visibility = View.VISIBLE
            progressBar.visibility = View.VISIBLE

            // 这里替换成你真实的20张图片上传逻辑
            startImageUploadTask()
        }
    }

    private fun startImageUploadTask() {
        // 模拟上传进度（实际开发中替换为你的上传API回调）
        val handler = Handler(Looper.getMainLooper())
        var currentProgress = 0
        val uploadRunnable = object : Runnable {
            override fun run() {
                currentProgress += 5 // 假设每张图片贡献5%进度
                if (currentProgress <= 100) {
                    // 如果是水平进度条，可以更新进度值
                    // progressBar.progress = currentProgress
                    handler.postDelayed(this, 400) // 模拟每张图片上传耗时
                } else {
                    // 上传完成，隐藏遮罩和进度条
                    dimView.visibility = View.GONE
                    progressBar.visibility = View.GONE
                    Toast.makeText(this@UploadImageActivity, "20张图片上传完成！", Toast.LENGTH_SHORT).show()
                }
            }
        }
        handler.post(uploadRunnable)
    }
}

方法二：使用Dialog承载进度条（自带变暗效果） #

如果你不想手动加遮罩，也可以用Dialog来展示进度条——系统默认弹出Dialog时，Activity背景会自动变暗，你只需要把Dialog改成无标题、无边框的样式，只保留进度条即可。

实现代码 #

private fun showUploadProgressDialog() {
    val progressDialog = Dialog(this)
    // 去掉Dialog标题
    progressDialog.requestWindowFeature(Window.FEATURE_NO_TITLE)
    // 设置自定义进度布局
    progressDialog.setContentView(R.layout.dialog_upload_progress)
    
    // 让Dialog背景透明，去掉默认边框
    progressDialog.window?.setBackgroundDrawable(ColorDrawable(Color.TRANSPARENT))
    // 可选：调整背景变暗的程度（0=完全不变暗，1=全黑）
    progressDialog.window?.setDimAmount(0.7f)

    val progressBar = progressDialog.findViewById<ProgressBar>(R.id.dialog_progress)
    // 这里可以根据上传进度更新progressBar的进度

    // 显示Dialog
    progressDialog.show()

    // 上传完成后记得关闭Dialog：progressDialog.dismiss()
}

对应的自定义进度布局dialog_upload_progress.xml：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    android:padding="24dp"
    android:background="@drawable/rounded_dialog_bg"> <!-- 可以加个圆角背景提升美观度 -->

    <ProgressBar
        android:id="@+id/dialog_progress"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"/>

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="正在上传图片..."
        android:layout_marginTop="16dp"
        android:textSize="16sp"/>

</LinearLayout>

一些小提示 #

• 遮罩的透明度可以根据需求调整：比如#60000000是较浅的暗色，#90000000是更深的暗色。
• 如果用布局遮罩的方式，一定要注意控件的层级顺序，确保遮罩在原有内容之上、进度条之下。
• 使用Dialog方式时，要注意在Activity销毁前关闭Dialog，避免内存泄漏。

内容的提问来源于stack exchange，提问作者Muhammad Usman