Avalondock 第三步 创建停靠面板组

时间:2024-03-28 16:54:49

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水平排布,则其显示效果如下:

Avalondock 第三步 创建停靠面板组

如改变Orientation为Vertical ,则显示效果如下:

Avalondock 第三步 创建停靠面板组

 

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>

其结果显示如下:

Avalondock 第三步 创建停靠面板组