Как добавить пользовательский элемент в NavigationView с помощью макета меню?
Я экспериментировал с упрощением кода навигационного ящика, используя новый класс NavigationView
в библиотеке поддержки дизайна Android, Он отлично работает, если вам нужны только значки слева и текст справа, как в примере в документации, но что, если я хочу добавить одно настраиваемое представление в макет с android.support.v7.widget.SwitchCompat
, как в Google Play Фильмы (см. Снимок экрана ниже)?
![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
.
Ответы
Ответ 1
Атрибут actionLayout
теперь поддерживается в Android Support Library 23.1:
NavigationView предоставляет удобный способ создания навигационного ящика, в том числе возможность создания элементов меню с помощью XML файла меню. Weve расширил возможности, доступные с возможностью установки пользовательских представлений для элементов через приложение: actionLayout или с помощью MenuItemCompat.setActionView().
Итак, код в вопросе должен работать только сейчас.
Ответ 2
NavigationView
является подклассом FrameLayout
, который может иметь несколько дочерних элементов:
Однако вы можете добавить несколько дочерних элементов в FrameLayout и управлять их положение в FrameLayout, назначая гравитацию для каждого child, используя атрибут 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>
Ответ 3
создать макет с коммутатором и указать его в пункте меню как
<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, реализует обработчик в вашей деятельности, тогда он будет работать.
Ответ 4
Вы можете взглянуть на эту библиотеку: https://github.com/mikepenz/MaterialDrawer. Это упрощает использование навигационного ящика и поддерживает пользовательские представления.