NavigationViewとカスタムレイアウト


82

私は次のNavigationViewようなデザインサポートライブラリを使用しています:

<android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/drawer_layout"
    android:layout_height="match_parent"
    android:layout_width="match_parent"
    android:fitsSystemWindows="true">

    <!-- put your main layout here -->
    <include layout="@layout/drawer_main_layout"/>

    <android.support.design.widget.NavigationView
        android:id="@+id/nav_view"
        android:layout_height="match_parent"
        android:layout_width="wrap_content"
        android:layout_gravity="start"
        android:fitsSystemWindows="true"
        app:headerLayout="@layout/nav_header"
        app:menu="@menu/drawer_view"/>

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

そして私はこのメニューを設定しました:

<menu xmlns:android="http://schemas.android.com/apk/res/android">

    <group android:checkableBehavior="single">
        <item
            android:id="@+id/nav_home"
            android:icon="@drawable/ic_dashboard"
            android:title="Home" />
        <item
            android:id="@+id/nav_messages"
            android:icon="@drawable/ic_event"
            android:title="Messages" />
        <item
            android:id="@+id/nav_friends"
            android:icon="@drawable/ic_headset"
            android:title="Friends" />
        <item
            android:id="@+id/nav_discussion"
            android:icon="@drawable/ic_forum"
            android:title="Discussion" />
    </group>

    <item android:title="Sub items">
        <menu>
            <item
                android:icon="@drawable/ic_dashboard"
                android:title="Sub item 1" />
            <item
                android:icon="@drawable/ic_forum"
                android:title="Sub item 2" />
        </menu>
    </item>

</menu>

メニューではなくレイアウトでNavigationViewを使用する方法はありますか?


ヘッダービュー、nav_headerファイルだけを使用することはできませんか?
ruAware 2015年

ヘッダービューが必要で、メニューの代わりにカスタムレイアウトを使用したい
Panayiotis Irakleous 2015年

回答:


185

これが私がそれを解決し、完璧に機能した方法です:

<android.support.design.widget.NavigationView
    android:id="@+id/navigation"
    android:layout_width="wrap_content"
    android:layout_height="match_parent"
    android:layout_gravity="start"
    android:fitsSystemWindows="true">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">

        <include layout="@layout/nav_header" />

        <ListView
            android:id="@+id/lst_menu_items"
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_weight="1" />
    </LinearLayout>
</android.support.design.widget.NavigationView>

完璧な方法!私はこれを見つけるのにうんざりしていましたが、なぜ私は終了タグを拡張しようとしなかったのか愚かです!良いですね!私は実際に拡張可能なListViewが必要でした!
sud007 2015

2
これはステータスバーの下にヘッダービューを描画しますか?
marilion91 2015

はい、確かに、それはまだNavigationViewの一部です。
Hamzeh Soboh 2015

これは私がこれまでに見つけた唯一のXMLベースの作業ソリューションです。+1
ミフノヴカ2015年

誰かがこのソリューションの参照リンクを提供できますか?私はこれを試しましたが、問題が発生したためです。
realpranav 2015年

34

はい、できます....私が行ったように... NavigationView内でカスタムレイアウトを取得するだけです

<android.support.v4.widget.DrawerLayout
    android:id="@+id/drawer"
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true">

    <android.support.design.widget.NavigationView
        android:id="@+id/navView"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_gravity="start">

        <ListView
            android:entries="@array/test"
            android:layout_width="match_parent"
            android:layout_height="match_parent"/>

    </android.support.design.widget.NavigationView>

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

私のために上記のコード作業が...しかし、削除することを忘れないでくださいapp:menuからNavigationView。それ以外の場合は、メニュー項目のカスタムビューと重複します。


1
リストビューがヘッダービューの上に表示されています。ヘッダービューの下に配置するにはどうすればよいですか?
Sudheesh Mohan 2015

uListViewが子ビューとして使用している場合、NavigationView'sヘッダーは使用できません。したがって、を使用しているListView場合は、にheaderViewを追加できますListView
Moinkhan 2015年

1
Listviewにheaderviewを追加すると、headerviewが消えました。コード<ListViewapp:headerLayout = "@ layout / nav_header" android:entries = "@ array / test" android:layout_width = "match_parent" android:layout_height = "match_parent" />
Sudheesh Mohan

Broは現在デザインサポートライブラリにバグがあります...あなたはそれを行うことができます。あなたがheaderviewを追加したい場合は...プログラムでリストビューでそれを膨らませると、追加している
Moinkhan

7
これまで行ってきたように、カスタム行を使用してその内部でListViewを使用すると、NavigationViewはさらに何を提供しますか?
Davideas 2015年
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.