web-dev-qa-db-fra.com

Android NavigationView: réduisez l'espace entre l'icône et le texte, et `itemBackground` ne fonctionne pas

Existe-t-il un moyen de réduire l'espace entre l'icône et le texte dans NavigationView lorsqu'il est construit à l'aide d'un menu xml?

J'ai essayé de texte Android:drawablePadding en utilisant l'attribut app:itemTextAppearance et cela ne fonctionne pas, j'ai essayé de définir le remplissage et les marges et rien ne fonctionne.

De plus, lorsque je règle app:itemBackground et que je coche l'état activé, tout l'élément de menu n'est pas mis en surbrillance, le résultat est similaire à l'image ci-dessous.

 enter image description here

Le xml utilisé pour créer la itemBackground est:

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

Une idée de ce qui pourrait se passer? On dirait clairement qu’il ya une couleur d’arrière-plan sur l’élément de menu, mais le menu xml est assez standard. 

La NavigationView retourne le fond violet dessus à partir d'un thème:

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

J'utilise la bibliothèque de support/conception d'Android 23.2.1.

androidandroid-navigationview
10
Ali

Après avoir fouillé dans la source. J'ai trouvé que vous pouviez remplacer une ressource de dimension pour résoudre ce problème.

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

Attention, cela changera la ressource de dimension partout! Vous pourrez peut-être également copier le fichier de présentation et le remplacer par design_navigation_menu.xml

En ce qui concerne les différents bords de couleur, j'ai défini app:itemBackground="@Android:color/transparent", puis dans le thème du jeu NavigationView:

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

Vous pouvez gérer les deux dans le thème de votre NavigationView comme suit:

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

nav_drawer_item_selector.xml ressemble à ceci:

<?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>
31
Ali

Ajoutez juste cette ligne dans dimens.xml file

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

cela remplacera le remplissage de NavigationView

18
Ankur Bavishi

Utilisez app:itemIconPadding dans le nouveau matériel NavigationView

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

Juste au cas où quelqu'un ne connait pas les outils, suivez ci-dessous Ouvrez dimens.xml dans res-> Values-> dimens.xml

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

0
sham.y