Avalondock 第三步 创建停靠面板组

前一章介绍了文档面板的建立，本章主要介绍可停靠面板和文档面板组的使用，在avalondock中，任何可停靠内容都可以分组，并且通过Orientation属性，来设定窗体的浮动方向。

1、可停靠面板分组LayoutAnchorablePaneGroup

 

可停靠窗格组类，是可停靠窗格LayoutAnchorablePane的容器。通过设置Orientation 属性，用于管理多个可停靠窗格的浮动方向，其代码如下：

<avalondock:DockingManager>

<avalondock:DockingManager.Theme>

<avalondock:Office2007BlackTheme></avalondock:Office2007BlackTheme>

</avalondock:DockingManager.Theme>

<avalondock:LayoutRoot>

<avalondock:LayoutPanel x:Name="Panel" >

<avalondock:LayoutAnchorablePaneGroup x:Name="LeftAnchorableGroup" DockWidth="300" Orientation="Horizontal">

<avalondock:LayoutAnchorablePane x:Name="Pane1" >

<avalondock:LayoutAnchorable x:Name="Solution1" Title="解决方案1" ContentId="Solution"/>

</avalondock:LayoutAnchorablePane>

<avalondock:LayoutAnchorablePane x:Name="Pane2">

<avalondock:LayoutAnchorable x:Name="Solution2" Title="解决方案2" ContentId="Solution"/>

<avalondock:LayoutAnchorable x:Name="Solution3" Title="解决方案3" ContentId="Solution"/>

</avalondock:LayoutAnchorablePane>

</avalondock:LayoutAnchorablePaneGroup>

<avalondock:LayoutDocumentPane x:Name="DocumentPane">

<avalondock:LayoutDocument Title="刚建立的文档" ContentId="document">

</avalondock:LayoutDocument>

</avalondock:LayoutDocumentPane>

</avalondock:LayoutPanel>

</avalondock:LayoutRoot>

</avalondock:DockingManager>

以上代码，使用了LayoutAnchorablePaneGroup控件，对LayoutAnchorablePane进行了分组，设定其分组宽度为300，Orientation水平排布，则其显示效果如下：

如改变Orientation为Vertical ，则显示效果如下：

 

2、可停靠文档面板分组LayoutDocumentPaneGroup

文档窗格组类，是文档窗格LayoutDocumentPane的容器。通过设置Orientation 属性，用于管理多个文档窗格的浮动方向。其功能和LayoutAnchorablePaneGroup基本一直

其代码可以定义如下：

<avalondock:LayoutPanel x:Name="Panel" >

<avalondock:LayoutAnchorablePaneGroup x:Name="Left。AnchorableGroup" DockWidth="300" Orientation="Vertical">

<avalondock:LayoutAnchorablePane x:Name="Pane1" >

<avalondock:LayoutAnchorable x:Name="Solution1" Title="解决方案1" ContentId="Solution"/>

</avalondock:LayoutAnchorablePane>

<avalondock:LayoutAnchorablePane x:Name="Pane2">

<avalondock:LayoutAnchorable x:Name="Solution2" Title="解决方案2" ContentId="Solution"/>

<avalondock:LayoutAnchorable x:Name="Solution3" Title="解决方案3" ContentId="Solution"/>

</avalondock:LayoutAnchorablePane>

</avalondock:LayoutAnchorablePaneGroup>

<avalondock:LayoutDocumentPaneGroup Orientation="Vertical">

<avalondock:LayoutDocumentPane x:Name="DocumentPane1">

<avalondock:LayoutDocument Title="刚建立的文档2" ContentId="document">

</avalondock:LayoutDocument>

</avalondock:LayoutDocumentPane>

<avalondock:LayoutDocumentPane x:Name="DocumentPane2">

<avalondock:LayoutDocument Title="刚建立的文档2" ContentId="document">

</avalondock:LayoutDocument>

</avalondock:LayoutDocumentPane>

</avalondock:LayoutDocumentPaneGroup>

</avalondock:LayoutPanel>

</avalondock:LayoutRoot>

</avalondock:DockingManager>

其结果显示如下：