WPFAvalonDock基本用法

本文簡單介紹AvalonDock2.0基本用法,下載AvalonDock 2.0dll及主題http://avalondock.codeplex.com/

AvalonDock基本類介紹

DockingManager:?？抗芾眍?xaml中AvalonDock的根節點

LayoutRoot:布局根節點,有四個屬性LeftSide,RightSide,TopSide,ButtomSide展示四個位置的內容

LayoutPanel:布局面板類,可有多個LayoutGroup,實際的窗格都位于LayoutPanel節點下

LayoutAnchorablePaneGroup:可?？看案窠M類

LayoutDocumentPaneGroup:文檔窗格組類

LayoutAnchorablePane:可?？看案耦?/p>

LayoutDocumentPane:文檔窗格類

LayoutAnchorable:可?？績热蓊?/p>

LayoutDocument:文檔內容類

xaml布局代碼

<Window x:Class="AvalonDockTest.MainWindow"        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"        xmlns:avalondock="http://schemas.xceed.com/wpf/xaml/avalondock"        Title="MainWindow" Height="350" Width="525">    <Grid>        <Grid.RowDefinitions>            <RowDefinition Height="auto"/>            <RowDefinition></RowDefinition>        </Grid.RowDefinitions>        <Menu Margin="0" HorizontalAlignment="Left" Name="menu1" VerticalAlignment="Top">            <MenuItem Header="恢復布局" Click="MenuItem_Click"/>            <MenuItem Header="斷點窗口" Click="MenuItem_Click_1"/>        </Menu>        <avalondock:DockingManager x:Name="dockingmanger" Grid.Row="1">            <avalondock:DockingManager.Theme>                <avalondock:VS2010Theme/>            </avalondock:DockingManager.Theme>                        <avalondock:LayoutRoot>                <avalondock:LayoutRoot.LeftSide>                    <avalondock:LayoutAnchorSide>                        <avalondock:LayoutAnchorGroup>                            <avalondock:LayoutAnchorable Title="資源管理器" AutoHideHeight="50" ContentId="l1">                                <TextBox Width="80" SelectionChanged="TextBox_SelectionChanged"/>                            </avalondock:LayoutAnchorable>                            <avalondock:LayoutAnchorable Title="數據庫" AutoHideHeight="50" ContentId="l2">                                <TextBox Width="80" SelectionChanged="TextBox_SelectionChanged"/>                            </avalondock:LayoutAnchorable>                        </avalondock:LayoutAnchorGroup>                    </avalondock:LayoutAnchorSide>                   </avalondock:LayoutRoot.LeftSide>                                <avalondock:LayoutRoot.BottomSide>                    <avalondock:LayoutAnchorSide>                        <avalondock:LayoutAnchorGroup x:Name="buttomgroup">                            <avalondock:LayoutAnchorable Title="輸出" ContentId="t1">                                <TextBox TextWrapping="Wrap" AcceptsReturn="True"></TextBox>                            </avalondock:LayoutAnchorable>                            <avalondock:LayoutAnchorable Title="錯誤" ContentId="t2">                                <TextBox TextWrapping="Wrap" AcceptsReturn="True"></TextBox>                            </avalondock:LayoutAnchorable>                        </avalondock:LayoutAnchorGroup>                    </avalondock:LayoutAnchorSide>                </avalondock:LayoutRoot.BottomSide>                                <avalondock:LayoutPanel>                    <avalondock:LayoutDocumentPane>                        <avalondock:LayoutDocument Title="MainWindow.xaml" ContentId="d1">                            <TextBox AcceptsReturn="True" TextWrapping="Wrap"></TextBox>                        </avalondock:LayoutDocument>                        <avalondock:LayoutDocument Title="MainWindow.xaml.cs" ContentId="d2">                            <TextBox AcceptsReturn="True" TextWrapping="Wrap"></TextBox>                        </avalondock:LayoutDocument>                    </avalondock:LayoutDocumentPane>                </avalondock:LayoutPanel>            </avalondock:LayoutRoot>        </avalondock:DockingManager>            </Grid></Window>

動態改變

        private void MenuItem_Click_1(object sender, RoutedEventArgs e)        {            try            {                LayoutAnchorable la = new LayoutAnchorable();                la.Title = "斷點";                la.Content = new TextBox();                buttomgroup.Children.Add(la);            }            catch(Exception ex)            {                MessageBox.Show(ex.ToString());            }        }

保存布局

            var serializer = new XmlLayoutSerializer(dockingmanger);            using(var stream = new StreamWriter("layout.xml"))            {                serializer.Serialize(stream);            }

恢復布局

        private void MenuItem_Click(object sender, RoutedEventArgs e)        {            var serializer = new XmlLayoutSerializer(dockingmanger);            using(var stream = new StreamReader("layout.xml"))            {                serializer.Deserialize(stream);            }        }

162118.html