AvalonDock MVVM 动态视图

Question

我正在使用 Xceed.Wpf.AvalonDock 包（版本 3.5）中的 AvalonDock。对接管理器是我主要视图的一部分。有趣的部分在这里：

    <xcad:DockingManager Name="_dockingManager" Grid.Row="1" DataContext="{Binding DockingManagerViewModel}"
                     DocumentsSource="{Binding Documents}"
                     AnchorablesSource="{Binding Anchorables}" >

        <xcad:DockingManager.Resources>

            <DataTemplate DataType="{x:Type vm:DockingWindowViewModel}">
                <v:SampleDockWindowView />
            </DataTemplate>

        </xcad:DockingManager.Resources>

        <xcad:DockingManager.LayoutItemContainerStyle>
            <Style TargetType="{x:Type dockctrl:LayoutItem}" >
                <Setter Property="Title" Value="{Binding Model.Title}" />
                <Setter Property="CloseCommand" Value="{Binding Model.CloseCommand}" />
                <Setter Property="CanClose" Value="{Binding Model.CanClose}" />
            </Style>
        </xcad:DockingManager.LayoutItemContainerStyle>

    </xcad:DockingManager>

所以主视图模型包含一个可观察的集合（例如“文档”），我可以在其中动态添加视图模型。现在的问题是我对不同的视图模型有不同的视图，并且视图将在运行时添加。目前，视图是根据数据模板检索的：

    <xcad:DockingManager.Resources>

        <DataTemplate DataType="{x:Type vm:DockingWindowViewModel}">
            <v:SampleDockWindowView />
        </DataTemplate>

    </xcad:DockingManager.Resources>

如何更改此设置以获取基于相应视图模型的动态视图？

Answer 1

正如一些人已经在这里回答的那样，您需要添加一个模板选择器。 所以一个例子可能会驱使你。

假设您有 2 对名为

的视图/视图模型

MyDocViewA -> MyDocAViewModel

MyDocViewB -> MyDocBViewModel

在主视图 XAML 代码中，在您的 DockingManager 代码中，您需要像这样添加 LayoutItemTemplateSelector：

                <xcad:DockingManager.LayoutItemTemplateSelector>
                <s:PanesTemplateSelector>
                    <s:PanesTemplateSelector.MyDocViewATemplate>
                        <DataTemplate>
                            <p:MyDocViewA />
                        </DataTemplate>
                    </s:PanesTemplateSelector.MyDocViewATemplate>
                    <s:PanesTemplateSelector.MyDocViewBTemplate>
                        <DataTemplate>
                            <p:MyDocViewB />
                        </DataTemplate>
                    </s:PanesTemplateSelector.MyDocViewBTemplate>                        
            </xcad:DockingManager.LayoutItemTemplateSelector>

其中s 是您定义PanesTemplateSelector 的命名空间，如下所示：

    class PanesTemplateSelector : DataTemplateSelector
{
    public DataTemplate MyDocViewATemplate { get; set; }
    public DataTemplate MyDocViewBTemplate { get; set; }

    public override DataTemplate SelectTemplate(object item, DependencyObject container)
    {
        if (item is MyDocAViewModel)
            return MyDocViewATemplate;

        if (item is MyDocBViewModel)
            return MyDocViewBTemplate;
    }
}

假设MyDocAViewModel 是视图MyDocViewA 的ViewModel，MyDocBViewModel 是视图MyDocViewB 的ViewModel。

就是这样。现在您可以将MyDocAViewModel 和MyDocBViewModel 的实例添加到DockingManager 的可观察集合（例如“文档”）中，并将其分别绑定到MyDocViewA 和MyDocViewB。

Answer 2

视图到视图模型通常是一对一的映射，因此只需从 xaml 或代码或两者的组合中添加大量 DataTemplates...（每个模块和代码中的 xaml模块初始化程序将模块的 ResourceDictionary 合并到应用程序的 ResourceDictionary 中）。