【Android】drawerとnavigationviewを使ってみました その２

こんにちは、るゔです。今日は前回の続きです。

ドロワーのメニューに区切り線を入れる方法を紹介します。

前記事【drawerとnavigationviewを使ってみました その１】

前回作成したmenu.xmlの<item>〜〜</item>を<group>  </group>で囲んであげるだけです。

この時注意が必要なことは<group>には全てIDをつけてるということです。IDをつけてあげないと区切り線は表示されません。

・サンプルコード

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

    <group android:id="@+id/group1">
        <item
            android:icon="@mipmap/ic_launcher"
            android:title="タイトル1">
        </item>
    </group>

    <group android:id="@+id/group2">
        <item
            android:icon="@mipmap/ic_launcher"
            android:title="タイトル2">
        </item>
    </group>


    <group android:id="@+id/group3">
        <item
            android:icon="@mipmap/ic_launcher"
            android:title="タイトル3">
        </item>
    </group>

    <group android:id="@+id/group4">
        <item
            android:icon="@mipmap/ic_launcher"
            android:title="タイトル4">
        </item>
    </group>


    <group android:id="@+id/group5">
        <item
            android:icon="@mipmap/ic_launcher"
            android:title="タイトル5">
        </item>
    </group>

    <group android:id="@+id/group6">
        <item
            android:icon="@mipmap/ic_launcher"
            android:title="タイトル6">
        </item>
    </group>

    <group android:id="@+id/group7">
        <item
            android:icon="@mipmap/ic_launcher"
            android:title="タイトル7">
        </item>
    </group>
</menu>

これでメニューに区切り線を引くことができました！ しかしこれでは一番下に線が表示されません。線を引く場合はmenuの一番下にこちらを追加してください。

    <group android:id="@+id/divider">
        <item
            android:enabled="false"
            android:title=""
            android:icon="@null">
        </item>
    </group>

enabled=falseを書き忘れると何もないところにタップされたエフェクトが出てしまうので気をつけてくださいね 次はメニューをタップ時の処理の実装を紹介します。 それではまた次回！ 閲覧ありがとうございました！

続き【drawerとnavigationviewを使ってみました その３】