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


android android-navigationview
person Ali    schedule 04.04.2016    source источник
comment
Change sec.. Code элемент или заголовок? Если это заголовок, покажите нам @layout/nav_header   -  person Volodymyr Kulyk    schedule 04.04.2016
comment
Попробуйте эту ссылку, она позволит вам получить текстовое представление для каждой строки, чтобы вы могли настроить его. - stackoverflow.com/a/35313552/2128166   -  person Wasim K. Memon    schedule 04.04.2016
comment
Мне удалось найти размерный ресурс в источнике и переопределить его. Остается только проблема с подсветкой.   -  person Ali    schedule 04.04.2016
comment
Как вы нашли ресурс измерения и увидели значения по умолчанию?   -  person blackHawk    schedule 01.05.2017
comment
Вам нужно искать в исходном коде. Я не могу вспомнить, каким именно был процесс, но всегда полезно прочитать исходный код.   -  person Ali    schedule 02.05.2017

Ответы (6)


arrow_upward
34
arrow_downward

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

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

Вы можете обрабатывать оба в теме для вашего NavigationView следующим образом:

    <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>
person Ali    schedule 05.04.2016
comment
Спасибо за ответ, предложение tools:override с вашей стороны помогло мне решить проблему уменьшения поля элементов внутри разделителей путем переопределения ‹dimen tools:override=true name=design_navigation_separator_vertical_padding›1dp‹/dimen›, не могли бы вы отметить ваш ответ как принятый. - person A.Alqadomi; 12.05.2016
comment
@Ali У вас все еще есть рабочий пример? Не могли бы вы поделиться ими здесь. selectableItemBackground убивает весь макет для меня. Края, вызванные заполнением внутри NavigationMenuItemView и установкой прозрачности itemBackground, похоже, ничего для меня не делают. - person RobGThai; 18.12.2016
comment
Код выше, все еще работает для меня, разница может быть где-то еще. Попробуйте создать вопрос на SO и предоставьте как можно больше подробностей. - person Ali; 19.12.2016
comment
Вам также необходимо добавить xmlns:tools=http://schemas.android.com/tools в пространства имен. - person Borzh; 06.11.2018

arrow_upward
23
arrow_downward

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

<com.google.android.material.navigation.NavigationView
                        ...
                        app:itemIconPadding="10dp"/>
person random    schedule 17.07.2018
comment
Эй, это сработало для меня, просто и эффективно. Большое спасибо. - person Prakash Jadhav; 24.07.2020

arrow_upward
22
arrow_downward

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

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

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

person Ankur Bavishi    schedule 17.06.2017
comment
Это dimens.xml , а не dimen.xml - person Shamsul Arefin Sajib; 19.04.2018

arrow_upward
2
arrow_downward

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

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

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

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

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

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

person Gabriele Mariotti    schedule 13.10.2019

arrow_upward
1
arrow_downward

На всякий случай, если кто-то не знает об инструментах, следуйте ниже Открыть 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>

person sham.y    schedule 26.11.2018

arrow_upward
1
arrow_downward

Если вы не используете Material Design, в файл .xml, куда вы включили NavigationView, вставьте этот код:

app:itemIconPadding="14dp"

14dp является примером, выберите подходящее значение.

Пример:

<com.google.android.material.navigation.NavigationView
    android:layout_width="175dp"
    android:layout_height="match_parent" 
    android:id="@+id/navigation_view"
    app:menu="@menu/drawer_menu"
    app:itemIconPadding="14dp"    <------
    app:headerLayout="@layout/drawer_header"
    android:layout_gravity="start"
    android:fitsSystemWindows="true">
</com.google.android.material.navigation.NavigationView>
person Optimiser    schedule 12.11.2020