如何在android的导航菜单中创建子级别?

Posted

技术标签:

【中文标题】如何在android的导航菜单中创建子级别?【英文标题】:How to create a sublevel in navigation menu in android? 【发布时间】:2016-03-26 18:41:38 【问题描述】:

我想达到这样的效果:

http://mmenu.frebsite.nl/

当您单击文档/教程/支持时,菜单将转到子级菜单。它不是可展开的列表视图,也不是父菜单标题下方的子菜单项。

我尝试使用如下导航视图创建菜单:

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">
    <group android:checkableBehavior="single">
        <item
            android:id="@+id/nav_home"
            android:icon="@drawable/ic_event"
            android:title="Home" />
        <item
            android:id="@+id/nav_profile"
            android:icon="@drawable/ic_dashboard"
            android:title="Perfil" />
    </group>

    <item android:title="More Options">
        <menu>
            <item
                android:icon="@drawable/ic_forum"
                android:title="Forum" />
            <item
                android:icon="@drawable/ic_headset"
                android:title="Headset" />
        </menu>
    </item>
</menu>

问题是,当我单击父菜单标题时,它不会进入子级别。如何在android中实现?非常感谢

【问题讨论】:

你有什么解决办法吗,我也试试这个,如果你解决了,请分享一次,高级谢谢你的回复.. 【参考方案1】:

我相信,我存档了想要的效果:

背后的想法是clear() 现有菜单和重新inflateMenu 每次用户点击菜单项,这应该会导致一个子菜单。 (并且在回来时 - 做几乎相同的事情)

作为根菜单 (activity_main_drawer.xml),我使用了这个:

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">
    <group android:checkableBehavior="single">
        <item
            android:id="@+id/action_item1"
            android:icon="@drawable/ic_menu_camera"
            android:title="Item 1" />
        <item
            android:id="@+id/action_expand"
            android:icon="@drawable/ic_menu_gallery"
            android:title="Sub Menu to expand" />
    </group>
</menu>

这是一个子菜单 (activity_submenu_drawer.xm):

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:title="Go Back"
        android:icon="@drawable/ic_back"
        android:id="@+id/back_to_main"/>

    <item
        android:id="@+id/sub_item1"
        android:icon="@drawable/ic_menu_share"
        android:title="Subitem 1" />
    <item
        android:id="@+id/sub_item2"
        android:icon="@drawable/ic_menu_send"
        android:title="Subitem 2" />
</menu>

MainActivity.xml

<?xml version="1.0" encoding="utf-8"?>
<android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/drawer_layout"
    android:layout_
    android:layout_
    android:fitsSystemWindows="true"
    tools:openDrawer="start">

    <include
        layout="@layout/app_bar_main"
        android:layout_
        android:layout_ />

    <android.support.design.widget.NavigationView
        android:id="@+id/nav_view"
        android:layout_
        android:layout_
        android:layout_gravity="start"
        android:fitsSystemWindows="true"
        app:headerLayout="@layout/nav_header_main" />

</android.support.v4.widget.DrawerLayout>

这是MainActivity 类(进行切换):

public class MainActivity extends AppCompatActivity
        implements NavigationView.OnNavigationItemSelectedListener 

    NavigationView navigationView;

    @Override
    protected void onCreate(Bundle savedInstanceState) 
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        .....
        navigationView = (NavigationView) findViewById(R.id.nav_view);
        navigationView.inflateMenu(R.menu.activity_main_drawer);
        navigationView.setNavigationItemSelectedListener(this);
    

    ....


    @SuppressWarnings("StatementWithEmptyBody")
    @Override
    public boolean onNavigationItemSelected(MenuItem item) 
        // Handle navigation view item clicks here.
        int id = item.getItemId();

        if (id == R.id.action_expand) 
            navigationView.getMenu().clear();
            navigationView.inflateMenu(R.menu.activity_submenu_drawer);
         else if (id == R.id.back_to_main) 
            navigationView.getMenu().clear();
            navigationView.inflateMenu(R.menu.activity_main_drawer);
        

        return true;
    

我已将我的测试项目上传到我的保管箱 - feel free to check it out

希望对你有帮助

【讨论】:

你有解决办法吗,我也试试这个,如果你解决了,请分享一次,高级谢谢你的回复..【参考方案2】:

我的一个想法是让每个菜单项打开另一个带有过渡的片段。下面,导航抽屉只是片段内的列表视图,对吗?所以从导航抽屉列表的适配器启动另一个片段。

【讨论】:

【参考方案3】:

也许这对你有帮助

Sub menu menu sample

【讨论】:

【参考方案4】:

如果我遇到这个问题。然后我将为应用程序使用整个标题(服装设计)导航抽屉。并添加可扩展的列表视图或其他动画或其他原因控制,这是我的实际要求。

使用自定义导航的优势。是我们可以根据需要设置设计和功能。如果是简单的菜单列表,那么击球手的方法是使用默认导航。设计支持库中定义的抽屉。

【讨论】:

以上是关于如何在android的导航菜单中创建子级别?的主要内容,如果未能解决你的问题,请参考以下文章

Foreach 并继续创建子菜单列

如何仅使用 css 为垂直导航栏创建子菜单

Sharepoint 导航菜单折叠

如何使用 Leanback 库在 Android TV 中创建顶部导航栏

在 Android 中创建带有导航抽屉的汉堡菜单

在导航菜单中的Android应用程序中创建alertdialog以注销