如何为Android NavigationDrawer的各菜单项增加额外间距?
你直接在NavigationView节点添加android:paddingTop和android:layout_marginTop不生效,是因为这两个属性仅作用于NavigationView整体容器,不会作用到内部的单个菜单项。可以通过以下两种方案实现间距调整:
方案1:通过自定义样式修改(最简单,无需调整布局结构)
该方案通过覆盖NavigationView的菜单项默认样式实现,操作成本最低:
- 在
res/values/styles.xml中添加自定义菜单项样式:
<style name="CustomNavMenuItem" parent="Widget.MaterialComponents.NavigationView.Item"> <!-- 按需调整上下间距数值 --> <item name="android:layout_marginVertical">10dp</item> <!-- 也可调整内边距 --> <item name="android:paddingVertical">6dp</item> </style>
- 给你的NavigationView节点添加
app:itemStyle属性引用上面的样式:
<com.google.android.material.navigation.NavigationView android:id="@+id/drawerNavigationView" android:layout_width="wrap_content" android:layout_height="match_parent" android:layout_gravity="start" app:headerLayout="@layout/navigation_drawer_header" app:menu="@menu/navigation_drawer_menu" android:fitsSystemWindows="true" app:insetForeground="@android:color/transparent" <!-- 新增这一行 --> app:itemStyle="@style/CustomNavMenuItem"> </com.google.android.material.navigation.NavigationView>
注意:该属性需要Material Components库版本在1.4.0及以上支持,如果你的项目依赖版本过低,先升级
com.google.android.material:material依赖即可。
方案2:自定义菜单项布局(灵活度最高,可定制任意样式)
如果需要对菜单项做更多自定义修改,可以完全自定义菜单项的布局:
- 新建自定义菜单项布局
res/layout/custom_nav_item.xml,示例代码如下:
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal" <!-- 自定义上下间距 --> android:layout_marginVertical="12dp" android:paddingHorizontal="16dp" android:background="?attr/selectableItemBackground" android:gravity="center_vertical"> <ImageView android:id="@+id/nav_icon" android:layout_width="24dp" android:layout_height="24dp" android:layout_marginEnd="16dp"/> <TextView android:id="@+id/nav_title" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textSize="16sp"/> </LinearLayout>
- 修改
menu/navigation_drawer_menu.xml,给每个item添加android:actionLayout属性引用自定义布局:
<item android:id="@+id/homeNavigationDrawer" android:title="Home" android:icon="@drawable/icon_home_nav_drawer" android:actionLayout="@layout/custom_nav_item" /> <!-- 其余三个item同样添加该属性即可 -->
内容的提问来源于stack exchange,提问作者new_programming_student
相关产品推荐
相关产品推荐

