.NET MAUI实现Picker绑定Dictionary并获取选中项Key的问题

你的核心问题是Picker的SelectedItem类型与ViewModel中SelectedDictOfMonths的类型不匹配，同时ItemDisplayBinding的路径设置错误。以下是两种可行的解决方案：

方案一：使用ViewModel中间属性（推荐） #

这种方法无需额外转换器，通过ViewModel的中间属性处理类型转换，逻辑更清晰：

1. 更新ViewModel代码 #

添加一个KeyValuePair<int, string>类型的属性，在其变更回调中同步更新SelectedDictOfMonths：

[ObservableProperty]
Dictionary<int, string> dictOfMonths = new Dictionary<int, string>()
{
    { 1, "January" },
    { 2, "February" },
    { 3, "March" },
    { 4, "April" },
    { 5, "May" },
    { 6, "June" },
    { 7, "July" },
    { 8, "August" },
    { 9, "September" },
    { 10, "October" },
    { 11, "November" },
    { 12, "December" },
};

[ObservableProperty]
int selectedDictOfMonths = 0;

// 新增中间属性
[ObservableProperty]
KeyValuePair<int, string> selectedMonth;

// 自动生成的属性变更回调
partial void OnSelectedMonthChanged(KeyValuePair<int, string> value)
{
    SelectedDictOfMonths = value.Key;
}

2. 修正XAML代码 #

设置ItemDisplayBinding为Value（显示月份名称），并将SelectedItem绑定到新增的SelectedMonth属性：

<Picker
    ItemsSource="{Binding DictOfMonths}"
    SelectedItem="{Binding SelectedMonth}"
    ItemDisplayBinding="{Binding Value}" />

方案二：使用值转换器 #

通过实现IValueConverter来完成KeyValuePair<int, string>与int之间的双向转换：

1. 创建转换器类 #

public class KeyValuePairToKeyConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        // 从KeyValuePair转为int（选中项同步到ViewModel）
        if (value is KeyValuePair<int, string> kvp)
        {
            return kvp.Key;
        }
        return 0;
    }

    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
    {
        // 从int转为KeyValuePair（ViewModel值同步到Picker）
        if (value is int key && BindingContext is YourViewModel vm)
        {
            if (vm.DictOfMonths.TryGetValue(key, out var monthName))
            {
                return new KeyValuePair<int, string>(key, monthName);
            }
        }
        return default;
    }
}

2. 引用转换器并修改XAML #

<ContentPage.Resources>
    <local:KeyValuePairToKeyConverter x:Key="KvpToKeyConverter" />
</ContentPage.Resources>

<Picker
    ItemsSource="{Binding DictOfMonths}"
    SelectedItem="{Binding SelectedDictOfMonths, Converter={StaticResource KvpToKeyConverter}}"
    ItemDisplayBinding="{Binding Value}" />

你之前写法的错误说明 #

• 尝试#1：未设置ItemDisplayBinding，Picker默认显示KeyValuePair.ToString()的结果（如[1, January]）；同时SelectedItem直接绑定到int类型的属性，类型不匹配导致绑定失效。
• 尝试#2：ItemDisplayBinding的路径错误，应直接绑定Value（每个列表项都是KeyValuePair，访问其Value属性即可获取月份名称），而非DictOfMonths.Values。

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