如何为NavigationView中特定父菜单设置背景色

嘿，我来帮你搞定导航抽屉父菜单的背景色问题！你已经知道用Spannable修改文字颜色，其实加背景色也可以沿用类似思路，或者用更灵活的自定义布局方案，下面给你两种可行的实现方式：

方案一：用BackgroundColorSpan扩展现有代码 #

既然你已经在通过SpannableString修改文字样式，那直接给它添加BackgroundColorSpan就能快速实现背景色效果，不需要改动布局文件，非常适配你现有的代码逻辑：

// 获取目标父菜单项
MenuItem parentItem = navigationView.getMenu().findItem(R.id.top_item1);
SpannableString spannableTitle = new SpannableString(parentItem.getTitle());

// 保留你原来的文字样式设置
spannableTitle.setSpan(new TextAppearanceSpan(this, R.style.TextAppearance), 
                       0, spannableTitle.length(), 0);

// 添加背景色Span，建议用ContextCompat兼容低版本
BackgroundColorSpan bgSpan = new BackgroundColorSpan(
    ContextCompat.getColor(this, R.color.your_parent_bg_color)
);
spannableTitle.setSpan(bgSpan, 0, spannableTitle.length(), Spannable.SPAN_INCLUSIVE_INCLUSIVE);

// 更新菜单项标题
parentItem.setTitle(spannableTitle);

// 对第二个父项top_item2执行同样的操作即可
MenuItem parentItem2 = navigationView.getMenu().findItem(R.id.top_item2);
// 重复上述Span设置步骤...

这种方法的优点是快速便捷，和你已有的代码无缝衔接，但缺点是只能设置纯色背景，没法做圆角、边框这类复杂样式。

方案二：自定义MenuItem布局（支持复杂样式） #

如果需要更精细的样式控制（比如背景圆角、内边距、渐变效果等），自定义布局是更好的选择，步骤如下：

1. 创建父菜单项的自定义布局 #

新建layout/nav_parent_item.xml文件，定义父项的样式：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@drawable/parent_item_bg" <!-- 背景样式文件 -->
    android:paddingHorizontal="16dp"
    android:paddingVertical="12dp"
    android:orientation="vertical">

    <!-- 注意TextView的id必须是@android:id/title，系统会自动绑定菜单项标题 -->
    <TextView
        android:id="@android:id/title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textColor="@color/your_title_color"
        android:textSize="16sp"
        android:textStyle="bold"/>

</LinearLayout>

2. 创建背景样式drawable #

新建drawable/parent_item_bg.xml，可以设置纯色、圆角等效果：

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <solid android:color="@color/your_parent_bg_color"/> <!-- 背景色 -->
    <corners android:radius="8dp"/> <!-- 可选：添加圆角 -->
    <padding android:padding="4dp"/> <!-- 可选：给背景加内边距 -->
</shape>

3. 在menu文件中绑定自定义布局 #

修改你的menu.xml，给父菜单项指定android:actionLayout属性：

<menu xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:title="TopItem" 
          android:id="@+id/top_item1"
          android:actionLayout="@layout/nav_parent_item"> <!-- 绑定自定义布局 -->
        <menu>
            <group>
                <item android:id="@+id/sub_item1" android:title="SubItem" />
            </group>
        </menu>
    </item>

    <item android:title="TopItem" 
          android:id="@+id/top_item2"
          android:actionLayout="@layout/nav_parent_item"> <!-- 第二个父项同样绑定 -->
        <menu>
            <group>
                <item android:id="@+id/sub_item2" android:title="SubItem" />
                <item android:id="@+id/sub_item3" android:title="SubItem" />
                <item android:id="@+id/sub_item4" android:title="SubItem" />
            </group>
        </menu>
    </item>
</menu>

这种方法的优点是样式自由度极高，能完全匹配你想要的视觉效果，适合需要定制化UI的场景。

内容的提问来源于stack exchange，提问作者Tobias von Falkenhayn