【问题标题】:How to add sub menu into Bottom Navigation View如何将子菜单添加到底部导航视图中
【发布时间】:2017-08-30 18:44:20
【问题描述】:

我想在底部导航视图中添加子菜单 以及如何添加到底部导航视图中? 我尝试直接添加到菜单项中,它无法运行

bottom_navigation_menu.xml

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto">
<item
    android:id="@+id/menu"
    android:icon="@drawable/ic_menu"
    android:title="@string/menu"
    app:showAsAction="ifRoom"
    android:enabled="true"/>
<item
    android:id="@+id/promotion"
    android:icon="@drawable/ic_promotion"
    android:title="@string/promotion"
    app:showAsAction="ifRoom"
    android:enabled="true"/>
<item
    android:id="@+id/order"
    android:icon="@drawable/ic_order"
    android:title="@string/order"
    app:showAsAction="ifRoom"
    android:enabled="true"/>
<item
    android:id="@+id/location"
    android:icon="@drawable/ic_location"
    android:title="@string/location"
    app:showAsAction="ifRoom"
    android:enabled="true"/>
<item
    android:id="@+id/more"
    android:icon="@drawable/ic_more"
    android:title="@string/more"
    app:showAsAction="ifRoom"
    android:enabled="true">
    <menu>
        <item
            android:icon="@drawable/ic_more"
            android:title="Sub item 1" />
        <item
            android:icon="@drawable/ic_more"
            android:title="Sub item 2" />
    </menu>
</item>

</menu>

【问题讨论】:

    标签: android submenu bottomnavigationview


    【解决方案1】:

    对于添加菜单,您可以在底部导航视图中使用design:menu="@menu/bottom_navigation_menu"

    目前,您不能在 BottomNavigationView 中使用 subMenu,最多只能使用 5 个菜单项。

    查看BottomNavigationViewandroid 开发者文档。

    【讨论】:

      【解决方案2】:

      如果您想为菜单项创建子菜单,最好将其放在导航抽屉中,因为您无法在 BottomNavigationView 中创建子菜单。

      此外,根据材料设计指南,我们的 BottomNavigationView 中应该只有 3 到 5 个顶级目的地(或菜单项)。如果您的项目少于 3 个,建议使用选项卡。如果您有超过 5 个项目,建议将其余项目放在导航抽屉内。请参考以下链接:

      https://material.io/guidelines/components/bottom-navigation.html

      【讨论】:

        猜你喜欢
        • 2017-05-11
        • 2021-01-25
        • 1970-01-01
        • 2018-09-07
        • 2020-04-29
        • 2020-02-08
        • 1970-01-01
        • 2021-07-28
        • 1970-01-01
        相关资源
        最近更新 更多