Xamarin.Forms C# 选择器和元组列表不显示任何内容

Question

我的问题出在带有 C# for Android 项目的 Xamarin.Forms 中。 我正在尝试在选择器中显示元组列表以选择其中一个。我在 ObservableCollection ObservableCollection<(int ID, string Name)> BLA => new ObservableCollection<(int ID, string Name)>(); 中使用元组的 (int ID, string Name) 表示法。

遗憾的是，<Picker ItemsSource="{Binding BLA}" ItemDisplayBinding="{Binding Item2}"/> 和 <Picker ItemsSource="{Binding BLA}" ItemDisplayBinding="{Binding Name}"/> 都没有在选择弹出窗口中显示元组的名称属性。

像ObservableCollection<Tuple<int,string>> BLAT => new ObservableCollection<Tuple<int, string>>(); 这样的“旧”方式适用于<Picker ItemsSource="{Binding BLAT}" ItemDisplayBinding="{Binding Item2}"/>。

Xamarin 尚不支持元组的第一种方式还是我必须先设置一些东西？

Answer 1

Picker 也可以通过使用数据绑定将其 ItemsSource 属性绑定到 IList 集合来填充数据。

请注意，ItemsSource 集合中的每个项目都是对象类型，因此必须转换为字符串才能显示。

通常，我创建一个模型类，其中包含一些属性，以在 xaml 中进行绑定。

 public class model
{
    public int Id { get; set; }
    public string Name { get; set; }
}

 public partial class Page2 : ContentPage
{
    public ObservableCollection<model> listdata { get; set; }
    public Page2()
    {
        InitializeComponent();
        listdata = new ObservableCollection<model>()
        {
            new model(){Id=1,Name="model 1"},
            new model(){Id=2,Name="model 2"},
            new model(){Id=3,Name="model 3"},
            new model(){Id=4,Name="model 4"}
        };
        this.BindingContext = this;
    }
}

当绑定到对象列表时，必须告诉 Picker 显示每个对象的哪个属性。这是通过将ItemDisplayBinding 属性设置为每个对象的所需属性来实现的。在上面的代码示例中，Picker 被设置为显示每个 model.Name 属性值。

<Picker
            Title="Select a model"
            ItemDisplayBinding="{Binding Name}"
            ItemsSource="{Binding listdata}"
            TitleColor="Red" />

更新：

如果不想使用自定义类，可以使用 Dictionary 来存储数据。

 public partial class Page2 : ContentPage
{      
    public static  Dictionary<string, int> colors { get; }= new Dictionary<string, int>
    {
        { "model1", 6 },
        { "model2", 1 },
        { "model3", 2 },
        { "model4", 3 },
        { "model5", 4 },
        { "model6", 5 }
    };
    public List<string> Colors { get; } = colors.Keys.ToList();

  
    public Page2()
    {
        InitializeComponent();
     
        this.BindingContext = this;
    }
}

  <Picker
            Title="Select a model"
            ItemsSource="{Binding Colors}"
            TitleColor="Red" />