2015-06-09 3 views
40

Я экспериментировал с упрощением кода навигационного ящика, используя новый класс NavigationView в библиотеке поддержки дизайна Android. Он отлично работает, если вы просто хотите, чтобы значки слева и текст справа, как в примере в документации, но что, если я хочу добавить единый пользовательский вид в макет, который имеет android.support.v7.widget.SwitchCompat, как в приложении Google Play Фильмы (см. снимок экрана ниже)?Как добавить пользовательский элемент в NavigationView с помощью макета меню?

Google Play Movies

Я попытался с помощью атрибута actionLayout, чтобы указать файл пользовательского макета, как в примере кода ниже, однако этот атрибут, как представляется, игнорировать, как это не сработало.

res/menu/navigation_drawer.xml

<menu xmlns:android="http://schemas.android.com/apk/res/android"> 
    <group android:id="@+id/group1" 
      android:checkableBehavior="single"> 
     <item 
      android:id="@+id/nav_screen1" 
      android:icon="@drawable/ic_list_black_24dp" 
      android:title="Screen 1" /> 
     <item 
      android:id="@+id/nav_screen2" 
      android:icon="@drawable/ic_search_black_24dp" 
      android:title="Screen2"/> 
    </group> 
    <group android:id="@+id/group2"> 
     <item 
      android:id="@+id/nav_custom" 
      android:icon="@drawable/custom_icon_24dp" 
      app:actionLayout="@layout/nav_drawer_switch" 
      android:title="Custom item with switch"/> 
     <item 
      android:id="@+id/nav_settings" 
      android:icon="@drawable/ic_settings_black_24dp" 
      android:title="Settings"/> 
    </group> 
</menu> 

res/layout/nav_drawer_switch.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:orientation="horizontal" android:layout_width="match_parent" 
    android:layout_height="match_parent"> 
    <android.support.v7.widget.SwitchCompat 
     android:layout_width="fill_parent" 
     android:layout_height="match_parent" 
     android:text="Custom item with switch"/> 
</LinearLayout> 

Как я могу получить эту работу? В идеале я хотел бы добавить пользовательский вид, сохраняя при этом мой макет меню, но если это невозможно без использования грубой взлома (например, при вводе существующего макета, созданного библиотекой поддержки), я хотел бы знать, решение с наименьшим количеством кода и которое все же позволяет перейти к NavigationView.

+3

Вы не можете настроить элемент с помощью текущей реализации NavigationView. NavigationView использует ListView для обработки элемента, который является TextView, и в настоящее время нет способа настроить этот элемент ListView. – Wayne

+0

Есть ли способ добавить 2 строки текста в пункт меню? Я попытался добавить через actionLayout, и он добавляет в правую сторону, а не снизу. Например, например, в приложении Google drive-> Upgrade storage отображается 2 строки текста – RisingUp

ответ

28

Атрибут actionLayout является now supported in Android Support Library 23.1:

NavigationView обеспечивает удобный способ для создания навигации ящика, в том числе способности к созданию пунктов меню с помощью меню XML-файл. Мы расширили функциональность с возможностью установки пользовательских представлений для элементов через приложение: actionLayout или с помощью MenuItemCompat.setActionView().

Таким образом, код в вопросе должен только работать.

+16

Пример запроса использования – krossovochkin

+2

, нужно просто добавить атрибут 'app: actionLayout =" @ layout/my_switch_layout "' в пункт меню. Я уже привел пример того, что выглядит 'my_switch_layout' в вопросе –

+3

@TimRae: Я пробовал использовать приложение: actionLayout, но это не сработало. Что-нибудь еще, что я могу пропустить? –

12

NavigationView подкласс FrameLayout, который может иметь несколько детей:

Вы можете, однако, добавить несколько детей в FrameLayout и контроля свою позицию в FrameLayout, назначая тяжести каждого ребенка, используя атрибут android: layout_gravity.

Это означает, что вы можете добавить пользовательский вид на ваш NavigationView:

<android.support.design.widget.NavigationView 
    android:layout_height="match_parent" 
    android:layout_width="wrap_content" 
    android:layout_gravity="start" 
    android:fitsSystemWindows="true" 
    app:menu="@menu/side_menu"> 

    <LinearLayout 
     android:orientation="horizontal" 
     android:layout_width="match_parent" 
     android:layout_height="200dp" 
     android:layout_gravity="bottom"> 

     <android.support.v7.widget.SwitchCompat 
      android:layout_width="match_parent" 
      android:layout_height="match_parent" 
      android:text="night_mode"/> 
    </LinearLayout> 
</android.support.design.widget.NavigationView> 
+0

Спасибо за ваш ответ! К сожалению, я не могу найти способ установить положение «LinearLayout» точно под существующим (созданный библиотекой дочерний макет). Я предполагаю, что вы имели в виду, что я могу использовать 'layout_gravity =" bottom "и эмпирически настраивать высоту, пока она не выглядит нормально, но это не очень удобно. –

+1

Это решение практически не используется NavigationView и использует только DrawerLayout, я ошибаюсь? – Zorb

+0

Это решение позволяет добавить пользовательский вид в нижней части навигационного экрана. NavigationView по-прежнему используется в макете меню. –

0

Вы можете взглянуть на эту библиотеку: https://github.com/mikepenz/MaterialDrawer. Это упрощает использование навигационного ящика и поддерживает пользовательские представления.

+0

Прохладный, его нет в документации, но, похоже, вы можете легко добавить любой из этих предоставленных представлений, который включает в себя переключатель :) https://github.com/mikepenz/MaterialDrawer/tree/develop/library/src/main/java/com/mikepenz/materialdrawer/model Интересно, есть ли какие-либо вилки для поддержки SDK 8? : -/ –

3

создать макет с switchcompat и упоминает его в пункте меню, как

<item android:id="@+id/notification" 
     android:title="Notification" 
     app:actionLayout="@layout/notify" />` 

уведомив раскладка добавить этот

<android.support.v7.widget.SwitchCompat 
    android:id="@+id/switch_compat" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_marginTop="10dp" 
    android:checked="false" 
    android:onClick="notify"/> 

OnClick является Keypoint, реализовать обработчик в вашей деятельности, то он будет работать ,

Смежные вопросы