メモ:ConstraintLayoutで画面を覆い隠せなかった時はelevationを確認する(layerの話)
背景
- ConstraintLayoutでボタンを押せないように一時的にViewを覆うViewを表示したかった
- オーバーレイするViewを作成し制約をparentにつけたが、一部View(今回の場合、ヘッダー)がオーバーレイViewより上にきてしまった
対応
ヘッダーにelevationが設定されており、オーバーレイViewの上に表示されてしまっていた。
ヘッダーは引き続き影をつけておきたいので、オーバーレイViewにもelevation(ヘッダーのevlevation以上の必要がある)をつける。
<!-- ヘッダー -->
<androidx.constraintlayout.widget.ConstraintLayout
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="64dp"
android:background="@color/toolbar_background"
android:elevation="4dp"
android:padding="4dp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent">
....
<!-- オーバーレイ -->
<TextView
android:id="@+id/overlay"
android:layout_width="0dp"
android:layout_height="0dp"
android:gravity="center"
android:text="@string/stop"
android:textSize="40sp"
android:elevation="4dp"
android:visibility="gone"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
ちなみにtranslationZでもいける。(並行投影なので)
android:translationZ="4dp"
Author And Source
この問題について(メモ:ConstraintLayoutで画面を覆い隠せなかった時はelevationを確認する(layerの話)), 我々は、より多くの情報をここで見つけました https://zenn.dev/96mame/articles/1769c74a9231682d26cf著者帰属:元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。
Collection and Share based on the CC protocol