使用菜单xml构建导航视图时,是否有方法减少图标和文本之间的空间?
我试过使用android:drawablePadding
属性来编写app:itemTextAppearance
文本,但这不起作用,我试过设置填充和边距,但没有任何效果。
另外,当我设置app:itemBackground
并设置checked状态时,整个菜单项不会高亮显示,我得到的结果类似于下面的图片。
用于创建itemBackground
的xml是:
<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。
最佳答案
从源头挖出来之后。我发现可以重写维度资源来修复此问题。<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>