情况：

我想创建一个由 ViewModel 驱动的灵活应用程序。

基本流程是这样的：

1. 设计主ViewModel
2. 创建一个 UserControl 作为视图，并为主 ViewModel 创建一个 DataTemplate 以选择该视图
3. 如果有子组件，则由子 ViewModel 建模
4. 创建一个 UserControl 作为 View 和一个 DataTemplate 供子 ViewModel 选择该 View

如果需要呈现子视图模型，则可以通过 DataTemplate 来完成。

这个做法也可以看看here http://paulstovell.com/blog/mvvm-instantiation-approaches（选项 8）。

所以主窗口 xaml 看起来像这样：

<Window>
    <!-- somehow I need to add the mapping from ViewModel to View -->
    <Grid>
        <!-- the main ViewModel -->
        <ContentPresenter Content="{Binding Path=Content}"/>
    </Grid>
</Window>

The Content属性可能包含一个视图模型，其中包含名为的元素列表Children它关联的 DataTemplate 可能如下所示： 子项也可以通过合适的 DataTemplate 灵活呈现。

<UserControl>
    <Grid>
        <StackPanel>
            <!-- display the child ViewModels  in a list -->
            <ItemsControl ItemsSource="{Binding Path=Children}" />
         </StackPanel>
    </Grid>
</UserControl>

问题：

1. 我应该如何组织视图模型、视图及其数据模板，这样我就不需要在主窗口中对它们进行硬连线？

2. 然后我如何将其连接到主窗口？

3. 如果它是可存根的，那就太好了，即我可以在设计时使用设计时 dataContext 查看结果。

基本上我想捆绑 View、ViewModel 和 DataTemplate，并能够在不需要了解细节的应用程序中使用它们（例如，某些子 ViewModel 实现某个接口并注入到主 ViewModel 中）。

你有没有调查过Prism http://compositewpf.codeplex.com/.

该框架允许您在 UI 中定义可以注册视图的区域。我相信这回答了您的第二个问题 (2)。

xmlns:cal="http://www.codeplex.com/prism"

<Window>
   <!-- somehow I need to add the mapping from ViewModel to View -->
   <Grid>
      <!-- the main ViewModel -->
      <ContentPresenter cal:RegionManager.RegionName="MainRegion"/>
   </Grid>
</Window>

对于您的第一个问题（1），我们按以下方式构建我们的实体：

View - 我们有一个抽象基类，看起来类似于：

public abstract class ViewBase<T> : UserControl, IView<T> where T: IViewModel
{
    public T ViewModel
    {
        get
        {
            return this.viewModel;
        }
        protected set
        {
            this.viewModel = value;

            this.DataContext = this.viewModel;
        }
    }

    public ViewBase(IUnityContainer container)
    {
        this.ViewModel = container.Resolve<T>();
    }
}

然后，我们可以使用以下命令在 xaml 中创建视图：

<ui:ViewBase x:Class="MyView"
         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
         xmlns:ui="NAMESPACE FOR VIEWBASE"
         xmlns:vm="NAMESPACE FOR VIEWMODEL"
         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
         x:TypeArguments="vm:MYVIEWMODEL">

在视图的后面代码中，我们执行以下操作：

public partial class MyView : ViewBase<IMyViewModel>

然后，使用基类中的构造函数来解析 ViewModel 并将其设置为其 DataContext。

这样您就可以按照预期设计视图 (3)，并且不再需要 DataTemplate。

然后，我们使用 UnityContainer 注册视图，如下所示：

this.container.RegisterType<IMyView, MyView>();
this.container.RegisterType<IMyViewModel, MyViewModel>();

this.regionManager.RegisterViewWithRegion("MainRegion", typeof(IMyView));

请注意，此处的“MainRegion”与 MainWindow xaml 中指定的 RegionName 匹配。如果您想在同一区域显示多个视图，或者甚至将 MainWindow 分解为不同的区域，您可以进一步扩展它以使用 TabControl。

我希望这有帮助。