изогнутая сворачивающаяся панель инструментов

Question

Я пытаюсь сделать изогнутую свертывающуюся панель инструментов, но не имея белых углов, покрывающих мой контент, я успешно создал вид, но даже установка прозрачного фона для AppBarLayout не дала мне прозрачных краев

 <androidx.coordinatorlayout.widget.CoordinatorLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">

        <com.google.android.material.appbar.AppBarLayout
            android:id="@+id/appBar"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@drawable/shape_curved_top"
            app:elevation="0dp">


            <com.google.android.material.appbar.CollapsingToolbarLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                app:layout_scrollFlags="scroll|exitUntilCollapsed|snap">



                <androidx.appcompat.widget.Toolbar
                    android:id="@+id/toolbar_home_toolbar"
                    android:layout_width="match_parent"
                    android:layout_height="100dp"
                    app:layout_collapseMode="pin">


                </androidx.appcompat.widget.Toolbar>


            </com.google.android.material.appbar.CollapsingToolbarLayout>


        </com.google.android.material.appbar.AppBarLayout>

Answer 1

Попробуйте android:outlineProvider="background". Ваш вид должен быть обрезан как фон, которым он владеет. А потом попробуйте android:clipToPadding="false".

Answer 2

Так что мне удалось решить эту проблему, присвоив marginTop ="-16dp" моему вложенному представлению прокрутки и присвоив AppBarLayout отметку, чтобы она всегда охватывала вложенное представление прокрутки.

Не забудьте добавить одно и то же значение вы вычли в marginTop в первом представлении.

Answer 3

Возможно, попробуйте установить android:clipToPadding="false" для AppBarLayout. На данный момент я просто угадываю проблему и исправляю. Здесь очень хорошее объяснение того, что делает clipToPadding