Как добавить пользовательские представления в новом NavigationView

Question

Я пытаюсь добавить переключатель в MenuItem в NavigationView как этот

Я использовал атрибут actionViewClass, но он показывает только название.

<item 
android:id="@+id/navi_item_create_notifications_sound" 
android:title="Notifications Sounds" 
xmlns:app="http://schemas.android.com/apk/res-auto" 
app:actionViewClass="android.support.v7.widget.SwitchCompat" 
app:showAsAction="always" /> 

Answer 1

The new support library 23.1

позволяет использовать настраиваемое представление для элементов в навигации View с помощью приложения: actionLayout или с помощью MenuItemCompat.setActionView()

Вот как мне удалось отобразить SwitchCompat

menu_nav.xml

<?xml version="1.0" encoding="utf-8"?> 

<group 
    android:id="@+id/first" 
    android:checkableBehavior="single"> 

    <item 
     android:id="@+id/navi_item_1" 
     android:icon="@drawable/ic_feed_grey_500_24dp" 
     android:title="Feed" /> 
    <item 
     android:id="@+id/navi_item_2" 
     android:icon="@drawable/ic_explore_grey_500_24dp" 
     android:title="Explore" /> 
    <item 
     android:id="@+id/navi_item_4" 
     android:icon="@drawable/ic_settings_grey_500_24dp" 
     android:title="Settings" /> 

</group> 
<group 
    android:id="@+id/second" 
    android:checkableBehavior="single"> 
    <item xmlns:app="http://schemas.android.com/apk/res-auto" 
     android:id="@+id/navi_item_create_notifications_sound" 
     android:title="Notifications Sounds" 
     app:actionLayout="@layout/menu_swich" 
     app:showAsAction="always" /> 

</group> 

menu_switch.XML

<?xml version="1.0" encoding="utf-8"?> 
<android.support.v7.widget.SwitchCompat xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:app="http://schemas.android.com/apk/res-auto" 
    android:layout_width="wrap_content" 
    android:layout_height="match_parent" 
    android:gravity="right|center_vertical" 
    app:buttonTint="@color/colorPrimary" 
    app:switchPadding="@dimen/spacing_small" /> 

Чтобы получить вид и назначить события на него, вы должны сделать:

SwitchCompat item = (SwitchCompat) navigationView.getMenu().getItem(3).getActionView(); 
     item.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener(){ 
      @Override public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) { 
       Logr.v(LOG_TAG, "onCheckedChanged" + isChecked); 
      } 
     }); 

Answer 2

Try обернуть коммутатор в отдельный файл макета:

Меню:

<menu xmlns:android="http://schemas.android.com/apk/res/android" 
xmlns:app="http://schemas.android.com/apk/res-auto"> 
<item 
    android:id="@+id/menu_switch" 
    android:title="Switch Title" 
    app:actionLayout="@layout/layout_my_switch" 
    app:showAsAction="always" /> 
</menu> 

Switch: "layout_my_switch.xml"

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
android:layout_width="match_parent" 
android:layout_height="match_parent"> 
<android.support.v7.widget.SwitchCompat 
    android:id="@+id/my_switch" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_centerHorizontal="true" 
    android:layout_centerVertical="true" /> 
</RelativeLayout> 

Answer 3

[Update 03- 03-2017] Ответ устарел. Не ссылайтесь на это. См. Принятый ответ.

К сожалению, в настоящее время NavigationView не так много возможности настройки ...

Вы должны принять Настроенный ListView внутри NavigationView.

<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:layout_width="match_parent" 
     android:layout_height="match_parent"/> 

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

И создать ячейку для этого ListView, взяв TextView на левую сторону и SwitchCompact на правую сторону.

Я надеюсь, что это поможет ...

Answer 4

Вы ищете что-то вроде этого,

Тогда есть пользовательский компонент, доступный в Synfusion, называется Navigation drawer.

Вы можете найти соответствующую документацию here.

Человек.! они также предлагают Community license.

Answer 5

Простое решение, как вы используете NavigationView

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

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

     <android.support.v7.widget.SwitchCompat 
      android:id="@+id/mSwitch" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:layout_margin="10dp" 
      android:text="Night Mode" /> 

    </LinearLayout> 

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

Answer 6

я использовал ниже макета в Ящика Layout где используется код просмотра навигации.

<android.support.design.widget.NavigationView 
     android:id="@+id/navi_view" 
     android:layout_width="wrap_content" 
     android:layout_height="match_parent" 
     android:layout_gravity="start|top" 
     android:background="@color/navigation_view_bg_color" 
     app:theme="@style/NavDrawerTextStyle"> 

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

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

      <include layout="@layout/navigation_drawer_menu" /> 
     </LinearLayout> 
    </android.support.design.widget.NavigationView>