从 Viewmodel 访问视图

Question

我知道那是糟糕的设计，但我需要从我的视图模型中访问视图。这是因为我有一些旧控件，例如Winforms控件，不支持绑定，需要代码填充。

我正在使用 AvalonDock 2.0 的 MVVM 模型，并且有类似的东西：

   <ad:DockingManager x:Name="dockManager" 
                  DocumentsSource="{Binding Files}"
                  AnchorablesSource="{Binding Tools}"
        ActiveContent="{Binding ActiveDocument, Mode=TwoWay, Converter={StaticResource ActiveDocumentConverter}}">
        <ad:DockingManager.LayoutItemTemplateSelector>
            <local:PanesTemplateSelector>
                <local:PanesTemplateSelector.NavigationViewTemplate>
                    <DataTemplate>
                        <tvext:TreeViewExtended />
                    </DataTemplate>
                </local:PanesTemplateSelector.NavigationViewTemplate>
            </local:PanesTemplateSelector>
        </ad:DockingManager.LayoutItemTemplateSelector>

所以模板 NavigationViewTemplate 绑定到集合 Tools 中的一项，这是我的 NavigationViewModel 类型的 ViewModel。

我没有绑定问题，例如一个文本框到我的视图模型的一个属性。但我不知道如何从 NavigationViewModel 访问模板内的 tvext:TreeViewExtended 控件以填充它。

TIA 迈克尔

Answer 1

是的，我不喜欢让 ViewModel 知道视图，但既然你问了，这里有个想法：

 1. Create an interface for your View (if you haven't already) and add whatever functionality to that interface that you need access to from the ViewModel. Lets call it ISomeView
 2. add/implement the interface on the View
 3. add property to the ViewModel ISomeView View {get;set;} 
 4. in the view depending where the ViewModel is being injected assign populate the ViewModel's property, for example you can do it on DataContextChanged:

    private void OnDataContextChanged (object sender, ...EventArgs e)
    {
         // making up your ViewModel's name as ISomeViewModel
         ((ISomeViewModel)sender).View = this;
     }

Answer 2

在您的视图模型中创建事件并在您的视图中订阅这些事件，因此视图和视图模型仍然没有强耦合，您会得到想要的。

Answer 3

我建议您不要从 ViewModel 访问 Winforms 控件。将与视图相关的所有内容保留在视图中。你可以这样做：

1. 创建一个 WPF 自定义控件，例如命名为TreeViewExtendedWrapper。 （有关如何创建自定义 WPF 控件的简短教程，请参阅 this article。

2. 在自定义控件的控件模板中（在 Themes\Generic.xaml 文件中），放置您的 Winforms 控件：

   <ControlTemplate TargetType="{x:Type local:TreeViewExtendedWrapper}">
       <Border Background="{TemplateBinding Background}"
           BorderBrush="{TemplateBinding BorderBrush}"
           BorderThickness="{TemplateBinding BorderThickness}">
           <tvext:TreeViewExtended />
       </Border>
   </ControlTemplate>
   

3. 将依赖属性添加到您需要绑定到 ViewModel 的所有 Winforms 控件属性的自定义控件中。

4. 还为您需要绑定到视图模型的所有命令添加依赖属性到您的自定义控件。

5. 在自定义控件的代码隐藏中编写 C# 代码，以将自定义控件的依赖属性连接到 Winforms 控件的属性、事件和方法。

6. 在您的数据模板中，使用任何必要的数据绑定放置您的自定义控件：

   <DataTemplate>
       <local:TreeViewExtendedWrapper MyProperty={Binding MyProperty}/> 
   </DataTemplate> 
   

通过这种方法，您可以使用数据绑定来连接 ViewModel 和 Winforms 控件，即您不会违反 MVVM 原则。