首页 > 解决方案 > 带有菜单项的 Android 底部导航

问题描述

我的菜单项由 5 个项目组成,分别是 Home、Property、Help、Users & Account。我的问题是,我应该如何使帮助菜单如下图所示。有人能帮我吗?

这是我的菜单 xml 代码

<?xml version="1.0" encoding="utf-8"?>

<item
    android:id="@+id/nav_home"
    android:icon="@drawable/bottom_menu_home_s"
    android:title="Home" />

<item
    android:id="@+id/nav_property"
    android:icon="@drawable/bottom_menu_property_s"
    android:title="Property" />

<item
    android:id="@+id/nav_panic"
    android:icon="@drawable/bottom_menu_panic"
    android:title="Help" />

<item
    android:id="@+id/nav_user"
    android:icon="@drawable/bottom_menu_users_s"
    android:title="Users" />

<item
    android:id="@+id/nav_account"
    android:icon="@drawable/bottom_menu_accounts_s"
    android:title="Account" />

在此处输入图像描述

标签: androidmenubottomnavigationview

解决方案


试试这个,因为你不能直接做

<com.google.android.material.bottomnavigation.BottomNavigationView
        android:layout_width="match_parent"
        app:itemIconTint="@color/colorPrimary"
        app:itemTextColor="@android:color/black"
        app:menu="@menu/bottom_navigation"
        android:clipChildren="false"
        android:layout_height="56dp">

        <com.google.android.material.floatingactionbutton.FloatingActionButton
            android:id="@+id/help_button"
            android:layout_width="56dp"
            android:layout_height="56dp"
            android:layout_gravity="center"
            android:layout_marginBottom="8dp"
            app:elevation="6dp"
            android:scaleType="center"/>
    </com.google.android.material.bottomnavigation.BottomNavigationView>

推荐阅读