使用菜单xml构建时,有没有办法减少NavigationView中图标和文本之间的空间?
我尝试使用android:drawablePadding
属性发送app:itemTextAppearance
,但这不起作用,我尝试设置填充和边距,但没有任何效果。
此外,当我设置app:itemBackground
并设置选中状态时,整个菜单项不会突出显示,我会得到如下图所示的内容。
用于创建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。
答案 0 :(得分:31)
在挖掘源头之后。我发现您可以覆盖维度资源来解决此问题。
<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>
答案 1 :(得分:18)
只需在 dimens.xml 文件
中添加此行<dimen tools:override="true" name="design_navigation_icon_padding">10dp</dimen>
这将覆盖NavigationView的填充
答案 2 :(得分:4)
在新材料app:itemIconPadding
中使用NavigationView
<com.google.android.material.navigation.NavigationView
...
app:itemIconPadding="10dp"/>
答案 3 :(得分:1)
在材料组件库中定义的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
。
答案 4 :(得分:1)
如果您不使用Material Design,请在包含Siri
的{{1}}文件中插入以下代码:
.xml
NavigationView
是一个示例,请选择您自己合适的值。
示例:
app:itemIconPadding="14dp"
答案 5 :(得分:0)
以防万一某人对工具一无所知,请按照以下说明进行操作
在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>