带有圆形按钮的Android底部导航

Question

我想在我的Android应用中执行类似的操作。我尝试使用应用程序栏和fab按钮，但未成功。你有什么想法吗？

Answer 1

为了实现这一点，您需要一个自定义视图。您可以通过扩展BottomNavigationBar创建自定义视图类来实现此目的。您可以查看此article来尝试实现BottomNavigationBar的所需外观。

Answer 2

我创建了具有5个菜单项的Bottom navigationView。中间项目没有图像。因此，我在底部的NavigationView内添加了一个imageButton（android：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>