Android NavigationView:减少图标和文本之间的空间,`itemBackground`无效

Question

当使用菜单xml构建时,有没有办法减少NavigationView中图标和文本之间的空间？

我尝试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.

Answer 1

经过挖掘源头.我发现您可以覆盖维度资源来解决此问题.

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

请注意,这将改变各处的维度资源!您也可以复制布局文件并改写它design_navigation_menu.xml

至于不同的颜色边缘,我设置app:itemBackground="@android:color/transparent"然后在导航视图集的主题中:

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

Answer 2

只需在dimens.xml文件中添加此行即可

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

这将覆盖NavigationView的填充

Answer 3

用于app:itemIconPadding新材料NavigationView

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