如何在导航抽屉中的菜单项之间绘制一条线

Question

我希望像这样突出显示导航项：

但是我的当前菜单看起来像这样：

我的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">
    <group android:checkableBehavior="single">
    <group android:checkableBehavior="single">
        <item android:id="@+id/home"
            android:title="Home"
            android:icon="@drawable/ic_action_home_page"/></group>
    <group android:checkableBehavior="single">
        <item android:id="@+id/p_profile"
            android:title="Payment Profile"
            android:icon="@drawable/ic_action_payment_profile"/></group>
    <group android:checkableBehavior="single">
        <item android:id="@+id/p_history"
            android:title="Payment history"
            android:icon="@drawable/ic_action_payment_history"/></group>
    <group android:checkableBehavior="single">
        <item android:id="@+id/m_cards"
            android:title="My cards"
            android:icon="@drawable/ic_action_my_card"/></group>
        <group android:checkableBehavior="single">
            <item android:id="@+id/menu_friends"
                android:title="Friends"
                android:icon="@drawable/search_people"/></group>

    <group android:checkableBehavior="single">
        <item android:id="@+id/notification"
            android:title="Notification"
            android:icon="@drawable/ic_action_notification"/></group>
    <group android:checkableBehavior="single">
        <item android:id="@+id/about"
            android:title="About"
            android:icon="@drawable/ic_action_about_us"/></group>

    </group>
</menu>

我该如何创建上述高亮效果？

- Dinesh Rijal

---

你修好了吗，老兄？ - Vucko

不行，它在黑色背景中显示为黑线。我需要让它变成白线，有什么解决方案吗？ - Dinesh Rijal

我会编辑我的回答，并在其中解释如何更改颜色。我已经帮助你把那行放在那里了，现在只需要应用它就可以了。 - Vucko

Answer 1

给每个组分配一个像这样唯一的 ID：

<group android:checkableBehavior="single"
android:id="@+id/group1">

它将在任意两个群组之间为您绘制这些线。

编辑：由于线现在已经显示，但它是黑色的并且与黑色背景相同，因此请参考此问题以查看如何更改分隔符的颜色。

- Vucko