如何定制FloatingActionButton的形状？

Question

我想改变Floatingactionbutton形状的形状如下， https://drive.google.com/file/d/1YfYKLy_y8d0W4JYXSngHfkJi-FaSLozi/view?usp=sharing

im使用，

com.google.android.material.floatingactionbutton.FloatingActionButton

我走到以下的水平。但是我想在不使用第三方库的情况下更改FAB的形状。因为如果我去第三方图书馆，底部的锚就会丢失。 https://drive.google.com/file/d/1b5_BsNuP1PpiG18s5_R8MQk2rLlaNQ2O/view?usp=sharing

这是我上面带有BottomBar的FloatingActionButton的代码。

<com.google.android.material.bottomappbar.BottomAppBar
        android:id="@+id/bar"
        android:layout_width="match_parent"
        android:layout_height="?android:attr/actionBarSize"
        android:layout_gravity="bottom"

        app:fabAlignmentMode="center"
        app:fabCradleMargin="4dp"
        app:fabCradleRoundedCornerRadius="15dp"
        app:fabCradleVerticalOffset="0dp"
        app:hideOnScroll="true"

        app:backgroundTint="@color/colorErrorText"
        app:navigationIcon="@android:drawable/ic_dialog_email"/>

    <com.google.android.material.floatingactionbutton.FloatingActionButton
        android:id="@+id/fab"
        style="@style/Widget.MaterialComponents.FloatingActionButton"
        android:layout_width="@dimen/fab_size"
        android:layout_height="@dimen/fab_size"
        app:fabCustomSize="@dimen/fab_size"
        app:srcCompat="@android:drawable/ic_dialog_email"
        app:layout_anchor="@id/bar"/>

compileSdkVersion 28
targetSdkVersion 28

任何帮助或建议将不胜感激。