Android 自定义进度条弹窗未遮挡按钮仅遮挡TextView问题求助

你遇到的两个问题分别是按钮层级高于进度条、点击事件透传到下层控件，可通过以下修改直接解决：

问题原因 #

1. 层级问题：Android 5.0（API 21）及以上系统中，Button默认自带elevation（阴影高度）属性，普通无高度的View即使写在XML布局的后方，Z轴层级也低于带elevation的Button，所以按钮会显示在进度条上方。
2. 交互透传问题：当前进度条的根布局没有消费点击事件，点击动作会直接透传到下层的按钮，导致按钮仍可响应点击。

修改步骤 #

1. 修改进度条布局（load_resource.xml） #

给根LinearLayout新增3个属性，解决层级和透传问题：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:gravity="center"
    android:orientation="vertical"
    android:background="#CCFFFFFF"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    <!-- 新增以下3个属性 -->
    android:elevation="4dp"
    android:clickable="true"
    android:focusable="true">

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

    <TextView
        android:id="@+id/pbText"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textStyle="bold"
        android:gravity="center"
        android:text="Please wait ..."/>

</LinearLayout>

• elevation="4dp"：设置进度条布局的Z轴高度大于Button默认的2dp高度，自然会覆盖在按钮上方
• clickable="true"+focusable="true"：让进度条布局消费所有点击事件，不会透传到下层控件，完全阻断主页面交互

2. 动态显隐控制（可选） #

在MainActivity中可以直接控制进度条的显示和隐藏：

Kotlin代码

// 显示进度条
findViewById<View>(R.id.llProgressBar).visibility = View.VISIBLE
// 隐藏进度条
findViewById<View>(R.id.llProgressBar).visibility = View.GONE

Java代码

// 显示进度条
findViewById(R.id.llProgressBar).setVisibility(View.VISIBLE);
// 隐藏进度条
findViewById(R.id.llProgressBar).setVisibility(View.GONE);

兼容说明 #

如果你的应用需要兼容Android 5.0以下系统，可以额外给进度条根布局添加android:translationZ="4dp"属性，同时保持include标签写在主布局所有子View的最后即可。

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