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