Android NavigationView: сокращение пробела между значком и текстом и `itemBackground` не работает

Есть ли способ уменьшить пространство между значком и текстом в NavigationView при его создании с помощью меню xml?

Я попытался передать текст android:drawablePadding с помощью атрибута app:itemTextAppearance, и это не сработало, я пробовал устанавливать дополнения и поля и ничего не работает.

Кроме того, когда я устанавливаю app:itemBackground и устанавливаю установленное состояние, весь элемент меню не выделяется, я получаю что-то вроде изображения ниже.

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

xml, используемый для создания itemBackground:

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="true" android:drawable="@color/white_alpha_10" />
    <item android:state_checked="true" android:drawable="@color/white_alpha_10" />
    <item android:state_focused="true" android:drawable="@color/white_alpha_10" />
    <item android:state_activated="true" android:drawable="@color/white_alpha_10" />
    <item android:drawable="@android:color/transparent" />
</selector>

Любая идея, что может произойти? Очевидно, что в элементе меню есть цвет фона, однако меню xml является довольно стандартным.

NavigationView назад фиолетовый фон на нем установлен из темы:

<!--Activity xml -->
<android.support.design.widget.NavigationView
    android:id="@+id/nav_view"
    android:layout_width="wrap_content"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true"
    android:layout_gravity="start"
    app:theme="@style/AppTheme.NavigationView"
    app:menu="@menu/menu_nav_drawer"
    app:itemBackground="@drawable/nav_drawer_item"
    app:headerLayout="@layout/nav_header"/>

<!-- styles.xml -->
<style name="AppTheme.NavigationView" parent="Widget.Design.NavigationView">
    <item name="android:background">@color/charcoal_new</item>
    <item name="itemIconTint">@color/nav_drawer_icon</item>
    <item name="android:listDivider">@color/dusk_alpha_50</item>
    <item name="itemTextAppearance">@style/NavigationViewTextAppearance</item>
</style>

<style name="NavigationViewTextAppearance" parent="TextAppearance.Body.Regular">
    <item name="android:textColor">@color/white</item>
    <item name="android:padding">0dp</item>
    <item name="android:layout_margin">0dp</item>
</style>

Я использую Android support/design library 23.2.1.

Ответы

Ответ 1

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

<dimen tools:override="true" name="design_navigation_icon_padding">16dp</dimen>

Остерегайтесь, что это повсеместно изменит ресурс измерения! Вы также можете скопировать файл макета и переопределить его вместо design_navigation_menu.xml

Что касается разных краев цвета, я устанавливаю app:itemBackground="@android:color/transparent", а затем в тему для набора NavigationView:

<item name="selectableItemBackground">@drawable/nav_drawer_item_selector</item>

Вы можете обрабатывать обе темы в вашем навигационном экране следующим образом:

    <item name="selectableItemBackground">@drawable/nav_drawer_item_selector</item>
    <item name="itemBackground">@color/transparent</item>

nav_drawer_item_selector.xml выглядит так:

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="true" android:drawable="@color/white_alpha_10" />
    <item android:state_checked="true" android:drawable="@color/white_alpha_10" />
    <item android:state_focused="true" android:drawable="@color/white_alpha_10" />
    <item android:state_activated="true" android:drawable="@color/white_alpha_10" />
    <item android:drawable="@color/transparent" />
</selector>

Ответ 2

Просто добавьте эту строку в файл dimensions.xml file.

<dimen tools:override="true" name="design_navigation_icon_padding">10dp</dimen>

это переопределит заполнение NavigationView

Ответ 3

Используйте app:itemIconPadding в новом материале NavigationView

<com.google.android.material.navigation.NavigationView
                        ...
                        app:itemIconPadding="10dp"/>

Ответ 4

На случай, если кто-то не знает об инструментах, следуйте ниже Откройте dimens.xml в res → Values → dimens.xml

<resources xmlns:tools="http://schemas.android.com/tools"> <dimen tools:override="true" name="design_navigation_icon_padding">10dp</dimen> </resources>

Ответ 5

С NavigationView, определенным в библиотеке компонентов материала, используйте атрибут app:itemIconPadding.

<com.google.android.material.navigation.NavigationView
    app:itemIconPadding="4dp"
    ../>

enter image description here enter image description here

Вы также можете определить собственный стиль, например:

  <style name="CustomNavigationView" parent="Widget.MaterialComponents.NavigationView">
    <item name="itemIconPadding">@dimen/....</item>
  </style>

Значение по умолчанию определяется @dimen/mtrl_navigation_item_icon_padding и это 14dp.