AvalonDock具有不同ObservableCollection的多个LayoutDocumentPane包含动态创建的UserControls

如何解决AvalonDock具有不同ObservableCollection的多个LayoutDocumentPane包含动态创建的UserControls

我有一个基于AvalonDock的UI，其中至少包含三个静态LayoutDocumentPanes。如何动态地用不同的UserControl集合填充这些窗格？ 我发现，我可以为整个DockingManager设置一个DocumentSource，然后可以使用此Collection生成所有窗格的元素。

我可以使用多个源集合，还是可以为每个LayoutDocumentPane过滤我的集合？

<xcad:DockingManager  
            DocumentsSource="{Binding MyUserControls1}">
          
            <xcad:DockingManager.Resources>
                <DataTemplate DataType="{x:Type local:MyUserControl}">
                        <local:MyUserControl/>   
                </DataTemplate>
            </xcad:DockingManager.Resources>

    <xcad:LayoutRoot>
        <xcad:LayoutPanel Orientation="Horizontal" >
            <xcad:LayoutPanel Orientation="Vertical" DockWidth="6*">
                <xcad:LayoutPanel Orientation="Horizontal">
                            <xcad:LayoutDocumentPaneGroup>
                                <xcad:LayoutDocumentPane>
                                <!-- UserControls from ObservableCollection 1-->
                                </xcad:LayoutDocumentPane>
                            </xcad:LayoutDocumentPaneGroup >
                            <xcad:LayoutDocumentPaneGroup>
                                <xcad:LayoutDocumentPane >
                                <!-- UserControls from ObservableCollection 2-->
                                </xcad:LayoutDocumentPane>
                            </xcad:LayoutDocumentPaneGroup >
                            <xcad:LayoutDocumentPaneGroup>
                                <xcad:LayoutDocumentPane >
                                <!-- UserControls from ObservableCollection 3-->
                                </xcad:LayoutDocumentPane>
                            </xcad:LayoutDocumentPaneGroup >
                </xcad:LayoutPanel>
            </xcad:LayoutPanel>
        </xcad:LayoutPanel>
     </xcad:LayoutRoot>

解决方法

要动态控制布局，必须实现ILayoutUpdateStrategy并将其分配给DockingManager.LayoutUpdateStrategy。每当您向DockingManager.DocumentsSource或DockingManager.AnchorablesSource添加项目时，都会调用此策略。您可以在添加内容之前或之后处理布局细节。

请注意，每个文档模型仍需要一个单独的DataTemplate（请参见examples）。 ILayoutUpdateStrategy仅处理布局，而不处理内容呈现。

您必须将所有不同类型的文档添加到公共源集合中。
我建议引入一个接口，例如IDocument，每种文档类型都必须实现该接口。这样可以将它们存储在类型为IDocument的通用集合中，并在迭代集合时启用多态性。
然后，您可以将ObservableCollection<IDocument>绑定到DockingManager.DocumentsSource。

以下示例还创建了所需的布局（由于分组约束）。因为会将错误的布局元素添加到LayoutPanel的{​​{1}}中，所以在添加内容之前 处理了布局。因此，在将文档分组的情况下，无需预先定义DockingManager.Layout：

LayoutUpdateStrategy.cs

LayoutRoot

MainWindow.xaml

public class LayoutUpdateStrategy : ILayoutUpdateStrategy
{
  #region Implementation of ILayoutUpdateStrategy

  public bool BeforeInsertAnchorable(
    LayoutRoot layout,LayoutAnchorable anchorableToShow,ILayoutContainer destinationContainer)
  {
    return false;
  }

  public void AfterInsertAnchorable(LayoutRoot layout,LayoutAnchorable anchorableShown)
  {
  }

  // Creates a new LayoutDocumentPane for each document model type.
  // All grouped documents will reside in a common LayoutDocumentPaneGroup.
  public bool BeforeInsertDocument(
    LayoutRoot layout,LayoutDocument documentToShow,ILayoutContainer destinationContainer)
  {
    if (destinationContainer?.FindParent<LayoutFloatingWindow>() != null)
    {
      // Return 'false' as the strategy hasn't performed any action
      return false;
    }

    LayoutDocumentPane existingDocumentsPane = layout.Descendents().OfType<LayoutDocumentPane>().FirstOrDefault(
      pane => pane.Children.Any(
        layoutDocument => layoutDocument.Content.GetType() == documentToShow.Content.GetType()));

    if (existingDocumentsPane != null)
    {
      existingDocumentsPane.Children.Add(documentToShow);
    }
    else
    {
      // Get the existing LayoutDocumentPaneGroup
      LayoutDocumentPaneGroup paneGroup = layout.Descendents().OfType<LayoutDocumentPaneGroup>().FirstOrDefault();

      // Create a new LayoutDocumentPaneGroup if there is none in the current layout
      if (paneGroup == null)
      {
        paneGroup = new LayoutDocumentPaneGroup();
        layout.RootPanel.Children.Add(paneGroup);
      }

      // Create a new LayoutDocumentPane for the new document type
      var pane = new LayoutDocumentPane(documentToShow);
      paneGroup.Children.Add(pane);
    }

    // Return 'true' as the strategy has performed any action
    return true;
  }

  public void AfterInsertDocument(LayoutRoot layout,LayoutDocument documentToShow)
  {
  }

  #endregion
}