Xamarin 表单选择器值绑定

Question

绑定到选择器时，您可以使用ItemDisplayBinding 绑定显示的值，但我没有看到将每个项目映射到选择值的方法。因此，我不得不编写一些非常复杂的代码来使我的选择器与数据源更改保持同步。

原始模型

// NOTE: this implements INPC, just abbreviated for clarity
public class DataModel
{
  public ICollection<DataItem> Items;
  pubilc DataItem SelectedItem;
}

原始选择器：

<Picker Title="Select Item..." 
        ItemsSource="{Binding Items}"
        ItemDisplayBinding="{Binding Name}"
        SelectedItem="{Binding Path=SelectedItem}"></Picker>

新模型

// NOTE: this implements INPC, just abbreviated for clarity
public class DataModel
{
  public ICollection<DataItems> Items;
  public ICollection<string> ItemNames;
  public DataItem SelectedItem;
  public string SelectedItemName;
  public DataModel()
  {
     this.PropertyChanged += (s, e) => 
     {
       // I feel like I shouldn't have to do this...
       if(StringComparer.Ordinal.Equals(e.PropertyName, nameof(Items)))
       {
          if(!String.IsNullOrWhitespace(this.SelectedItemName))
          {
             this.SelectedItem = this.Items.FirstOrDefault(x => StringComparer.Ordinal.Equals(x.Name, this.SelectedItemName));
             if (this.SelectedItem == null) { this.SelectedItemName = null; }
          }
       }
  }
}

新选择器：

<Picker Title="Select Item..."
        ItemsSource="{Binding ItemNames}"
        SelectedItem="{Binding Path=SelectedItemName}"></Picker>

我希望能够做这样的事情：

<Picker Title="Select Item..."
        ItemsSource="{Binding Items}"
        ItemDisplayBinding="{Binding Name}"
        ItemValueBinding="{Binding Name}"
        SelectedItem="{Binding Path=SelectedItemName}"></Picker>

我不需要对项目的引用，我需要它的属性。这样，当 Items 集合更改时，如果它仍然存在，它会自动重新选择正确的项目。我发现我正在到处添加第二个集合，其中只有我想要选择的属性并进行所有这些映射。我工作过的所有其他平台，这很简单，所以我觉得我必须在 Xamarin.Forms 上遗漏一些东西。

Answer 1

我认为您不需要这样做。SelectedItem 属性数据绑定到已连接视图模型的 SelectedItem（在您的原始模型中）属性，该属性是 DataItem 类型。因此，当用户在 Picker 中选择一个项目时，SelectedItem 属性会自动设置为选中的 DataItem 对象。

您可以在其 SelectedIndexChanged 事件中对其进行测试，例如：

<Picker Title="Select Item..." 
    ItemsSource="{Binding Items}"
    ItemDisplayBinding="{Binding Name}"
    SelectedItem="{Binding Path=SelectedItem}"
    SelectedIndexChanged="Picker_SelectedIndexChanged">
 </Picker>

 private void Picker_SelectedIndexChanged(object sender, EventArgs e)
    {
        Picker picker = sender as Picker;
        DataItem dt = picker.SelectedItem as DataItem ;
        Console.WriteLine(dt.Name); // you will see when you select a item,the SelectedItem will be changed automatically
    }

我建议你使用ObservableCollection<Item> Items，这样当它发生变化时它会自动更新你的Items。