avalondock - 如何使用 AvalonDock 并排放置两个 LayoutDocument

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>