Android ConstraintLayout: coloque una vista encima de otra vista

Estoy tratando de agregar un ProgressBar encima de un Button (ambos están dentro de un ConstraintLayout).

<Button
    android:id="@+id/sign_in_button"
    android:layout_width="280dp"
    android:layout_height="75dp"
    android:layout_marginBottom="75dp"
    android:layout_marginTop="50dp"
    android:text="@string/sign_in"
    android:textColor="@color/white"
    android:textSize="22sp"
    android:textStyle="bold"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintRight_toRightOf="parent"
    app:layout_constraintTop_toBottomOf="@+id/passwordEditText"
    app:layout_constraintVertical_bias="0.0"/>

<ProgressBar
    android:id="@+id/progressBar"
    style="?android:attr/progressBarStyle"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    app:layout_constraintTop_toTopOf="@+id/sign_in_button"
    android:layout_marginTop="8dp"
    app:layout_constraintBottom_toBottomOf="@+id/sign_in_button"
    android:layout_marginBottom="8dp"
    app:layout_constraintVertical_bias="0.5"
    android:layout_marginLeft="8dp"
    app:layout_constraintLeft_toLeftOf="@+id/sign_in_button"
    android:layout_marginRight="8dp"
    app:layout_constraintRight_toRightOf="@+id/sign_in_button"/>

Pero incluso después de llamar bringToFront sobre el ProgressBar en onCreatesiempre se queda atrás Button.

ProgressBar progressBar = (ProgressBar)findViewById(R.id.progressBar);
progressBar.bringToFront();

Establecer una elevación en el ProgressBar; 2dp parece funcionar.

android:elevation="2dp"

También puede intentar configurar translationZ como se sugiere en la respuesta aceptada a una pregunta similar.

También encontré esta respuesta como una alternativa.

Necesitamos usar Android: elevación para controlar esto.

android:elevation="10dp"

Este atributo de elevación solo funciona en el nivel API> = 21. Pero por debajo de eso, se comportará normalmente. Si agregamos Progreso debajo de la vista Botón, muestra la vista que está en la parte inferior en la parte superior de la otra vista.

Simplemente puede definir la vista que desea en la parte superior después de la que debería aparecer debajo.

Con los botones, tenga en cuenta que su elevación se rige por su stateListAnimator. El stateListAnimator de Widget.MaterialComponents.Button tiene una elevación predeterminada de @dimen/mtrl_btn_elevation (2dp). Entonces, si desea mostrar una vista en la parte superior de un Botón, debe tener una elevación de al menos 2dp.

En el diseño de restricciones, debe usar

traduccionz

superior a la vista que desea a continuación.

A pesar de que android:elevation="4dp" o traslationz funcionará, pero para ese nivel de API debería ser al menos 21. Si por alguna razón no puede hacerlo, asegúrese de que la vista que desea en la parte superior se mencione después de otras vistas. Por ejemplo, si quiero la barra de progreso encima de ImageView:

<?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"
   xmlns:tools="http://schemas.android.com/tools"
   android:layout_width="match_parent"
   android:layout_height="match_parent"
   tools:context=".ImageActivity">

<ImageView
   android:id="@+id/image_view"
   android:layout_width="0dp"
   android:layout_height="0dp"
   app:layout_constraintBottom_toBottomOf="parent"
   app:layout_constraintDimensionRatio="6:4"
   app:layout_constraintEnd_toEndOf="parent"
   app:layout_constraintStart_toStartOf="parent"
   app:layout_constraintTop_toTopOf="parent" />

<ProgressBar
   android:id="@+id/progress_bar"
   style="?android:attr/progressBarStyle"
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   app:layout_constraintBottom_toBottomOf="parent"
   app:layout_constraintEnd_toEndOf="parent"
   app:layout_constraintStart_toStartOf="parent"
   app:layout_constraintTop_toTopOf="parent" />
</androidx.constraintlayout.widget.ConstraintLayout>

El uso de la elevación funciona, pero tiene algunas limitaciones, como que requiere un nivel de API 21+ y también si la elevación es menor (en mi caso, fue 2dp), la vista se vuelve invisible mientras se hace un clic largo, por lo tanto, puede usar un truco simplemente reemplazar el botón con “Ver” o “TextView” puedes hacer todo con estas vistas que se pueden hacer con buttonView

Respuesta actualizada para Android Sutdio 3.5:

En el editor de diseño actualizado, ahora es mucho más fácil elegir qué vista estará al frente, como se demuestra en las notas de la versión de Android Studio.

.. Además, una superposición azul ahora resalta el objetivo de la restricción. Este resaltado es particularmente útil cuando se intenta restringir a un componente que se superpone con otro.

https://developer.android.com/studio/releases

Aún más fácil, si arrastra la Vista hacia arriba (copiar y pegar o desde el Árbol de componentes en el editor de diseño) tendrá una prioridad más baja (por lo que estará detrás de las otras vistas)