AvalonDock 2.0 的簡單運用

最近在研究AvalonDock的一些使用，碰到了一些問題?，F在拿出來跟大家分享分享。

網上找了一大把AvalonDock 1.3版本的資料，弄出Demo后發現屬性面板(DockableContent)設置成浮動后不能?？科渌拿姘?。最后只得試試AvalonDock 2.0版本的，還好2.0版本沒讓我們失望。

首先需要庫文件：Xceed.Wpf.AvalonDock，若需要Aero或VS2010主題效果需引用Xceed.Wpf.AvalonDock.Themes.Aero或Xceed.Wpf.AvalonDock.Themes.VS2010，當然還有其它漂亮的主題可以在官網(http://avalondock.codeplex.com/)自行下載.

首先需要在xaml文件頭部引入這些dll（當然在此之前您還得把前面說到的庫文件引入項目）：

xmlns:avalonDock="http://schemas.xceed.com/wpf/xaml/avalondock"

xaml布局代碼：

 1 <avalonDock:DockingManager Grid.Row="1" x:Name="DManager">  2 <avalonDock:DockingManager.Theme>  3 <!--<avalonDock:AeroTheme/>-->  4 <avalonDock:VS2010Theme/>  5 <!--<avalonDock:ExpressionDarkTheme/>-->  6 <!--<avalonDock:ExpressionLightTheme/>-->  7 <!--<avalonDock:GenericTheme/>-->  8 <!--<avalonDock:MetroTheme/>-->  9 </avalonDock:DockingManager.Theme> 10 11 <avalonDock:LayoutRoot> 12 <avalonDock:LayoutRoot.LeftSide > 13 <avalonDock:LayoutAnchorSide > 14 <avalonDock:LayoutAnchorGroup> 15 <avalonDock:LayoutAnchorable Title="left1" AutoHideWidth="50" ContentId="left1"> 16 <TextBox Width="80" SelectionChanged="TextBox_SelectionChanged"></TextBox> 17 </avalonDock:LayoutAnchorable> 18 19 <avalonDock:LayoutAnchorable Title="left2" AutoHideWidth="20" ContentId="left2"> 20 <TextBox Width="80"></TextBox> 21 </avalonDock:LayoutAnchorable> 22 23 </avalonDock:LayoutAnchorGroup> 24 </avalonDock:LayoutAnchorSide> 25 </avalonDock:LayoutRoot.LeftSide> 26 27 <avalonDock:LayoutPanel> 28 <avalonDock:LayoutAnchorablePaneGroup DockWidth="100"> 29 <avalonDock:LayoutAnchorablePane> 30 <avalonDock:LayoutAnchorable Title="text1" ContentId="text1"> 31 <TextBox TextWrapping="Wrap" AcceptsReturn="True"></TextBox> 32 </avalonDock:LayoutAnchorable> 33 34 <avalonDock:LayoutAnchorable Title="text2" ContentId="text2"> 35 <TextBox TextWrapping="Wrap" AcceptsReturn="True"></TextBox> 36 </avalonDock:LayoutAnchorable> 37 </avalonDock:LayoutAnchorablePane> 38 </avalonDock:LayoutAnchorablePaneGroup> 39 40 <avalonDock:LayoutDocumentPane> 41 <avalonDock:LayoutDocument Title="document1" ContentId="doc1"> 42 <TextBox AcceptsReturn="True" TextWrapping="Wrap"></TextBox> 43 </avalonDock:LayoutDocument> 44 45 <avalonDock:LayoutAnchorable Title="document2" ContentId="doc1"> 46 <TextBox AcceptsReturn="True" TextWrapping="Wrap"></TextBox> 47 </avalonDock:LayoutAnchorable> 48 </avalonDock:LayoutDocumentPane> 49 </avalonDock:LayoutPanel> 50 </avalonDock:LayoutRoot> 51 52 </avalonDock:DockingManager>

View Code

效果：

<avalonDock:LayoutAnchorablePane>和<avalonDock:LayoutDocumentPane>我分別把它們叫做屬性布局面板和文檔布局面板。屬性布局面板的特性是?？吭诿姘宓倪吘墪r可以設置自動隱藏，而且屬性布局面板也可以作為一個可?？棵姘骞┢渌膶傩圆季置姘逋？?。文檔布局面板只可以漂浮和?？吭谥鞑季置姘逯?，不可以?？吭趯傩圆季置姘謇锩?。

<avalonDock:LayoutAnchorablePane>和<avalonDock:LayoutDocumentPane>布局面板需要位于<avalonDock:LayoutPanel>布局面板里面，若有需要設置多個屬性布局面板和文檔布局面板置于一個面板組中可以分別使用<avalonDock:LayoutAnchorablePaneGroup>和<avalonDock:LayoutDocumentPaneGroup>。

正在承載我們內容控件的是<avalonDock:LayoutAnchorable>和<avalonDock:LayoutDocument>，我們可以在它們里面添加我們自己的內容。它們只能放在<avalonDock:LayoutAnchorablePane>和<avalonDock:LayoutDocumentPane>里面，看自己的需求可以自己組合使用。

　　布局就到這里了，接下來讓我們看看如何保存和恢復布局，AvalonDock 2.0提供了相應的操作類XmlLayoutSerializer，需要添加引用using Xceed.Wpf.AvalonDock.Layout.Serialization;

cs代碼：

 //保存布局 var serializer = new XmlLayoutSerializer(DManager); using (var stream = new StreamWriter("lay.txt")) serializer.Serialize(stream);

 //恢復布局 var serializer = new XmlLayoutSerializer(DManager); using (var stream = new StreamReader("lay.txt")) serializer.Deserialize(stream);

保存布局會把當前的布局（DManager）保存在文件“lay.txt”中，恢復布局會把“lay.txt”中的布局內容恢復到界面（DManager）中。這里有點必須注意，使用這個功能時必須為每個內容面板添加ContentId屬性，如<avalonDock:LayoutAnchorable Title=”left1″ AutoHideWidth=”50″ ContentId=”left1″>，否則將不能恢復。

分享就到這里結束了，其實AvalonDock還有許多其它方面的功能，比如可以使用<avalonDock:DockingManager.AnchorableHeaderTemplate>為屬性內容界面的頭部自定義內容等等，水平有限，內容可能存在紕漏之處還請見諒。

源代碼下載

轉載于:https://www.cnblogs.com/yangxw100/p/3341007.html