.NET MAUI WinUI Picker边框修改及悬停文字变色问题咨询

一、修改/禁用WinUI Picker的外层边框 #

.NET MAUI的Picker在WinUI平台上实际映射的是WinUI的ComboBox控件，直接操作原生控件的边框属性即可实现需求，有两种常用方式：

1. 单个Picker页面内处理 #

在XAML中给Picker绑定HandlerChanged事件，然后在代码后台操作原生控件：

<Picker HandlerChanged="Picker_HandlerChanged" Title="选择项" />

对应的C#代码：

private void Picker_HandlerChanged(object sender, EventArgs e)
{
    if (sender is Picker picker && picker.Handler?.PlatformView is Microsoft.UI.Xaml.Controls.ComboBox comboBox)
    {
        // 禁用边框：设置边框厚度为0
        comboBox.BorderThickness = new Microsoft.UI.Xaml.Thickness(0);
        
        // 修改边框颜色：替换为目标颜色
        comboBox.BorderBrush = new Microsoft.UI.Xaml.Media.SolidColorBrush(Microsoft.UI.Colors.DarkBlue);
    }
}

2. 全局统一设置 #

如果需要所有Picker都应用相同的边框样式，可在MauiProgram.cs中自定义Handler并全局注册：

builder.ConfigureMauiHandlers(handlers =>
{
#if WINDOWS
    handlers.AddHandler<Picker, CustomWinUIPickerHandler>();
#endif
});

// 自定义Picker Handler类
public class CustomWinUIPickerHandler : PickerHandler
{
    protected override void ConnectHandler(Microsoft.UI.Xaml.Controls.ComboBox platformView)
    {
        base.ConnectHandler(platformView);
        // 全局设置边框样式
        platformView.BorderThickness = new Microsoft.UI.Xaml.Thickness(1);
        platformView.BorderBrush = new Microsoft.UI.Xaml.Media.SolidColorBrush(Microsoft.UI.Colors.Gray);
    }
}

二、鼠标悬停Picker时文字变色异常的原因及解决 #

异常原因 #

WinUI的ComboBox控件自带默认视觉状态（VisualState）配置，当鼠标悬停（PointerOver状态）时，原生控件会自动切换文字前景色，这个原生样式优先级高于MAUI层面设置的TextColor属性，因此出现文字变色异常。

解决方法 #

通过自定义WinUI的ComboBox样式，覆盖悬停状态的文字颜色设置：

1. 打开Platforms/Windows/App.xaml文件
2. 添加自定义样式资源：

<Application.Resources>
    <Style TargetType="ComboBox">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="ComboBox">
                    <Grid x:Name="LayoutRoot">
                        <!-- 保留默认模板的其他结构，仅修改视觉状态 -->
                        <VisualStateManager.VisualStateGroups>
                            <VisualStateGroup x:Name="CommonStates">
                                <VisualState x:Name="Normal"/>
                                <VisualState x:Name="PointerOver">
                                    <Storyboard>
                                        <!-- 修改悬停时的文字颜色为你需要的值 -->
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ContentPresenter" Storyboard.TargetProperty="Foreground">
                                            <DiscreteObjectKeyFrame KeyTime="0" Value="Black"/>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </VisualState>
                                <VisualState x:Name="Pressed"/>
                                <VisualState x:Name="Disabled"/>
                            </VisualStateGroup>
                        </VisualStateManager.VisualStateGroups>
                        <!-- 省略默认模板中的其他控件元素 -->
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
</Application.Resources>

提示：如果需要完整的默认ComboBox模板，可以从WinUI官方资源中复制后再修改对应状态的属性。

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