前些时间由于工作原因接触了AvalonDock，从中受益匪浅，不敢独享，在此与大家共勉。
AvalonDock是WPF做的一个类似Visual Studio中的拖拽功能的控件。
想要根据AvalonDock开发WPF项目，首先要下载AvalonDock.dll和AvalonDock.Themes.Aero.dll。
 
新建WPF项目，将下载的dll文件引用到项目中，在工具箱中引用该dll。会发现工具箱中多了好多控件。
 
1.      DockingManager控件是这些控件的顶级控件。它里边并列放DockingManager.Theme和
 
LayoutRoot.
 
2.       
DockingManager.Theme中放AeroTheme
 
3.       
LayoutRoot中放置LayoutPanel。LayoutPanel中有Orientation属性设置其中控件的排放
 
顺序是横向排放还是纵向排放。
 
4.       
LayoutPanel中可以任意放置LayoutAnchorablePane、LayoutDocumentPaneGroup、
 
LayoutAnchorablePaneGroup、LayoutDocumentPane。
 
5.       
LayoutAnchorablePane或LayoutDocumentPane中就可以放LayoutAnchorable或
 
LayoutDocument了，在里边就可以放置控件内容（基本控件）。
 
6.       
LayoutRoot以及子控件都来自于AvalonDock.Layout引用中。
 
7.       
AeroTheme引用于AvalonDock.Themes。
 

至此，框架就搭建好了。
后边具体的内容，就可以任意发挥。
 
AvalonDock.dll和AvalonDock.Themes.Aero.dll。在avalondock.codeplex.com下载

https://blog.csdn.net/youyomei/article/details/103107304教程还不错，但是存在一个错误

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

改成如下

xmlns:avalon="https://github.com/Dirkster99/AvalonDock"

本文简单介绍AvalonDock2.0基本用法，下载AvalonDock 2.0dll及主题http://avalondock.codeplex.com/
AvalonDock基本类介绍
DockingManager:停靠管理类，xaml中AvalonDock的根节点
LayoutRoot:布局根节点，有四个属性LeftSide,RightSide,TopSide,ButtomSide展示四个位置的内容
LayoutPanel:布局面板类，可有多个LayoutGroup，实际的窗格都位于LayoutPanel节点下
LayoutAnchorablePaneGroup:可停靠窗格组类
LayoutDocumentPaneGroup:文档窗格组类
LayoutAnchorablePane:可停靠窗格类
LayoutDocumentPane:文档窗格类
LayoutAnchorable:可停靠内容类
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);
            }
        }

1、Nuget 包 XceedProucts.Wpf.Toolkit.AvalonDock 包安装

2、安装完成，项目会引入这两个dll



3、在MainWindows窗体中引入命名空间

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

4、Avalon 布局。

靠边隐藏窗口   LayoutRoot.LeftSide 有多个方向 这里是左边(左右隐藏布局)



多文档布局 LayoutPanel 下的 LayoutDocumentPanel



还有 LayoutAnchorablePaneGroup 锚点布局



 



5、新建文档页面

内容要是 Page



6、一次只新增一个页面，重复出现则被选中。



7、Close 事件