Android ConstraintLayout - Umieść jeden widok na innym widoku

Próbuję dodać ProgressBarna górze a Button(oba znajdują się wewnątrz 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"/>

Ale nawet po wywołaniu bringToFrontna ProgressBarIN onCreate, to zawsze pozostaje tył Button.

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

Ustaw elewację na ProgressBar; 2dpwydaje się działać.

android:elevation="2dp"

Możesz także spróbować ustawić translationZzgodnie z przyjętą odpowiedzią na podobne pytanie .

Trafiłem też na tę odpowiedź jako alternatywę.

Musimy użyć android: elevation, aby to kontrolować.

android:elevation="10dp"

Ten atrybut podniesienia uprawnień działa tylko na poziomie API> = 21. Ale poniżej będzie działał normalnie. Jeśli dodamy Progress poniżej widoku przycisku, pokaże się widok, który znajduje się na dole u góry drugiego widoku.

W większości przypadków możesz po prostu zdefiniować widok, który chcesz umieścić na górze, po tym, który powinien pojawić się poniżej.

W układzie Constraint należy użyć

traslationz

wyżej niż widok, który chcesz poniżej.

Zaktualizowana odpowiedź dla Androida Sutdio 3.5:

W zaktualizowanym Edytorze układów znacznie łatwiej jest wybrać, który widok będzie z przodu, jak pokazano w informacjach o wersji Android Studio

.. Ponadto niebieska nakładka podkreśla teraz cel ograniczenia. To wyróżnienie jest szczególnie przydatne podczas próby ograniczenia do komponentu, który zachodzi na inny.

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

Jeszcze łatwiej, jeśli przeciągniesz widok w górę (skopiuj wklej lub z drzewa komponentów w edytorze układu), otrzyma on niższy priorytet (więc będzie znajdował się za innymi widokami)

Możesz zawinąć jak poniżej Użyj framelayout jako rodzica i umieść pasek porogress poza układem ograniczeń. Ten przycisk będzie się nakładał

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

Przycisk domyślnie ma ustawioną opcję TranslationZ, więc masz dwie opcje

1 - spraw, aby pasek postępu TranslationZ był większy niż wysokość przycisku

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

2 - ustaw przycisk Przekształć w Z na 0, aby widoki pojawiały się nad sobą w porządku w układzie ograniczeń, możesz to osiągnąć, ustawiając styl na przycisk

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

Chociaż android:elevation="4dp"lub traslationzbędzie działać, ale dla tego poziomu API powinien wynosić co najmniej 21. Jeśli z jakiegoś powodu nie możesz tego zrobić, upewnij się, że widok, który chcesz na górze, jest wymieniony po innych widokach. Na przykład, jeśli chcę, aby progressBar znajdowała się na górze 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>