MAUI中Picker.Behavior的正确用法及样式复用问题

问题1：Picker未选中项时的验证Behavior实现 #

你之前用的TextValidationBehavior仅适配Entry这类依赖Text属性的控件，Picker的选中状态由SelectedIndex或SelectedItem控制，因此需要自定义专属的验证Behavior：

1. 自定义PickerValidationBehavior类：

public class PickerValidationBehavior : Behavior<Picker>
{
    public static readonly BindableProperty IsValidProperty =
        BindableProperty.Create(nameof(IsValid), typeof(bool), typeof(PickerValidationBehavior), true);

    public bool IsValid
    {
        get => (bool)GetValue(IsValidProperty);
        set => SetValue(IsValidProperty, value);
    }

    protected override void OnAttachedTo(Picker picker)
    {
        base.OnAttachedTo(picker);
        picker.SelectedIndexChanged += OnPickerSelectedIndexChanged;
        Validate(picker); // 初始化验证状态
    }

    protected override void OnDetachingFrom(Picker picker)
    {
        base.OnDetachingFrom(picker);
        picker.SelectedIndexChanged -= OnPickerSelectedIndexChanged;
    }

    private void OnPickerSelectedIndexChanged(object sender, EventArgs e)
    {
        if (sender is Picker picker) Validate(picker);
    }

    private void Validate(Picker picker)
    {
        // 根据业务需求选择判断逻辑：选中索引≥0 或 选中项不为空
        IsValid = picker.SelectedIndex >= 0;
    }
}

2. XAML中使用并关联样式：

<Picker Title="请选择">
    <Picker.Behaviors>
        <local:PickerValidationBehavior x:Name="PickerValidation" />
    </Picker.Behaviors>
    <Picker.Style>
        <Style TargetType="Picker">
            <Style.Triggers>
                <DataTrigger TargetType="Picker" 
                             Binding="{Binding Source={x:Reference PickerValidation}, Path=IsValid}" 
                             Value="False">
                    <Setter Property="BorderColor" Value="Red" />
                    <!-- 若Picker搭配Label使用，可在此绑定Label的TextColor属性实现标签变红 -->
                </DataTrigger>
            </Style.Triggers>
        </Style>
    </Picker.Style>
</Picker>

如果要绑定ViewModel的isNavioValid属性，需确保绑定模式为双向，且ViewModel实现INotifyPropertyChanged：

<local:PickerValidationBehavior IsValid="{Binding isNavioValid, Mode=TwoWay}" />

问题2：全局复用验证样式的解决方案 #

在App.xaml中直接用x:Reference引用Behavior会失效，因为全局资源是模板化的，x:Reference仅能引用当前XAML范围内的实例。推荐两种解决思路：

方案1：绑定控件自身的Behaviors集合 #

在App.xaml中定义通用样式，通过绑定定位到控件上的验证Behavior：

<!-- App.xaml的Resources节点内 -->
<Style x:Key="ValidatablePickerStyle" TargetType="Picker">
    <Style.Triggers>
        <DataTrigger TargetType="Picker" 
                     Binding="{Binding Behaviors[0].IsValid, RelativeSource={RelativeSource Self}}" 
                     Value="False">
            <Setter Property="BorderColor" Value="Red" />
        </DataTrigger>
    </Style.Triggers>
</Style>

注：Behaviors[0]假设验证Behavior是控件的第一个Behavior，若存在多个Behavior，建议改用附加属性方案。

方案2：使用附加属性传递验证状态 #

1. 创建附加属性类：

public static class ValidationAttachedProperties
{
    public static readonly BindableProperty IsValidProperty =
        BindableProperty.CreateAttached("IsValid", typeof(bool), typeof(ValidationAttachedProperties), true);

    public static bool GetIsValid(BindableObject view)
    {
        return (bool)view.GetValue(IsValidProperty);
    }

    public static void SetIsValid(BindableObject view, bool value)
    {
        view.SetValue(IsValidProperty, value);
    }
}

2. 修改PickerValidationBehavior，验证时同步设置附加属性：

private void Validate(Picker picker)
{
    bool isValid = picker.SelectedIndex >= 0;
    IsValid = isValid;
    ValidationAttachedProperties.SetIsValid(picker, isValid);
}

3. 在App.xaml中定义全局样式：

<Style x:Key="ValidatablePickerStyle" TargetType="Picker">
    <Style.Triggers>
        <DataTrigger TargetType="Picker" 
                     Binding="{Binding (local:ValidationAttachedProperties.IsValid), RelativeSource={RelativeSource Self}}" 
                     Value="False">
            <Setter Property="BorderColor" Value="Red" />
        </DataTrigger>
    </Style.Triggers>
</Style>

4. 页面中引用样式即可：

<Picker Style="{StaticResource ValidatablePickerStyle}" Title="请选择">
    <Picker.Behaviors>
        <local:PickerValidationBehavior />
    </Picker.Behaviors>
</Picker>

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