Android底部导航(带有圆形按钮)

时间:2020-06-08 12:02:46

标签: android navigation bottomnavigationview android-bottomappbar flutter-appbar

我想在我的android应用中执行类似的操作。 我尝试使用应用程序栏和fab按钮,但未成功。 你有什么主意吗?

Bottom navigation

2 个答案:

答案 0 :(得分: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>

enter image description here

答案 1 :(得分:0)

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