1. 程式人生 > >Avalondock 第二步 創建文檔面板

Avalondock 第二步 創建文檔面板

val style man span .com idt 代碼 oot alt

上一篇已經介紹了如何創建一個停靠面板,本章主要介紹,文檔面板的定義。文檔面板和可停靠面板很相似

建立文檔面板LayoutDocumentPane

LayoutDocumentPane:文檔窗格類,與LayoutAnchorablePane類似,也是可停靠控件的容器,文檔窗格類中可以放置可停靠控件LayoutAnchorable,也可以放置文檔控件LayoutDocument,LayoutDocunemtPane會自動占滿窗體的窗體布局中的剩余空間。

代碼如下所示:

<avalondock:DockingManager>

<avalondock:DockingManager.Theme>

<avalondock:Office2007BlackTheme></avalondock:Office2007BlackTheme>

</avalondock:DockingManager.Theme>

<avalondock:LayoutRoot>

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

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

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

</avalondock:LayoutAnchorablePane>

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

</avalondock:LayoutDocument>

</avalondock:LayoutDocumentPane>

<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:LayoutPanel>

</avalondock:LayoutRoot>

</avalondock:DockingManager>

在上一章的基礎上,添加了一個新面板LayoutDocumentPane,其用於存儲可停靠文檔面板。

技術分享

建立文檔內容LayoutDocument

文檔類,與LayoutAnchorable功能類似,區別在於LayoutDoucument會隨著LayoutDocumentPane一起占滿窗體剩余空間。

其代碼如下:

<avalondock:DockingManager>

<avalondock:DockingManager.Theme>

<avalondock:Office2007BlackTheme></avalondock:Office2007BlackTheme>

</avalondock:DockingManager.Theme>

<avalondock:LayoutRoot>

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

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

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

</avalondock:LayoutAnchorablePane>

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

<avalondock:LayoutDocument Title="document" ContentId="剛建立的文檔">

</avalondock:LayoutDocument>

</avalondock:LayoutDocumentPane>

<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:LayoutPanel>

</avalondock:LayoutRoot>

</avalondock:DockingManager>

其構建的界面如下所示:

技術分享

Avalondock 第二步 創建文檔面板