带圆形按钮的Android底部导航

我想在我的android应用程序中做类似的事情。 我尝试使用应用程序栏和fab按钮，但没有成功。 你有什么想法吗

---

要实现这一点，您需要自定义视图。可以通过使用扩展的BottomNavigationBar创建自定义视图类来实现这一点。

---

您可以查看此项以尝试实现底部导航栏的所需外观。

要实现此项，您需要自定义视图。可以通过使用扩展的BottomNavigationBar创建自定义视图类来实现这一点。

---

您可以查看此图，尝试实现所需的底部导航栏外观。

我创建了一个底部导航视图，其中包含5个菜单项。 中间项没有图像。 因此，我在底部navigationView中添加了一个imageButtonandroid:clickable=false

 <com.google.android.material.bottomnavigation.BottomNavigationView
            android:id="@+id/bottom_nav_instructor"
            android:layout_width="match_parent"
            android:layout_height="56dp"
            android:layout_gravity="bottom"
            android:background="@color/bg_bottom_nav_bar"
            android:elevation="15dp"
            app:itemIconSize="30dp"
            app:itemIconTint="@drawable/bottom_navigation_colors"
            app:itemTextAppearanceActive="@style/TextStyleTab"
            app:itemTextAppearanceInactive="@style/TextStyleTab"
            app:labelVisibilityMode="labeled"
            app:menu="@menu/instructor_bottom_nav">

            <ImageButton
                android:layout_width="56dp"
                android:layout_height="56dp"
                android:layout_gravity="center"
                android:layout_marginBottom="15dp"
                android:background="@drawable/fab"
                android:clickable="false"
                android:src="@drawable/ico_add" />
        </com.google.android.material.bottomnavigation.BottomNavigationView>

---

我已经创建了一个带有5个菜单项的底部导航视图。 中间项没有图像。 因此，我在底部navigationView中添加了一个imageButtonandroid:clickable=false

 <com.google.android.material.bottomnavigation.BottomNavigationView
            android:id="@+id/bottom_nav_instructor"
            android:layout_width="match_parent"
            android:layout_height="56dp"
            android:layout_gravity="bottom"
            android:background="@color/bg_bottom_nav_bar"
            android:elevation="15dp"
            app:itemIconSize="30dp"
            app:itemIconTint="@drawable/bottom_navigation_colors"
            app:itemTextAppearanceActive="@style/TextStyleTab"
            app:itemTextAppearanceInactive="@style/TextStyleTab"
            app:labelVisibilityMode="labeled"
            app:menu="@menu/instructor_bottom_nav">

            <ImageButton
                android:layout_width="56dp"
                android:layout_height="56dp"
                android:layout_gravity="center"
                android:layout_marginBottom="15dp"
                android:background="@drawable/fab"
                android:clickable="false"
                android:src="@drawable/ico_add" />
        </com.google.android.material.bottomnavigation.BottomNavigationView>