Xamarin安卓原生应用开发：为抽屉菜单项设置全屏差异化背景色

嘿，我明白你现在的需求——给抽屉菜单的每个菜单项设置铺满整个宽度的不同背景色对吧？你当前用SpannableString的方式只能修改文字的前景色，而且就算用BackgroundColorSpan也只能给文字区域加背景，没法铺满抽屉的整个宽度，这确实行不通。我给你两个靠谱的解决方案：

方案一：自定义MenuItem布局（最直观可控） #

这种方法直接给每个菜单项指定自定义布局，能完全控制背景和样式：

1. 创建自定义菜单项布局
   在你的资源布局文件夹里新建nav_menu_item.xml，设置宽度为match_parent确保铺满抽屉：

   <?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="vertical"
       android:paddingVertical="16dp"
       android:paddingHorizontal="24dp">
   
       <TextView
           android:id="@+id/tv_menu_item"
           android:layout_width="match_parent"
           android:layout_height="wrap_content"
           android:textSize="16sp"
           android:textColor="@android:color/white"/>
   </LinearLayout>
   

2. 关联布局到Menu文件
   打开你的抽屉菜单xml（比如nav_menu.xml），给每个需要自定义背景的菜单项添加android:layout属性，关联刚才的自定义布局：

   <menu xmlns:android="http://schemas.android.com/apk/res/android">
       <item
           android:id="@+id/nav_ordini"
           android:title="Ordini"
           android:layout="@layout/nav_menu_item"/>
       <!-- 其他菜单项同理添加layout属性 -->
   </menu>
   

3. 在Activity中设置背景色
   找到对应的菜单项View，直接设置背景色即可：

   // 获取NavigationView实例
   var navigationView = FindViewById<NavigationView>(Resource.Id.nav_view);
   
   // 获取目标菜单项的自定义View
   View ordiniItemView = navigationView.Menu.FindItem(Resource.Id.nav_ordini).ActionView;
   if (ordiniItemView != null)
   {
       // 设置铺满宽度的背景色
       ordiniItemView.SetBackgroundColor(Resources.GetColor(Resource.Color.your_custom_color));
       // 可选：设置文字颜色
       TextView itemText = ordiniItemView.FindViewById<TextView>(Resource.Id.tv_menu_item);
       itemText.Text = "Ordini";
       itemText.SetTextColor(Resources.GetColor(Resource.Color.white));
   }
   

方案二：用RecyclerView ItemDecoration绘制背景 #

如果不想修改每个菜单项的布局，也可以利用NavigationView内部的RecyclerView来添加背景：

1. 添加ItemDecoration到NavigationView
   在Activity的OnCreate方法中添加以下代码：

   var navigationView = FindViewById<NavigationView>(Resource.Id.nav_view);
   // 等待NavigationView布局完成后获取内部的RecyclerView
   navigationView.ViewTreeObserver.AddOnGlobalLayoutListener(new GlobalLayoutListener(navigationView));
   
   // 自定义ItemDecoration类
   private class GlobalLayoutListener : Java.Lang.Object, ViewTreeObserver.IGlobalLayoutListener
   {
       private NavigationView _navView;
       public GlobalLayoutListener(NavigationView navView)
       {
           _navView = navView;
       }
   
       public void OnGlobalLayout()
       {
           // 移除监听避免重复执行
           _navView.ViewTreeObserver.RemoveOnGlobalLayoutListener(this);
           // 获取NavigationView内部的RecyclerView
           RecyclerView recyclerView = _navView.FindViewById<RecyclerView>(Resource.Id.design_navigation_view);
           if (recyclerView != null)
           {
               recyclerView.AddItemDecoration(new MenuBackgroundDecoration(_navView.Context));
           }
       }
   }
   
   // 负责绘制背景的ItemDecoration
   private class MenuBackgroundDecoration : RecyclerView.ItemDecoration
   {
       private Context _context;
       public MenuBackgroundDecoration(Context context)
       {
           _context = context;
       }
   
       public override void OnDraw(Canvas c, RecyclerView parent, RecyclerView.State state)
       {
           base.OnDraw(c, parent, state);
           // 遍历每个菜单项View，根据位置设置不同背景
           for (int i = 0; i < parent.ChildCount; i++)
           {
               View menuItem = parent.GetChildAt(i);
               int position = parent.GetChildAdapterPosition(menuItem);
               switch (position)
               {
                   case 0: // 对应第一个菜单项（nav_ordini）
                       menuItem.SetBackgroundColor(_context.Resources.GetColor(Resource.Color.color_ordini));
                       break;
                   case 1: // 第二个菜单项
                       menuItem.SetBackgroundColor(_context.Resources.GetColor(Resource.Color.color_other));
                       break;
                   // 其他菜单项按位置设置即可
               }
           }
       }
   }
   

这两种方法都能实现你要的“背景铺满抽屉整个宽度”的效果，方案一更灵活，适合需要单独调整每个item样式的场景；方案二更适合批量设置背景的情况。

内容的提问来源于stack exchange，提问作者Francesco