personalizado - navigationview android

Cómo agregar vistas personalizadas en la nueva NavigationView

Question

Estoy tratando de agregar un interruptor como elemento de menú en NavigationView como este

Usé el atributo actionViewClass pero solo muestra el título.

<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

Estás buscando algo así,

Luego hay un componente personalizado disponible en Synfusion , llamado Cajón de navegación .

Puede encontrar la documentación respectiva here .

Hombre.! ellos también ofrecen una licencia comunitaria .

Answer 2

Intenta envolver tu Switch en un archivo de Layout por separado:

Menú:

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

Cambiar: "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

Solución simple mientras usa 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 4

Utilicé el diseño Abajo en Diseño de cajones donde se ha usado el código de Vista de navegación.

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

Answer 5

La nueva biblioteca de soporte 23.1

permite usar una vista personalizada para los elementos en la Vista de navegación usando la aplicación: actionLayout o usando MenuItemCompat.setActionView ()

Así es como logré mostrar un 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" />

Para obtener la Vista y asignarle eventos, debe hacer:

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 6

[Actualización 03-03-2017] La ​​respuesta está desactualizada. No refieras esto Referir la respuesta aceptada.

Desafortunadamente, actualmente NavigationView no permite mucho personalización ...

Tienes que tomar el ListView personalizado en 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>

Y cree una celda para esta vista de lista tomando TextView hacia el lado izquierdo y SwitchCompact hacia el lado derecho.

Espero que te ayude ...