c# - 如何在使用 MVVM 模式时继承 WPF 中的 View ？

Question

我对 WPF 和 MVVM 模式有些陌生。这是我的情况。我的应用程序看起来类似于 Outlook (2007)。有一个带有编辑器列表的左侧导航 Pane ，以及一个右侧内容 Pane ，其中编辑器将显示在选项卡中。我的一些编辑器的外观非常相似。他们将有一个顶部 Pane ，其中包含要编辑的项目网格。选择一个项目后，底部 Pane 将显示一个带有文本框、组合框等的表单样式编辑器。我想将这些编辑器的基本功能封装在一个基类中。但是，据我所知，您不能继承 XAML。我看到有人提到的一种解决方案是创建没有 XAML(只有 .cs 文件)的基本 UserControl 类。然后，我的每个编辑器的 View 都可以继承它并合并特定于编辑器的项目——尤其是底部的编辑 Pane 。每个编辑器都有自己的 View 模型，但他们也会继承公共(public) View 模型基类。这是一个好的解决方案还是有更好的方法。

编辑:

所以我的下一个问题是如何？我创建了以下动态创建 3 行的基类(没有 XAML)。第一行包含一个 DataGrid。基类将定义网格，但子类将设置绑定(bind)。第二行仅包含一个网格拆分器。而且，第三行是空的。这是特定编辑器将放置其自己的用户控件的位置。

public class BaseEditor : UserControl
{
  public BaseEditor()
  {
    RowDefinition gridRow = new RowDefinition();
    RowDefinition splitterRow = new RowDefinition();
    RowDefinition editorRow = new RowDefinition();

    _userControlsGrid.RowDefinitions.Add(gridRow);
    _userControlsGrid.RowDefinitions.Add(splitterRow);
    _userControlsGrid.RowDefinitions.Add(editorRow);

    EditorGrid = new DataGrid();
    Grid.SetRow(EditorGrid, 0);
    _userControlsGrid.Children.Add(EditorGrid);

    GridSplitter gridSplitter = new GridSplitter();
    Grid.SetRow(gridSplitter, 1);
    _userControlsGrid.Children.Add(gridSplitter);

    AddChild(_userControlsGrid);
  }
}

然后，我尝试创建一个继承自 BaseEditor 的特定编辑器。我已将 cs 文件中的基类设置为 BaseEditor，并且我还将 xaml 中的开始/结束标记设置为 BaseEditor。

我在特定编辑器的设计器中看到了控件。然而，我很快发现这不是我所期望的。如果我开始在特定编辑器的 XAML 中添加内容，它不会进入第三行。所以，我错过了一些东西。在 Windows 窗体中，您可以使用属性创建内容区域，而设计人员只能编辑该区域。我如何在 WPF 中做类似的事情，以便所有内容都进入第三行？

Answer 1

我认为这更像是一组包装控件，每个控件都有一个内容部分。

如果您将其更像是一个“按钮”，那么您就可以理解我的意思了。 WPF 按钮具有特定的样式和布局，当您粘贴 <Button>Content</Button> 时会调用该样式和布局在你的 XAML 中。每个按钮还有一个 Content 部分，用于确定在 XAML 中呈现指定内容的位置。您可以构建通用布局，使其“只是一个控件”，就像一个按钮，但具有内置的通用功能。

然后，您可以在每一个中添加您的特定内容。您的控件不需要是它自己的 View ，但它当然可以根据需要包含具有关联 ViewModel 的 View 。

因此，您的工具 Pane 是一个带有虚拟机的 View ，其中有一些“工具”控件，用于通用布局。每个工具都有一个内容部分，其中包含每个工具的特定 View 控件。