如何在Android中创建导航菜单的子级？

Question

如何在Android中创建导航菜单的子级？

androidmenunavigationnavigation-drawerandroid-menu

8

我希望达到与以下网站相同的效果：

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中实现？非常感谢。

- user3538235

你有任何解决方案吗？我也在尝试这个。如果你完成了，请分享一下。非常感谢你的回复。 - Nageswara Rao.CH

4个回答

1

我有一个想法，就是让每个菜单项打开另一个带有过渡效果的碎片。底部的导航抽屉只是一个嵌套在碎片中的列表视图，对吧？所以从导航抽屉列表的适配器中启动另一个碎片。

- j2emanue

0

也许这可以帮助你

子菜单示例

- Rahul Changlani

0

如果我遇到这个问题，那么我会为应用程序使用整个标题栏（自定义设计）导航抽屉，并添加可扩展列表视图或其他动画或其他控件，以满足我的实际需求。

使用自定义导航的优点在于我们可以根据需要设置设计和功能。如果菜单只是简单的列表，则更好的方法是使用设计支持库中定义的默认导航抽屉。

- Sameer Donga

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Konstantin Loginov · Accepted Answer

我相信，我已经达到了预期的效果：

这个想法的背后是每次用户点击菜单项时都清除现有菜单并重新填充菜单，以便导航到子菜单。（回退时-做同样的事情）

作为根菜单（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_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true"
    tools:openDrawer="start">

    <include
        layout="@layout/app_bar_main"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

    <android.support.design.widget.NavigationView
        android:id="@+id/nav_view"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        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;
    }
}

我已经将我的测试项目上传到了我的Dropbox - 随意查看

希望可以帮到你