Wie erstelle ich einen einfachen Teiler in der neuen NavigationView?

Google hat die eingeführt NavigationView in der Design Support Library Version 22.2.0, mit der Sie ganz einfach über eine Menüressource eine Schublade erstellen können.

Wie kann ich eine einfache Trennlinie zwischen zwei Elementen erstellen? Das Gruppieren der Elemente hat nicht funktioniert. Das Erstellen eines Abschnitts für Unterelemente erstellt zwar eine Trennlinie, erfordert jedoch einen Titel, den ich nicht möchte.

Jede Hilfe wäre willkommen.

Alles, was Sie tun müssen, ist, a zu definieren group mit einem Eindeutige ID, ich habe die Implementierung überprüft, wenn die Gruppe unterschiedliche IDs hat, wird ein Teiler erstellt.

Beispielmenü zum Erstellen des Trennzeichens:

<menu 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"
    tools:context=".MainActivity">

    <group android:id="@+id/grp1" android:checkableBehavior="single" >
        <item
            android:id="@+id/navigation_item_1"
            android:checked="true"
            android:icon="@drawable/ic_home"
            android:title="@string/navigation_item_1" />
    </group>

    <group android:id="@+id/grp2" android:checkableBehavior="single" >
        <item
            android:id="@+id/navigation_item_2"
            android:icon="@drawable/ic_home"
            android:title="@string/navigation_item_2" />
    </group>
</menu>

Erstellen Sie ein Drawable schublade_item_bg.xml so was,

    <layer-list xmlns:android="http://schemas.android.com/apk/res/android">

    <item>
        <shape android:shape="rectangle" >
            <solid android:color="#F4F4F4" />
        </shape>
    </item>

    <item android:top="-2dp" android:right="-2dp" android:left="-2dp">
        <shape>
            <solid android:color="@android:color/transparent" />
            <stroke
                android:width="1dp"
                android:color="#EAEAEA" />
        </shape>
        <!--
        android:dashGap="10px"
                android:dashWidth="10px"
                -->
    </item>

</layer-list>

und fügen Sie es zu NavigationView als hinzu app:itemBackground=”@drawable/drawer_item_bg”

<android.support.design.widget.NavigationView
        android:id="@+id/nav_view"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:background="#F4F4F4"
        android:layout_gravity="start"
        android:fitsSystemWindows="false"
        app:menu="@menu/activity_main_drawer"
        app:itemBackground="@drawable/drawer_item_bg"/>

und es geht los…

Sie können Trennlinien ganz einfach hinzufügen, indem Sie Menüelementhintergrund per XML mit festlegen app:itemBackground

<android.support.design.widget.NavigationView
    android:id="@id/drawer_navigation_view"
    android:layout_width="wrap_content"
    android:layout_height="match_parent"
    android:layout_gravity="start"
    android:fitsSystemWindows="true"
    app:menu="@menu/all_navigation_menu"
    app:itemIconTint="@color/colorPrimary"
    app:itemBackground="@drawable/bg_drawer_item"
    android:background="@color/default_background"/>

Und verwenden LayerDrawable als Hintergrund. Es behält die Materialdesign-Ripple-Überlagerung für Klicks bei.

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape android:shape="rectangle">
            <solid android:color="@color/white"/>
        </shape>
    </item>
    <item android:left="@dimen/activity_horizontal_margin">
        <shape android:shape="rectangle">
            <solid android:color="@color/divider"/>
        </shape>
    </item>
    <item android:bottom="1dp">
        <shape android:shape="rectangle">
            <solid android:color="@color/white"/>
        </shape>
    </item>
</layer-list>

Das Ergebnis:

Einfach DeviderItemDecoration hinzufügen:

NavigationView navigationView = (NavigationView) findViewById(R.id.navigation);
NavigationMenuView navMenuView = (NavigationMenuView) navigationView.getChildAt(0);
navMenuView.addItemDecoration(new DividerItemDecoration(MainActivity.this,DividerItemDecoration.VERTICAL));

Es sieht so aus:

Ich denke, ich habe eine noch bessere Lösung für das Problem der mehrfach überprüften Artikel. Wenn Sie my way verwenden, müssen Sie sich keine Gedanken darüber machen, Ihren Code zu ändern, wenn Sie Ihrem Menü neue Abschnitte hinzufügen. Mein Menü sieht genauso aus wie die von Jared geschriebene akzeptierte Lösung, mit dem Unterschied, dass ich andoid:checkableBehavior=”alle” zu den Gruppen:

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">
    <group android:id="@+id/first_section" android:checkableBehavior="all">
        <item
            android:id="@+id/frontpage"
            android:icon="@drawable/ic_action_home_24dp_light_blue"
            android:title="@string/drawer_frontpage" />
        <item
            android:id="@+id/search"
            android:icon="@drawable/ic_search"
            android:title="@string/drawer_search" />
    </group>
    <group android:id="@+id/second_section" android:checkableBehavior="all">
        <item
            android:id="@+id/events"
            android:icon="@drawable/ic_maps_local_movies_24dp_light_blue"
            android:title="@string/drawer_events" />
    </group>
