在 tabitems 中加载列表框 - 使用哪个事件？

Question

假设我有一个包含一个窗口的应用程序。窗口内部是一个选项卡控件，带有三个选项卡项。每个 tabitem 内部都有一个用户控件。

在一个选项卡中我有“添加颜色”。在下一个选项卡中，我添加了水果。在第三个选项卡中，我有关系，用户可以在水果和颜色之间添加链接。这种关系显示在一个列表框中，如下所示：

Apple > Red
Pear  > Green

在同一选项卡的下面，我缺少水果列表框和缺少颜色列表框...即已添加但未在关系中链接的水果或颜色。我应该解释一下，这些数据全部存储在三个单独的文本文件中：fruits.txt、colors.txt 和relationships.txt。

我遇到的问题如下。目前，列表框等的填充是在 Usercontrol_loaded 事件上进行的。水果/颜色并不重要，因为单击添加按钮后，列表会重新加载。问题出在关系屏幕上。

假设用户运行该程序，然后单击关系选项卡以查看链接的内容。我们会说上面的例子已经在文本文件中。这样，这种关系就显现出来了——并且没有遗漏任何成果。然后，用户单击水果选项卡并添加水果，然后单击颜色选项卡并添加颜色。然后移至关系选项卡。 usercontrol_loaded 事件已经发生，因此这两个新添加的内容不会显示在列表框中。

如果我将代码移至 GotFocus 事件，用户将无法在任何列表框中进行选择，因为它会不断加载，因为单击会触发该事件。

除了提供刷新按钮之外，还有其他事件或方式可以在选项卡“切换到”时进行刷新吗？

感谢您的阅读。

...

编辑1：如果我将数据绑定到我在代码隐藏中构建的缺失水果列表，我仍然遇到同样的问题。每次他们跳出此选项卡并返回到它时，我都必须重新加载此列表（因为他们可能添加了水果或颜色，但现在丢失了）。

Answer 1

您需要了解 MVVM 和更改通知的工作原理。如果您要跟踪绑定到 UI 的视图模型类中的可观察集合中的所有内容，则完全不需要使用事件或代码隐藏。

正如 wwosik 建议的那样，创建一个公开 Colors、Fruits 和 Relationships 属性的类，这些属性都是可观察的集合。正如她/他没有建议但可能应该这样做一样，还公开了公共 MissingColors 和 MissingFruits 可观察集合。最后，公开公共 SelectedColor 和 SelectedFruit 属性。

创建绑定控件：

<ListBox ItemsSource="{Binding Colors}" SelectedItem="{Binding SelectedColor}"/>
<ListBox ItemsSource="{Binding Fruits}" SelectedItem="{Binding SelectedFruit}"/>
<ListBox ItemsSource="{Binding Relationships}"/>
<ListBox ItemsSource="{Binding MissingColors}"/>
<ListBox ItemsSource="{Binding MissingFruits}"/>

实现一个 AddRelationship 方法，该方法添加由 SelectedColor 和 SelectedFruit 组成的新关系。它还应该从相应的 MissingColors 和 MissingFruits 集合中删除颜色和水果。创建一个调用此方法的命令并将其绑定到 UI 中的某些内容。

就是这样。任何选项卡上的内容并不重要。用户查看事物的顺序并不重要。当用户添加关系、水果或颜色时，UI 将更新。

Answer 2

您需要将列表框绑定到 ViewModel 中的数据。这样，WPF 框架就可以取代对更新数据时刻的检测。

Answer 3

WPF 不是 WinForm。您不需要自己填充列表框。

你有

class MyData{
   ObservableCollection<Color> Colors;
   ObservableCollection<Fruit> Fruits;
   ObservableCollection<Pairs> Pairs;

   public void MatchCurrentSelection(){
        var selectedColor = CollectionViewSource.GetDefaultView(Colors).CurrentItem;
        var selectedFruit = CollectionViewSource.GetDefaultView(Fruits).CurrentItem;
        if(selectedColor != null && selectedFruit != null){
             Colors.Remove(selectedColor);
             Fruits.Remove(selectedFruit);
             Pairs.Add(new Pair(selectedColor, selectedFruit));
        }
   }
} 

列表框

<ListBox ItemsSource="{Binding Colors}" IsSynchronizedWithCurrentItem="true"/>
<ListBox ItemsSource="{Binding Fruits}" IsSynchronizedWithCurrentItem="true"/>
<ListBox ItemsSource="{Binding Pairs}"/>