使用声明式DataContext为运行时设计时间和数据模板连接MVVM视图和ViewModel?

Law*_*ley 6 .net wpf datacontext instantiation mvvm

是否可以使用Declarative DataContext和Data Template连接View和ViewModel?

目标:我希望将View与一个ViewModel连接起来用于设计时,另一个用于运行时.目前,对于设计时VM使用Declarative DataContext,为运行时使用Data-Template指定的VM不会按预期运行.

背景 - 有多种方法可以连接View和ViewModel,包括以下内容:

A.)以声明方式在View的XAML中指定ViewModel DataContext.这种技术在Design-Time中非常有用,它使用无参数构造函数传递伪数据.

<UserControl.DataContext>
    <my: BrowseAssetsViewModel />
</UserControl.DataContext>
Run Code Online (Sandbox Code Playgroud)

B.)以编程方式指定ViewModel,View和DataContext.

// …Setup code
BrowseAssetsViewModel viewModel = new BrowseAssetsViewModel(assetRegistry, domains);
BrowseAssetsView view = new BrowseAssetsView();
view.DataContext = viewModel;
Run Code Online (Sandbox Code Playgroud)

当方法B与方法A结合使用时,在运行时,WPF将使用ViewModel的版本覆盖方法A中指定的默认DataContext,并使用方法B中指定的参数化构造函数.

C.)为View-ViewModel关联定义数据模板 通过在App.XAML Application.Resources中关联View和ViewModel,WPF可以根据ViewModel的类型连接正确的View.

<DataTemplate DataType="{x:Type vm: BrowseAssetsViewModel }">
    <vw: BrowseAssetsView />
</DataTemplate>
Run Code Online (Sandbox Code Playgroud)

如果ViewModel属性绑定到ContentPresenter控件,WPF将连接相应的View(基于ViewModel的类型)并将其放在ContentPresenter中.这在ViewModel呈现的"ViewModel-first"场景中非常有用,WPF通过检查呈现的ViewModel类型来解析并连接正确的View.

问题 - 当将此方法C与方法A结合使用时,WPF会解析正确的视图,但它似乎会重新查询View,通过无参数构造函数(方法A)调用声明性指定的ViewModel,从而覆盖现有的ViewModel属性!

问题 - 有没有办法在没有A无意中覆盖C ViewModel属性的情况下一起使用这些技术(C和A)?

Ree*_*sey 8

您可以指定DataContext以防止A仅在设计时设置,如下所示:

<UserControl ...
    d:DataContext="{d:DesignInstance my:BrowseAssetsViewModel}"
>
Run Code Online (Sandbox Code Playgroud)

有关详细信息,请参阅在MSDN上使用DesignInstance ....

  • 此外,添加'IsDesignTimeCreatable = True',以便它显示在VS中.例如,d:DataContext ="{d:DesignInstance Type = local:BrowseAssetsViewModel,IsDesignTimeCreatable = True}" (3认同)