.NET MAUI中如何修改Picker下拉框的背景色？

你之前尝试设置TransparentBrush无效，是因为Picker下拉框的背景色在不同平台对应不同的原生控件属性或资源键，直接自定义这个键无法覆盖默认样式。以下是几种可行的解决方法：

方法1：使用Handler自定义（跨平台推荐） #

通过.NET MAUI Handler获取各平台原生控件，直接修改下拉框背景色。

1.1 注册Handler（在MauiProgram.cs中） #

builder.ConfigureMauiHandlers(handlers =>
{
#if ANDROID
    handlers.AddHandler<Picker, CustomPickerHandler>();
#elif IOS
    handlers.AddHandler<Picker, CustomPickerHandler>();
#elif WINDOWS
    handlers.AddHandler<Picker, CustomPickerHandler>();
#endif
});

1.2 实现各平台Handler #

Android平台

public class CustomPickerHandler : PickerHandler
{
    protected override void ConnectHandler(AppCompatEditText platformView)
    {
        base.ConnectHandler(platformView);
        // 修改Picker输入框背景
        platformView.SetBackgroundColor(Android.Graphics.Color.ParseColor("#464E51"));
        // 修改下拉选项列表背景（需配合自定义布局）
        var spinner = platformView as Android.Widget.Spinner;
        if (spinner?.Adapter is ArrayAdapter adapter)
        {
            adapter.SetDropDownViewResource(Resource.Layout.custom_spinner_item);
            // 在Resources/layout/custom_spinner_item.xml中设置背景色为#464E51
        }
    }
}

iOS平台

public class CustomPickerHandler : PickerHandler
{
    protected override void ConnectHandler(UITextField platformView)
    {
        base.ConnectHandler(platformView);
        // 修改下拉选择器背景
        var pickerView = new UIPickerView();
        pickerView.BackgroundColor = UIKit.UIColor.FromHexString("#464E51");
        platformView.InputView = pickerView;
        // 修改顶部工具栏背景
        var toolBar = new UIToolbar();
        toolBar.BackgroundColor = UIKit.UIColor.FromHexString("#464E51");
        platformView.InputAccessoryView = toolBar;
    }
}

Windows平台

public class CustomPickerHandler : PickerHandler
{
    protected override void ConnectHandler(ComboBox platformView)
    {
        base.ConnectHandler(platformView);
        // 修改下拉列表背景色
        platformView.DropDownBackground = new Microsoft.UI.Xaml.Media.SolidColorBrush(
            Microsoft.UI.Colors.FromArgb(255, 70, 78, 81)
        );
    }
}

方法2：修改平台特定资源字典 #

Windows平台（在App.xaml中） #

直接覆盖系统默认资源键：

<SolidColorBrush x:Key="ComboBoxDropDownBackgroundBrush" Color="#464E51"/>

Android平台 #

在Resources/drawable下创建custom_picker_bg.xml：

<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="#464E51"/>
    <corners android:radius="4dp"/>
</shape>

然后在Picker的XAML中引用该背景：

<Picker Background="@drawable/custom_picker_bg"/>

方法3：注意事项 #

• 你之前设置的TransparentBrush并非Picker下拉框的默认资源键，因此无法生效。
• 部分平台的Picker下拉框样式依赖原生控件，需针对性处理原生属性才能完全自定义。

内容的提问来源于stack exchange，提问作者Le Anh Xuan