c# - ItemsControl 在数据更改为 ObservableCollection 属性后不更新

Question

我有以下测试代码……XAML:

<Page
    x:Class="Test.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:Test"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:data="using:Test"
    mc:Ignorable="d">

    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>

        <Button Name="StartButton" Content="Start" Click="StartButton_Click" Height="30" Width="200"/>

        <ItemsControl Grid.Row="1" Background="Gray" ItemsSource="{x:Bind RowItems}">
        <ItemsControl.ItemTemplate>

                <DataTemplate x:DataType="data:MyData">
                    <StackPanel Orientation="Horizontal">
                        <TextBlock Text="{x:Bind FirstName}" Margin="10,0,5,0"/>
                        <TextBlock Text="{x:Bind Surname}"/>
                    </StackPanel>
                </DataTemplate>
            </ItemsControl.ItemTemplate>
        </ItemsControl>
    </Grid>
</Page>

代码隐藏:

namespace Test
{
    public class MyData
    {
        public string FirstName { get; set; }
        public string Surname { get; set; }
    }

    public class LoadData
    {
        public static void Get_RowItems(ObservableCollection<MyData> Items)
        {
            Items.Add(new MyData() { FirstName = "John", Surname = "Doe" });
        }
    }

    public sealed partial class MainPage : Page
    {
        private ObservableCollection<MyData> RowItems;

        public MainPage()
        {
            this.InitializeComponent();
            RowItems = new ObservableCollection<MyData>();
            LoadData.Get_RowItems(RowItems);
        }

        private void StartButton_Click(object sender, RoutedEventArgs e)
        {
            RowItems[0].FirstName = "Bill";
        }
    }
}

在运行时，ItemsControl 显示第一行数据 (John Doe)。

单击开始按钮时，基础数据更改为 Bill Doe(如预期的那样)

但是，ItemsControl 顽固地继续显示:John Doe

我已经阅读了很多与此类问题相关的文章，但似乎没有一个解决方案有效(如果我正确实现了它们)，所以现在我只见树木不见森林。

如有任何帮助，我们将不胜感激。

Answer 1

就像@Clemens 说的，你应该只实现 INotifyPropertyChanged事件在 MyData类的属性更改时通知 UI。

public class MyData:INotifyPropertyChanged
{
    //public string FirstName { get; set; }
    private string firstName;

    public string FirstName
    {
        get { return firstName; }
        set { firstName = value;
        OnPropertyChanged("FirstName");
        }
    }

    private string surName;

    public string Surname
    {
        get { return surName; }
        set { surName = value;
        OnPropertyChanged("Surname");

        }
    }

    //public string Surname { get; set; }

    public event PropertyChangedEventHandler PropertyChanged;
    public void OnPropertyChanged(string propertyName)
    {
        if (PropertyChanged != null)
        {
            PropertyChanged(this, new PropertyChangedEventArgs(propertyName));
        }
    }
}

您没有修改 ObservableCollection本身(例如添加/删除项目)但项目 INSIDE 该集合。 ObservableCollection负责通知其自身的更改，而不是与其项目有关的更改。您应该在 setter 中通知 PropertyChange("EachYourProperty")你的MyData类和您的 UI 将更新。

并更改您的 TextBlock 的绑定(bind)和“Surname”属性为“OneWay”，因为默认情况下它设置为“OneTime”:

<TextBlock Text="{x:Bind FirstName, Mode=OneWay}" Margin="10,0,5,0"/>
<TextBlock Text="{x:Bind Surname, Mode=OneWay}"/>

As MSDN says :

单向 - 当绑定(bind)源(source)改变时更新绑定(bind)目标(target)属性。如果被绑定(bind)的控件是隐式只读的，则这种类型的绑定(bind)是合适的。

一次性 - 在应用程序启动或数据上下文更改时更新绑定(bind)目标。如果您正在使用适合使用当前状态快照或数据真正静态的数据，则这种类型的绑定(bind)是合适的。

更新 1:

如果你在更改ObservableCollection<T>的item后有耗时操作，比较耗时的操作最好在非UI线程执行:

 private void Button_Click(object sender, RoutedEventArgs e)
    {
        coll[0].FirstName = "Bill";
        Task.Run(()=> {
               Thread.Sleep(5000);
               MessageBox.Show("");
                       });
    }