Avalondock 第二步 創建文檔面板
上一篇已經介紹了如何創建一個停靠面板,本章主要介紹,文檔面板的定義。文檔面板和可停靠面板很相似
建立文檔面板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 第二步 創建文檔面板