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> |
其结果显示如下：
