多个视图共享相同的数据，多个线程之间的双向数据绑定

问题描述 投票：2回答：2

UWP app（mvvm架构）我有一个MainView，它的ViewModel中有一个集合，用于绑定到MainView上的GridView，每个项目都有一个带有2路数据绑定的TextBox，带有Note类的Description属性。

每个gridviewitem的TextBox的Xaml。

<TextBlock Text="{x:Bind Description,Mode=TwoWay}"

用于绑定到gridview的ItemSource的Collection属性。

public ObservableCollection<Note> Notes { get; }

这是课堂笔记

public class Note : Observable
{
    private string _description;
    public string Description
    {
        get => _description;
        set => Set(ref _description, value, nameof(Description));
    }        
}

Observable类用于双向数据绑定帮助。

public class Observable : INotifyPropertyChanged
{
    public event PropertyChangedEventHandler PropertyChanged;

    protected void Set<T>(ref T storage, T value, [CallerMemberName]string propertyName = null)
    {
        if (Equals(storage, value))
        {
            return;
        }

        storage = value;
        OnPropertyChanged(propertyName);
    }

    protected void OnPropertyChanged(string propertyName) => PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
}

现在，这一点上的所有内容都完美无缺，当我更改文本框中的文本时，它也会更改Description的值。

第二视图

现在我有一个功能，其中每个GridViewItem都有一个按钮，在新窗口中打开Note。这个新窗口只有1个TextBox，所以现在第二个视图和打开该视图的GridViewItem使用的是Note的同一个对象。

辅助视图中的此TextBox还具有与注释描述的双向数据绑定。

问题

我想要的是无论是gridview中的文本框还是辅助视图上的文本框都是编辑的，描述的值必须在这两个文本框之间保持同步，这就是为什么我试图将它们与注释的相同对象进行双向绑定，因此相同描述对象绑定到它们。

这里的错误是我的编组线程错误，所以每当我尝试更改任何文本框的值时，它都会尝试更新其他视图（这是另一个线程）的UI，这是不允许的。

我知道CoreDisptcher

我已经知道UWP的Dispatcher功能用于安全的跨线程通信，我已经完成了所有设置，如果我从普通方法使用它，我可以轻松地将它用于跨线程UI更新，它完全有效。但我的问题是以下几行：

protected void OnPropertyChanged(string propertyName) => PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));\

尝试调用PropertyChanged时发生异常我尝试在Dispatcher中包装以下行：

OnPropertyChanged(propertyName);

但是INotify接口不允许我有一个Set <>方法返回一个Task而不是只需要返回一个对象，这就是我被困住的地方，我不知道如何在这个场景中使用Dispatcher，请让我知道如果有更好的方法来做到这一点，似乎这种方式可能不那么有效。谢谢。

c# multithreading uwp dispatcher multiviews
2个回答
5
投票

在这种情况下，最好的解决方案是为每个窗口设置一组单独的INotifyPropertyChanged实例，并在MvvmLight中使用某种类型的消息传递解决方案，如EventHub，它发布基础模型已更改且所有相关方都应更新其实例的消息。

另一种选择是创建一个基本模型类，它为每个UI线程维护一个INotifyPropertyChanged实例的字典（因此它将是一个Dictionary<Dispatcher, YourModelClass>。现在，父级会订阅每个子实例的PropertyChanged事件，一旦执行它就会传播事件使用适当的Dispatcher给其他孩子。

MarianDolinskýViewSpecificBindableClass还有一个非常有趣的实用程序类on his GitHub，它可能是一个解决方案，允许你在多个视图中拥有“单一”类，知道多个调度程序。我还没有尝试过，但看起来很有希望。

1
投票

所以我最终不得不采取一种完全不同的方法来集中MainView文本框的TextChanged事件和次要视图中的事件。

我基本上将主页上的文本框传递到辅助页面（辅助视图），然后订阅了它的TextChanged事件。我还在辅助视图上订阅了文本框的TextChanged事件，然后在反向调度程序的帮助下，我能够在两个窗口之间同步文本，没有任何问题。

注意：始终确保在辅助窗口关闭时取消订阅事件以防止内存泄漏。

private async void PipBox_TextChanged(object sender, TextChangedEventArgs e)
{
    string text = PipBox.Text;
    await CoreApplication.MainView.Dispatcher.AwaitableRunAsync(() =>
    {
        if (parentBox.Text != text)
            parentBox.Text = text;
    });
}
private async void ParentBox_TextChanged(object sender, TextChangedEventArgs e)
{
    string text = parentBox.Text;
    // the awaitablerunasync extension method comes from "Windows Community Toolkit".
    await _viewLifetimeControl.Dispatcher.AwaitableRunAsync(() =>
    {
        if (ViewModel.MyNote.Description != text)
            ViewModel.MyNote.Description = text;
    });
}

请注意，我仍然在两个文本框上都有双向数据绑定，并且它不会导致任何异常，因为我对两个视图使用了两个不同的Note实例。

<TextBox Text="{x:Bind ViewModel.MyNote.Description, Mode=TwoWay}"
                 x:Name="PipBox"/>

但是因为我在两个文本框上都有双向数据绑定，所以我可以轻松地将两个Note实例同时保存在不同的线程上。

我将保留github回购，以防它可以帮助其他人：https://github.com/touseefbsb/MultiWindowBindingSync

P.S：特别感谢Martin Zikmund帮我解决了这个问题。

最新问题
© www.soinside.com 2019 - 2024. All rights reserved.