如何在ConstraintLayout中放置被Toolbar遮挡的ProgressBar至屏幕中央？

嘿，这个问题我之前做项目时也踩过坑！Toolbar作为顶部导航栏，很容易把层级在它下面的控件给挡住，尤其是你这种后来才加Toolbar的情况。要让ProgressBar稳稳待在屏幕中央不被遮挡，有几个非常实用的办法，结合你的布局来调整就行：

FrameLayout的特点是控件按添加顺序堆叠，最后放的控件会在最上层。你可以把原来的整个登录布局（包括Toolbar）包在一个LinearLayout里，然后把ProgressBar直接放在FrameLayout的最末尾，设置android:layout_gravity="center"，这样它就会在屏幕正中央，而且不会被任何控件遮挡。

示例代码如下：

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <!-- 原来的登录布局内容，包含Toolbar和其他控件 -->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">

        <androidx.appcompat.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:background="?attr/colorPrimary" />

        <!-- 这里放你的登录输入框、登录按钮等控件 -->
        <!-- ... -->
    </LinearLayout>

    <!-- 居中显示的ProgressBar，放在最后确保层级最高 -->
    <ProgressBar
        android:id="@+id/login_progress"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:visibility="gone" />

</FrameLayout>

如果你的项目已经在用ConstraintLayout，那直接用它来定位ProgressBar会更灵活。只需要给ProgressBar设置四个方向的约束，让它相对于父布局居中，同时把它放在布局文件的最后，保证层级在最上层。

示例代码：

<?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">

    <androidx.appcompat.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:background="?attr/colorPrimary"
        app:layout_constraintTop_toTopOf="parent" />

    <!-- 这里放你的登录相关控件，用约束布局定位 -->
    <!-- ... -->

    <!-- ProgressBar 居中显示，层级最高 -->
    <ProgressBar
        android:id="@+id/login_progress"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:visibility="gone"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintBottom_toBottomOf="parent" />

</androidx.constraintlayout.widget.ConstraintLayout>

• 一定要把ProgressBar放在布局文件的最后位置，因为XML里的控件顺序对应着显示层级，后面的控件会覆盖在前面的控件之上。
• 不要把ProgressBar放在包含Toolbar的LinearLayout或者其他容器里，那样它的位置会受容器布局限制，而且层级会在Toolbar下面，自然会被遮挡。

如果实在不想改根布局，也可以在代码里动态调整ProgressBar的层级和位置，比如调用progressBar.bringToFront()让它跑到最上层，再设置布局参数让它居中，但这种方式不如在XML里直接设置直观可靠。

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