c# - 使用数据绑定(bind)从 UI 更改数据

Question

我对 Windows 10 编程中数据绑定(bind)的理解是 GUI 可以反射(reflect)数据变化，也可以操作数据。我错了吗？

我有在 App 中定义的自定义数据列表。

public static ObservableCollection<Screen> screens;

Screen的结构是这样的

public class Screen : INotifyPropertyChanged
{
    private string name;
    public string Name 
    {
        get { return this.name; }
        set 
        {
            if (this.name != value)
            {
                this.name = value;
                this.NotifyPropertyChange("Name")
            } 
        }
    }

    public bool Enabled { /* same as Name*/ }

    public event PropertyChangedEventHandler PropertyChanged;

    public void NotifyPropertyChanged(string propName)
    {
        if (this.PropertyChanged != null)
        {
            this.PropertyChange(this, new PropertyChangeEventArgs(propName));
        }
    }
}

在我的一个页面中，比方说 page1，我在 xaml 中定义了一个列表框

<ListBox Name="screenListBox">
    <ListBox.ItemTemplate>
        <DataTemplate>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="100">
                <ColumnDefinition Width="*">
            </Grid.ColumnDefinitions>
            <CheckBox IsChecked="{Binding Enabled}">
            <TextBox Grid.Column="1" Text="{Binding Name}">
        <DataTemplate>
    <ListBox.ItemTemplate>
</ListBox>

然后我将列表框绑定(bind)到 App 中的屏幕列表

screenListBox.ItemsSource = App.screens

在page1的构造函数中，我实例化了2个屏幕

App.screens = new ObservableCollection<Screen>() { /*some initial list*/ };

还有另一个页面，比方说 page2，单击一个按钮从 page1 导航到 page2，因为屏幕在应用程序和公共(public)静态中。所以在 page2 中我可以访问它们。

this.Frame.Navigate(typeof(Page2), null); 

问题是在我通过第 1 页上的 GUI 进行一些更改后，它们不会反射(reflect)回 App 中的屏幕列表。一个例子是，如果我更改了 page1 列表中第一项的名称，然后在页面切换之前设置了一个断点，我可以看到屏幕列表没有改变。我还尝试使用复选框点击处理程序并手动更新 isEnable 属性。但是我在列表中似乎找不到复选框对应的索引。

任何帮助将不胜感激!谢谢。

编辑:使屏幕继承自 INotifyPropertyChanged。

编辑:使用 ObservableCollection 而不是 List

编辑:无法在其事件处理程序中计算出点击复选框的索引

Answer 1

我认为所有其他人的建议都有帮助。 @Justin XL 指出了如何使它反射(reflect)到后端对象/集合的要点。

使绑定(bind)双向。有两种情况:

1. 如果您只想反射(reflect)对 Name 和 Enabled 等属性的更改。只需进行以下更改:

   <CheckBox IsChecked="{Binding Enabled, Mode=TwoWay}"/>
   <TextBox Grid.Column="1" Text="{Binding Name, Mode=TwoWay}"/>
   

2. 如果您想像添加/删除操作一样反射(reflect)到集合中，请使用对 itemssource 属性的自定义绑定(bind)，如下所示:

   Binding sbinding = new Binding();
   sbinding.Source = App.screens;
   sbinding.Mode = BindingMode.TwoWay;
   screenListBox.SetBinding(ItemsControl.ItemsSourceProperty, sbinding);
   

我已经在我这边测试了你的场景，它运行良好。