</menu>

Das checkableBehavior von ‘all’ ermöglicht es, einzelne Elemente beliebig zu aktivieren/deaktivieren, unabhängig davon, zu welcher Gruppe sie gehören. Sie müssen nur den zuletzt geprüften Menüpunkt speichern. Der Java-Code sieht so aus:

private MenuItem activeMenuItem;

@Override
public boolean onNavigationItemSelected(MenuItem menuItem) {
    // Update selected/deselected MenuItems
    if (activeMenuItem != null)
        activeMenuItem.setChecked(false);
    activeMenuItem = menuItem;
    menuItem.setChecked(true);

    drawerLayout.closeDrawers();
    return true;
}

Ich bin mir nicht sicher, ob das behoben ist API 26 (Android 8) oder es war die ganze Zeit möglich. Ich bin immer noch ein Noob in der Android-Programmierung. Ich habe jedoch Elterngruppen wie unten hinzugefügt. Testen auf einem physischen Android 6-Telefon,

1. Ich habe den Teiler
2. Auswählen eines beliebigen Elements aus beiden nav_g1 oder nav_g2 wird andere Elemente abwählen.
3. Keine zusätzliche Polsterung aufgrund von verschachtelten Gruppen.
4. Ich habe keine hinzugefügt Java Code für Zuhörer

Menücode

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">
    <group android:checkableBehavior="single">
        <group
            android:id="@+id/nav_g1"
            android:checkableBehavior="single">
            <item
                android:id="@+id/nav_1"
                android:icon="@drawable/ic_menu_share"
                android:title="@string/nav_1"/>
            <item
                android:id="@+id/nav_2"
                android:icon="@drawable/ic_menu_share"
                android:title="@string/nav_2"/>
        </group>
        <group
            android:id="@+id/nav_g2"
            android:checkableBehavior="single">
            <item
                android:id="@+id/nav_3"
                android:icon="@drawable/ic_menu_share"
                android:title="@string/nav_3"/>
            <item
                android:id="@+id/nav_4"
                android:icon="@drawable/ic_menu_share"
                android:title="@string/nav_4"/>
        </group>
    </group>
    <item android:title="Actions">
        <menu>
            <item
                android:id="@+id/nav_7"
                android:icon="@drawable/ic_menu_share"
                android:title="@string/nav_7"/>
            <item
                android:id="@+id/nav_8"
                android:icon="@drawable/ic_menu_share"
                android:title="@string/nav_8"/>
        </menu>
    </item>
</menu>

Anmerkungen

1. Wie in dieser Antwort erwähnt, muss jede Gruppe eine eindeutige ID haben, um den Teiler anzuzeigen.
2. Laut dieser Antwort stimmen Leerzeichen mit den Materialdesignspezifikationen von Google überein.
3. Haben android:checkableBehavior="single" für die Elterngruppe ist erforderlich, damit das Problem mehrerer ausgewählter Menüpunkte in dieser Antwort (in den Kommentaren von Hungrigghost erwähnt) nicht auftritt

Und hier ist der Screenshot

Wenn Sie verschiedene Gruppen wie Nileshs Antwort erstellen, wird eine Trennlinie dazwischen erstellt, es entsteht jedoch das Problem von zwei aktivierten Elementen in der Navigationsschublade.

Ein einfacher Weg, wie ich damit umgegangen bin, war:

    public boolean onNavigationItemSelected(final MenuItem menuItem) {

    //if an item from extras group is clicked,refresh NAV_ITEMS_MAIN to remove previously checked item
    if (menuItem.getGroupId() == NAV_ITEMS_EXTRA) {


        navigationView.getMenu().setGroupCheckable(NAV_ITEMS_MAIN, false, true);
        navigationView.getMenu().setGroupCheckable(NAV_ITEMS_EXTRA, true, true);
       }else{

        navigationView.getMenu().setGroupCheckable(NAV_ITEMS_MAIN, true, true);
        navigationView.getMenu().setGroupCheckable(NAV_ITEMS_EXTRA, false, true);


    }
    //Update highlighted item in the navigation menu
    menuItem.setChecked(true);
}