Android ConstraintLayout - Đặt một chế độ xem lên trên một chế độ xem khác

Tôi đang cố gắng thêm một ProgressBarvào đầu của a Button(cả hai đều nằm trong 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"/>

Nhưng ngay cả sau khi gọi bringToFrontvào ProgressBartrong onCreate, nó luôn luôn ở lại phía sau Button.

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

Đặt độ cao trên ProgressBar; 2dpdường như hoạt động.

android:elevation="2dp"

Bạn cũng có thể thử đặt translationZnhư được đề xuất trong câu trả lời được chấp nhận cho một câu hỏi tương tự .

Tôi cũng đã xem câu trả lời này như một sự thay thế.

Chúng ta cần sử dụng android: elevation để kiểm soát điều này.

android:elevation="10dp"

Thuộc tính độ cao này chỉ hoạt động ở cấp độ API> = 21. Nhưng ở cấp độ bên dưới nó sẽ hoạt động bình thường. Nếu chúng ta thêm Tiến trình bên dưới dạng xem Nút, nó sẽ hiển thị dạng xem ở dưới cùng ở đầu dạng xem khác.

Trong hầu hết các trường hợp, bạn có thể chỉ cần xác định chế độ xem bạn muốn ở trên cùng sau chế độ xem sẽ xuất hiện bên dưới nó.

Câu trả lời cập nhật cho Android Sutdio 3.5:

Trong Trình chỉnh sửa bố cục được cập nhật, giờ đây, việc chọn Chế độ xem sẽ ở phía trước dễ dàng hơn nhiều như được trình bày trong ghi chú phát hành Android Studio

.. Ngoài ra, lớp phủ màu xanh lam hiện làm nổi bật mục tiêu của ràng buộc. Đánh dấu này đặc biệt hữu ích khi cố gắng hạn chế một thành phần trùng lặp với thành phần khác.

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

Thậm chí dễ dàng hơn, Nếu bạn kéo Chế độ xem lên (sao chép dán hoặc từ Cây thành phần trong trình chỉnh sửa bố cục), nó sẽ có mức ưu tiên thấp hơn (vì vậy nó sẽ ở phía sau các chế độ xem khác)

Trong bố cục Ràng buộc, bạn nên sử dụng

traslationz

cao hơn chế độ xem mà bạn muốn ở bên dưới.

Bạn có thể bọc nó như bên dưới Sử dụng framelayout làm cha mẹ và đặt thanh porogress bên ngoài bố cục ràng buộc. Nút này sẽ chồng lên nhau

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

Nút theo mặc định được đặt DịchZ, vì vậy bạn có hai tùy chọn

1 - đặt thanh tiến trình TranslationZ lớn hơn độ cao của nút

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

2 - tạo nút DịchZ về 0 để các khung nhìn Xuất hiện phía trên nhau theo thứ tự trong Bố cục Ràng buộc của bạn, bạn có thể đạt được điều này bằng cách Cài đặt Kiểu thành nút

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