.NET MAUI MVVM中Picker的SelectedItem绑定失效问题排查

核心问题 #

你犯了绑定类型不匹配的错误：

• Picker的ItemsSource绑定的是ObservableCollection<Patio>，每个选项都是Patio对象
• 但你把SelectedItem绑定到了string类型的SelectedArea，MAUI无法自动把Patio对象转成字符串，直接导致绑定失效，属性始终为null

修正步骤 #

1. 调整ViewModel的SelectedArea类型 #

把SelectedArea改成Patio类型，两种实现方式的修正如下：

使用ObservableProperty特性（推荐）

[ObservableProperty]
private ObservableCollection<Patio> _patio = new();
[ObservableProperty, NotifyPropertyChangedFor(nameof(CanPost))]
private Patio _selectedArea;        
// 验证逻辑改成检查SelectedArea是否不为null
public bool CanPost => !string.IsNullOrEmpty(EntryChassi)
    && !string.IsNullOrEmpty(Cracha)
    && SelectedArea != null;

手动实现INotifyPropertyChanged

private Patio _selectedArea;
public Patio SelectedArea
{
    get => _selectedArea;
    set
    {
        if (_selectedArea != value)
        {
            _selectedArea = value;
            OnPropertyChanged(nameof(SelectedArea));
            OnPropertyChanged(nameof(CanPost)); // 手动触发CanPost的变更通知
        }
    }
}

// 验证逻辑
public bool CanPost => !string.IsNullOrEmpty(EntryChassi)
    && !string.IsNullOrEmpty(Cracha)
    && SelectedArea != null;

2. 保持XAML代码不变 #

你的Picker XAML无需修改，ItemDisplayBinding="{Binding Area}"依然能正常显示Patio对象的Area属性，SelectedItem="{Binding SelectedArea}"现在会正确绑定到Patio类型的属性。

3. 额外补充 #

如果后续需要单独获取选中的Area字符串值，可以在ViewModel里加个只读属性：

public string SelectedAreaText => SelectedArea?.Area ?? string.Empty;

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