如何使用AvalonDock并排放置两个LayoutDocuments

Question

我使用avalondock LayoutDocumentPane，如下所示：

<avalonDock:DockingManager>
    <avalonDock:LayoutRoot>
        <avalonDock:LayoutPanel>
            <avalonDock:LayoutDocumentPane>
                <avalonDock:LayoutDocument Title="Doc 1"/>
                <avalonDock:LayoutDocument Title="Doc 2"/>
            </avalonDock:LayoutDocumentPane>
        </avalonDock:LayoutPanel>
    </avalonDock:LayoutRoot>
</avalonDock:DockingManager>

这就是我得到的：

但是，我希望布局如下：

我如何在XAML或C＃中执行此操作？

Answer 1

您只需将它们放在单独的窗格中，如下所示：

<avalonDock:DockingManager>
    <avalonDock:LayoutRoot>
        <avalonDock:LayoutPanel>
            <avalonDock:LayoutDocumentPane>
                <avalonDock:LayoutDocument Title="Doc 1"/>
            </avalonDock:LayoutDocumentPane>
            <avalonDock:LayoutDocumentPane>
                <avalonDock:LayoutDocument Title="Doc 2"/>
            </avalonDock:LayoutDocumentPane>
        </avalonDock:LayoutPanel>
    </avalonDock:LayoutRoot>
</avalonDock:DockingManager>