Создать макет кривой, чтобы использовать нижний лист Android

Question

Я использую нижний лист в своем приложении. Я хочу создать свой лист как это изображение:

как я могу создать макет кривой? Я хочу, чтобы при нажатии на зеленый кружок открылся нижний лист.

Я создал эту форму:

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape xmlns:android="http://schemas.android.com/apk/res/android"
            android:shape="oval">
            <solid android:color="#4f5551" />
            <size
                android:width="100dp"
                android:height="50dp" />

        </shape>
    </item>
    <item
        android:bottom="-100dp"
        android:left="-2000dp"
        android:right="-1300dp"
        android:top="48dp">
        <shape xmlns:android="http://schemas.android.com/apk/res/android">
            <solid android:color="#4f5551" />
            <size
                android:width="100dp"
                android:height="500dp" />
        </shape>
    </item>
</layer-list>

Это совсем не похоже: - (

************************* Редактировать **************

После поиска в Google я нашел эту ссылку : вместо BottomNavigationView я расширил RelativeLayout, и это мой макет:

<com.example.saidi.custombottobar.view.ButtomSheetCustom
        xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:tools="http://schemas.android.com/tools"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        android:layout_width="match_parent"
        android:layout_height="200dp"
        android:layout_marginTop="200dp"
        android:background="@color/colorAccent"
        tools:context=".view.MainActivity">

Как я могу повернуть эту кривую к вершине макета вместо внутренней кривой?