2013-07-14 106 views
3

我想知道我如何实现这个设计。我无法意识到这一点。AvalonDoc 2垂直和水平方向

<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

回答

4

你应该主要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>