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

Я пытаюсь добавить переключатель в качестве элемента меню в 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" />

person atabouraya    schedule 21.06.2015    source источник
comment
вы можете сослаться на мой этот ответ 30626324/   -  person Moinkhan    schedule 24.06.2015
comment
Вы это как-то решили?   -  person android developer    schedule 01.08.2015
comment
Решение до сих пор состоит в том, чтобы использовать DrawerLayout со старым NavigationDrawer, я не смог найти обходной путь с помощью NavigationView.   -  person atabouraya    schedule 02.08.2015
comment
Разрешено ли это в соответствии с Руководством по дизайну материалов?   -  person Tomblarom    schedule 03.08.2015


Ответы (6)


Новая библиотека поддержки 23.1

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

введите здесь описание изображения

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

menu_nav.xml

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">

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

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);
            }
        });
person atabouraya    schedule 20.10.2015
comment
очень информативно. Спасибо. Как обработать это событие изменения переключателя? - person MohK; 26.10.2015
comment
Например, в этом представлении это 4-й элемент: 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); } }); - person atabouraya; 27.10.2015
comment
@atabouraya +1 за это, одно сомнение, где следует инициализировать SwitchCompact, я получаю NullPointerException при попытке вызвать setOnChecked, - person Nikesh; 03.11.2015
comment
Вы получаете NullPointerException при попытке доступа к navigationView или SwitchCompat? - person atabouraya; 05.11.2015
comment
@atabouraya .. У меня проблема ... Большой палец SwichCompat не переключает свое положение на отмеченный и не отмеченный, меняется только цвет - person Deven Singh; 29.12.2015
comment
У меня другая проблема, как вам удалось сделать так, чтобы текст начинался с той же точки, с которой начинаются значки меню? для меня текст выровнен со всеми текстами в меню, что оставляет много пустого места слева - person Mina Zaki; 11.02.2016
comment
Если элемент в той же группе имеет значок, все остальные элементы будут иметь одинаковый отступ, пытаясь поместить его в отдельную группу. - person atabouraya; 11.02.2016
comment
Я предлагаю использовать метод getMenu().findItem(itemID) для получения объекта menuItem. - person Lingviston; 08.04.2016
comment
почему бы не использовать getMenu/findItem(R.id.itemId), чтобы легко найти его? - person htafoya; 08.11.2016
comment
Работаю, но столкнулся с той же проблемой, с которой столкнулся @MinaZaki. Есть решение? - person Shweta Nandha; 28.08.2017
comment
@atabouraya примет любой ответ, если ваша проблема решена для пользователей SO. - person Aks4125; 25.09.2017

Простое решение, поскольку вы используете 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>
person Aks4125    schedule 16.03.2016

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

Меню:

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

Переключатель: "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>
person HeW    schedule 27.07.2015
comment
'app:showAsAction' и 'app:actionLayout' игнорируются в NavigationView - person Gallal; 27.07.2015
comment
Хорошо, я этого не знал - person HeW; 27.07.2015
comment
@Gallal, вы должны использовать библиотеки поддержки 23.1.0 - person krossovochkin; 16.10.2015

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

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

Вы должны взять Customized 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>

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

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

person Moinkhan    schedule 02.08.2015

Я использовал макет «Ниже» в макете ящика, где использовался код навигации.

<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>
person Anshul Agarwal    schedule 07.07.2016

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

Кроме того, в Synfusion есть пользовательский компонент, который называется Ящик навигации.

Соответствующую документацию можно найти здесь.

Мужчина.! они также предлагают лицензию сообщества.

person Joy Rex    schedule 03.08.2015
comment
он использует NavigationView - person Hugo Gresse; 03.08.2015
comment
NavigationDrawer также является NavigationView с некоторыми другими дополнительными функциями. - person Joy Rex; 04.08.2015
comment
где мы можем перемещаться из LeftToRight, RightToLeft, TopToBottom и BottomToTop с различными анимационными переходами - person Joy Rex; 04.08.2015
comment
но почему вы говорите о Symfusion, поскольку он использует стандартный Android? - person Hugo Gresse; 04.08.2015
comment
просто вариант, доступный для использования пользовательского NavigationView, вместо того, чтобы пытаться использовать сложный рабочий инструмент в родном Android - person Joy Rex; 04.08.2015