ConstraintLayout Android: posiziona una vista sopra un'altra vista

Sto cercando di aggiungere un ProgressBarsopra a Button(entrambi sono all'interno di a 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"/>

Ma anche dopo aver chiamato bringToFrontsul ProgressBarin onCreate, è sempre soggiorni dietro la Button.

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

Impostare un'elevazione su ProgressBar; 2dpsembra funzionare.

android:elevation="2dp"

Puoi anche provare a impostare translationZcome suggerito nella risposta accettata a una domanda simile .

Ho anche trovato questa risposta come alternativa.

Dobbiamo usare Android: Elevation per controllarlo.

android:elevation="10dp"

Questo attributo di elevazione funziona solo a livello API> = 21. Ma sotto si comporterà normalmente. Se aggiungiamo Avanzamento sotto la visualizzazione Pulsante, viene mostrata la visualizzazione che si trova in basso nella parte superiore dell'altra visualizzazione.

Nella maggior parte dei casi, puoi semplicemente definire la vista che desideri in alto dopo quella che dovrebbe apparire sotto di essa.

Nel layout Constraint dovresti usare

traslationz

più in alto rispetto alla vista che desideri di seguito.

Risposta aggiornata per Android Sutdio 3.5:

Nell'editor di layout aggiornato è ora molto più semplice scegliere quale vista sarà davanti, come dimostrato nelle note di rilascio di Android Studio

.. Inoltre, una sovrapposizione blu ora evidenzia l'obiettivo del vincolo. Questa evidenziazione è particolarmente utile quando si tenta di vincolare un componente che si sovrappone a un altro.

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

Ancora più semplice, se trascini la vista verso l'alto (copia incolla o dall'albero dei componenti nell'editor di layout) avrà una priorità inferiore (quindi sarà dietro le altre viste)

Puoi avvolgerlo come sotto Usa framelayout come genitore e metti la barra di porogress fuori dal layout dei vincoli. Questo si sovrapporrà al pulsante

<FrameLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent">
<androidx.constraintlayout.widget.ConstraintLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">
 //your all view inside it with button
 <Button/>......
  .........
 </androidx.constraintlayout.widget.ConstraintLayout>

 <ProgressBar
    android:layout_width="match_parent"
    android:layout_height="match_parent"/>

</FrameLayout>

Il pulsante per impostazione predefinita ha TranslationZ impostato, quindi hai due opzioni

1 - rendere la barra di avanzamento TranslationZ maggiore dell'elevazione del pulsante

ViewCompat.setTranslationZ(progressBar, 5)// to support older api <21

2 - crea il pulsante TraduciZ su 0 in modo che le viste appaiano una sopra l'altra in ordine nel layout dei vincoli, puoi farlo impostando lo stile sul pulsante

style="@style/Widget.AppCompat.Button.Borderless"

Anche se android:elevation="4dp"o traslationzfunzionerà, ma per quel livello API dovrebbe almeno 21. Se per qualche motivo non puoi farlo, assicurati che la vista che vuoi in alto sia menzionata dopo le altre viste. Ad esempio, se voglio progressBar sopra 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>