动态更新 DataTemplate 的源

Question

大家好，我正在 silverlight 中编写一个 Windows Phone 应用程序，并且我正在尝试动态更新现有的 DataTemplate 源。这是我拥有的 xaml：

    <ListBox Grid.Row="1" Height="607" HorizontalAlignment="Left" Name="listBox1" VerticalAlignment="Top" Width="480">
        <ListBox.ItemTemplate>
            <DataTemplate>
                <StackPanel Orientation="Horizontal" Height="132">
                    <StackPanel Width="370">
                        <TextBlock Text="{Binding Transcription}" Foreground="#FFC8AB14" FontSize="28" />
                        <TextBlock Text="{Binding Duration}" TextWrapping="Wrap" FontSize="24" />
                    </StackPanel>
                </StackPanel>
            </DataTemplate>
        </ListBox.ItemTemplate>
    </ListBox>

在其背后的 C# 中，我在主 init 函数中传递数据，如下所示：

        list.Add(new NoteToSelf { Transcription = "oh hi", Duration = "9001 seconds" });
        list.Add(new NoteToSelf { Transcription = "fgsfds", Duration = "$Texas seconds" });
        listBox1.ItemsSource = list;   

其中 list 是 List 集合。所有这些都非常有效 - 硬编码数据按预期显示在屏幕上。但是，当我尝试动态更新信息时，它悄然失败。如果我将一个操作绑定到运行此代码的按钮：

        list.Add(new NoteToSelf { Transcription = "FFUUUUUUUU", Duration = "LISTBOX, Y U NO UPDATE?" });
        listBox1.ItemsSource = list;

我希望它向集合中添加一个新元素，重新分配 DataTemplate 的源，然后使用新数据更新屏幕。然而事实并非如此。我该怎么做呢？

显然，这是 POC 代码，只是达到目的的一种手段，我现在只是希望获得动态更新的元素。另外，我很可能以错误的方式处理这个问题，如果有更好的方法从模板动态添加屏幕上的元素，那么听到它们将会非常有帮助。

谢谢大家。

Answer 1

您没有说明列表是什么类型，但我将假设它是一个普通的列表<>。为了更新 UI，它需要有某种通知机制。该框架通过 INotifyPropertyChanged 支持这一点。您可以在数据绑定类上实现 INotifyPropertyChanged，并在添加时手动更新，或使用实现它的容器。最简单的方法是将您的 List<> 替换为与 ObservableCollection<>。

    var list = new ObservableCollection<NoteToSelf>();
    list.Add(new NoteToSelf { Transcription = "oh hi", Duration = "9001 seconds" });
    list.Add(new NoteToSelf { Transcription = "fgsfds", Duration = "$Texas seconds" });
    listBox1.ItemsSource = list;