NavigationView ve özel Düzen


83

Tasarım Destek Kitaplıklarını NavigationViewşu şekilde kullanıyorum:

<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>

Ve bu menüyü ayarladım:

<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>

Navigasyon Görünümü'nü menü yerine bir düzen ile kullanmanın bir yolu var mı?


sadece başlık görünümünü, nav_header dosyasını kullanamaz mısınız?
RuAware

başlık görünümünü istiyorum ve menü yerine özel bir düzen kullanmak istiyorum
Panayiotis Irakleous

Yanıtlar:


187

İşte bunu nasıl çözdüğüm ve mükemmel çalıştım:

<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>

Mükemmel yol! Bunu bulmaktan bıktım ama aptalım neden kapanış etiketlerini genişletmeyi denemedim! Güzel bir! Aslında açıklanabilir bir ListView'a ihtiyacım vardı!
sud007

2
bu, headerview'ı durum çubuğunun altına çeker mi?
marilion91

Evet, kesinlikle NavigationView'un bir parçası olduğu için.
Hamzeh Soboh

bu şimdiye kadar bulduğum tek XML tabanlı çalışma çözümü. +1
michnovka

Herhangi biri bu çözüm için referans bağlantısı verebilir mi? çünkü bunu denedim ama problemler alıyorum.
realpranav

34

Evet Yapabilirsiniz .... Yaptığım gibi ... Özel düzeninizi NavigationView içine almanız yeterli

<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>

Benim için yukarıdaki kod çalışma ... Ama kaldırmak unutmayın app:menudan NavigationView. Aksi takdirde, menü öğelerindeki özel görünümünüzle çakışacaktır.


1
Liste görünümü, başlık görünümünün üzerinde görünür. Baş gözünün altına nasıl yerleştirilir?
Sudheesh Mohan

ListViewÇocuk görünümü olarak kullanıyorsanız , NavigationView'sÜstbilgiyi kullanamazsınız . Yani kullanıyorsanız ListView, headerView ekleyebilirsiniz ListView.
Moinkhan

1
Listview'e headerview eklediğimde, headerview kayboldu. code <ListView uygulaması: headerLayout = "@ layout / nav_header" android: entry = "@ array / test" android: layout_width = "match_parent" android: layout_height = "match_parent" />
Sudheesh Mohan

Bro şu anda Tasarım destek kitaplığı hatalı ... Yapabilirsiniz.
Headerview

7
Şimdiye kadar yaptığımız gibi, içinde ListView özel bir satırla kullanırsak, NavigationView daha fazla ne verir?
Davideas
Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.