c# - 如何动态绑定(bind)两个 ViewModel 的公共(public)属性？ (MVVM，ViewModel-First)

Question

ViewModel1 通过导入包含数据值及其距离的 .csv 文件从模型动态获取数据源。 ViewModel1 有两个参数化构造函数。它创建一个散点系列并将其存储在系列集合中。

private IEnumerable<Series> _myScatterSeries = new Collection<Series>(); 

使用 DataTemplates 创建 View1 以响应 ViewModel1。 View1 绑定(bind)到 ViewModel1 的 MyScatterSeries 属性，并在散点图中显示系列表示。
View1.xaml:

<Grid Loaded="Grid_Loaded">
   <ext:ChartExtension Style="{StaticResource ChartStyle1}" SeriesSource="{Binding MyScatterSeries}" />
</Grid>

我想创建一个新的 View 窗口 (View2)，当我打开 View2 窗口时，它应该动态加载由 ViewModel1 创建的相同散点图系列。我尝试在 View2 中使用上面相同的代码，但它只显示图表，但现在是系列数据点。如何将 ViewModel1 的 MyScatterSeries 属性动态绑定(bind)到 View2？

我不能使用以下内容，因为它在构造函数参数方面存在问题。View2.xaml-

<UserControl.DataContext>
    <vm:ViewModel1/>
</UserControl.DataContext>

我也尝试过使用 DataTemplate，添加堆栈面板并包装两个 View ，但它不起作用。

因为它是 ViewModel-First 方法，所以我为 View2 创建了一个新的 ViewModel (ViewModel2)。但我不知道如何使用代码将 ViewModel1 的 MyScatterSeries 绑定(bind)到 ViewModel2。另外，我可以使用与 View1 相同的代码在 View2 中显示散点系列吗？

Answer 1

我的第一个想法是拥有一个包含 ViewModel1 和 ViewModel2 的 ApplicationViewModel，并控制同步数据。

这是一个非常粗略的例子，应该能给你大概的想法

public class ApplicationViewModel
{
    ViewModel1 ViewModel1 { get; set; }
    ViewModel2 ViewModel2 { get; set; }

    public ApplicationViewModel()
    {
        ViewModel1 = new ViewModel1(someParameters);
        ViewModel2 = new ViewModel2(otherParameters);

        ViewModel1.PropertyChanged += VM1_PropertyChanged;
    }

    private VM1_PropertyChanged(object sender, PropertyChangedEventArgs e)
    {
        if (e.PropertyName == "ScatterSeries")
            ViewModel2.ScatterSeries = ViewModel1.ScatterSeries;
    }    
}

如果你愿意，你也可以使用同样的技术让两个对象指向同一个对象(不知道用户如何更新或维护这些数据)

public class ApplicationViewModel
{
    ViewModel1 ViewModel1 { get; set; }
    ViewModel2 ViewModel2 { get; set; }

    private IEnumerable<Series> _myScatterSeries;

    public ApplicationViewModel()
    {
        _myScatterSeries = new Collection<Series>(); 

        ViewModel1 = new ViewModel1(someParameters, _myScatterSeries);
        ViewModel2 = new ViewModel2(otherParameters, _myScatterSeries);
    }   
}

另一种选择是使用某种消息传递系统在 VM1 数据更改时广播消息，VM2 将订阅这些消息并控制同步数据。这是一个很大的主题，但我在我的博客上有一个快速概述 Communication between ViewModels with MVVM如果你有兴趣

最后，假设没有其他差异，您只需确保 View1 和 View2 都将其 DataContext 设置为 ViewModel1。例如，

<DataTemplate x:Key="View1"> 
    <vw:View1/> 
</DataTemplate> 
<DataTemplate x:Key="View2"> 
    <vw:View2 /> 
</DataTemplate>

...

<ContentControl Content="{Binding ViewModel1}" ContentTemplate="{StaticResource View1}" />
<ContentControl Content="{Binding ViewModel1}" ContentTemplate="{StaticResource View2}" />

我没有看到您的 .DataContext 在上面的代码中是如何设置的，因此无法为此提供任何相关的代码示例，但它始终是一个选项。