Question

我想知道如何实现这个设计。我无法实现这个元素。

<xcad:LayoutRoot>
            <xcad:LayoutPanel>
                <xcad:LayoutPanel Orientation="Horizontal"
                                  DockHeight="*">
                    <xcad:LayoutAnchorablePaneGroup DockWidth="150"
                                                    Orientation="Vertical">
                        <xcad:LayoutAnchorablePane>
                            <xcad:LayoutAnchorable Title="Tool 1">
                                <TextBox />
                            </xcad:LayoutAnchorable>
                        </xcad:LayoutAnchorablePane>
                    </xcad:LayoutAnchorablePaneGroup>
                    <xcad:LayoutDocumentPaneGroup>
                        <xcad:LayoutDocumentPane>
                            <xcad:LayoutDocument Title="Doc1">
                                <TextBox />
                            </xcad:LayoutDocument>
                        </xcad:LayoutDocumentPane>
                    </xcad:LayoutDocumentPaneGroup>
                    <xcad:LayoutAnchorablePaneGroup DockWidth="150"
                                                    Orientation="Vertical">
                        <xcad:LayoutAnchorablePane>
                            <xcad:LayoutAnchorable Title="Tool 1">
                                <TextBox />
                            </xcad:LayoutAnchorable>
                        </xcad:LayoutAnchorablePane>
                    </xcad:LayoutAnchorablePaneGroup>
                </xcad:LayoutPanel>
            </xcad:LayoutPanel>
        </xcad:LayoutRoot>

在这张照片中，我画了一个元素

http://gyazo.com/f89ea3cc4ec8827173726be9c4c186a7

Answer 1

您应该在主LayoutPanel设置方向为Vertical并添加新的LayoutAnchorablePaneGroup。

试试这个：

<xcad:DockingManager>
    <xcad:LayoutRoot>
        <xcad:LayoutPanel Orientation="Vertical">
            <xcad:LayoutPanel Orientation="Horizontal"
                          DockHeight="*">
                <xcad:LayoutAnchorablePaneGroup DockWidth="150"
                                            Orientation="Vertical">
                    <xcad:LayoutAnchorablePane>
                        <xcad:LayoutAnchorable Title="Tool 1">
                            <TextBox />
                        </xcad:LayoutAnchorable>
                    </xcad:LayoutAnchorablePane>
                </xcad:LayoutAnchorablePaneGroup>
                <xcad:LayoutDocumentPaneGroup>
                    <xcad:LayoutDocumentPane>
                        <xcad:LayoutDocument Title="Doc1">
                            <TextBox />
                        </xcad:LayoutDocument>
                    </xcad:LayoutDocumentPane>
                </xcad:LayoutDocumentPaneGroup>
                <xcad:LayoutAnchorablePaneGroup DockWidth="150"
                                            Orientation="Vertical">
                    <xcad:LayoutAnchorablePane>
                        <xcad:LayoutAnchorable Title="Tool 1">
                            <TextBox />
                        </xcad:LayoutAnchorable>
                    </xcad:LayoutAnchorablePane>
                </xcad:LayoutAnchorablePaneGroup>
            </xcad:LayoutPanel>
            <xcad:LayoutAnchorablePaneGroup DockHeight="150">
                <xcad:LayoutAnchorablePane>
                    <xcad:LayoutAnchorable Title="Tool 1">
                        <TextBox />
                    </xcad:LayoutAnchorable>
                </xcad:LayoutAnchorablePane>
            </xcad:LayoutAnchorablePaneGroup>
        </xcad:LayoutPanel>
    </xcad:LayoutRoot>
</xcad:DockingManager>

AvalonDoc 2垂直和水平方向

1 个答案: