桌面程序的应用，不可避免的就会用到大量的布局控件，之前的一个项目也想过去做类似于Visual Studio的那种灵活的布局控件，也就是界面上的控件能够实现拖拽放置、隐藏、窗口化等一系列的操作，但由于开发时间以及需求的原因，没有太严格要求这方面功能的实现，也就只能算是想过一下而已,实际用的时候还是固定布局，但是最近接触到新的项目，需要这方面的应用就不得不自己动手查找和做这样的东西了。
有朋友推荐RadControls里了控件——RadDocking，下载安装RadControls后，发现他里边的控件的确做的很不错，而且Demo也很详细，RadDocking也能满足我的需求，使用也还算方便，但是因为是试用版的，每次程序运行时都会出现相应的提示，尝试找他的最新版的破解版最终也无果，个人又不屑于用很久之前的版本，而且毕竟不是知根知底的东西，用起来也觉得怪怪的，所以还是放弃了使用RadDocking。
就在我快要放弃寻找，准备有时间自己做的时候（后来发现自己想的有点简单了），让我发现了AvalonDock，看了下它的Demo发现效果也不错，至少看起来能够满足我的应用需求，而且还是开源的，顺便就当研究学习了。大家可以到http://avalondock.codeplex.com/下载和了解更加详细的信息。说了这么多废话赶紧进入正题吧！
虽然有现成的Demo，但第一次接触这类控件还是折腾了不少时间，一点点的摸索它的使用方法！
一、最基本的布局格式，容器的承载：
<AvalonDock:DockingManager x:Name="dockManager" Grid.Row="2" Margin="0,3,0,0">
仔细看的话就能发现这里边有一定的层次关系。
首先需要一个DockingManager来统筹全局，它能够帮忙管理和处理在其范围内的子级控件的一系列操作——安排载窗格，窗格和处理飞出浮动窗口，以及布局的保存和恢复。感觉好像是只有同一DockingManager下的各个控件才能互相作用，不同DockingManager下的控件是无法跨界操作的。
再就是DockingManager里放置ResizingPanel，它也是一个容器，用来控制其子控件的布局方式，其Orientation属性类似于StackPanel的同名属性，表示其子级控件是水平或是垂直放置。
接下来就是两组东西了，它们是一一对应的，DockablePane与DockableContent对应，DocumentPane与DocumentContent对应，而且都是前者包含后者。DockablePane、DocumentPane都可以也都应该放置到ResizingPanel，具体的布局方式就看实际应用的需要了，而DockableContent、DocumentContent下包含的就是我们最终想要呈现给用户的功能模块控件了。
需要指出的是DockablePane和DocumentPane都继承至Pane,DockableContent和entContent都继承至Managedcontent,在后面一些问题的处理上会用的到。
下面就分别是DockablePane和DocumentPane的呈现形式，从界面上也能看出点不同的哈，具体的一些不同会在下面根据我自己的经验详细讲解到。
)UL_0.jpg)
接下来就是一些列针对布局的处理了。
二、布局的保存与恢复
这两部操作其实很简单，因为DockingManager自身就封装好了相应的方法——SaveLayout、RestoreLayout。它们均有不同的重载形式，即可以传入不同的参数，其中以文件名作为参数传入是最方便的一种。
实际应用中，需要用户登录时列举出已有的布局列表供其选择，根据其选择应用相应的布局，暂时是通过查找应用程序目录下的xml文件来实现的，就是将该目录下所有的xml文件都列举出来，为此写了一个通用的方法，给定目录和查找的文件扩展名—>返回相应的文件列表。
publicstatic List<string> CheckDirectory(string path, string extension)
程序有个登陆窗口，需要用户选择相应的布局，根据用户的选择应用对应的布局。列表、集合与界面之间都是通过绑定来实现的，下面很多地方都是类似的用法。 这部分倒没什么值得注意的地方，有一点可说的就是要注意区分默认布局和其他布局的处理。
登陆时的的布局部分
登陆以后在作了以下处理：
界面部分
<DataTemplate x:Key="LayoutNameListDataTemplate">
<RadioButton x:Name="radioButton" Margin="0,3,0,0" Content="{Binding Name, Mode=Default}" GroupName="LayoutNameList" VerticalContentAlignment="Top" Checked="layoutchose_Checked" IsChecked="{Binding IsSelected, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"/>
</DataTemplate>
<Style x:Key="MoreWindowsListBoxItemStyle" TargetType="{x:Type ListBoxItem}">
<Setter Property="Background" Value="Transparent"/>
<Setter Property="HorizontalContentAlignment" Value="{Binding HorizontalContentAlignment, RelativeSource={RelativeSource AncestorType={x:Type ItemsControl}}}"/>
<Setter Property="VerticalContentAlignment" Value="{Binding VerticalContentAlignment, RelativeSource={RelativeSource AncestorType={x:Type ItemsControl}}}"/>
<Setter Property="Padding" Value="2,0,0,0"/>
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type ListBoxItem}">
<MenuItem Header="{Binding Name, Mode=Default}" IsCheckable="True" IsChecked="{Binding IsSelected, Mode=TwoWay, UpdateSourceTrigger=Default}"/>
<ControlTemplate.Triggers>
<Trigger Property="IsSelected" Value="true">
<Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.HighlightTextBrushKey}}"/>
</Trigger>
<MultiTrigger>
<MultiTrigger.Conditions>
<Condition Property="IsSelected" Value="true"/>
<Condition Property="Selector.IsSelectionActive" Value="false"/>
</MultiTrigger.Conditions>
<Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}"/>
</MultiTrigger>
<Trigger Property="IsEnabled" Value="false">
<Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
</Trigger>
</ControlTemplate.Triggers>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
<ListBox ItemsSource="{Binding LayoutList, ElementName=userControl, Mode=Default}" ItemTemplate="{DynamicResource LayoutNameListDataTemplate}"/>
privatestatic ObservableCollection<SelectionItem> layoutlist =new ObservableCollection<SelectionItem>(); private void winchange_Checked(object sender, System.Windows.RoutedEventArgs e)
{
MenuItem item = e.OriginalSource as MenuItem;
SelectionItem slitem = item.DataContext as SelectionItem;
if (slitem != null)
{
DockableContent dockablecontent = win.FindName(slitem.Name) as DockableContent;
if (dockablecontent != null)
{
if (dockablecontent.State == DockableContentState.Hidden)
dockablecontent.Show();
return;
}
ManagedContent managecontent = win.FindName(slitem.Name) as ManagedContent;
if (managecontent != null)
{
managecontent.Show();
return;
}
}
}
private void winchang_Unchecked(object sender, System.Windows.RoutedEventArgs e)
{
MenuItem item = e.OriginalSource as MenuItem;
SelectionItem slitem = item.DataContext as SelectionItem;
if (slitem != null)
{
ManagedContent content = win.FindName(slitem.Name) as ManagedContent;
if (content != null)
{
content.Hide();
}
}
}
也是通过绑定集合的方式与界面结合起来。 由于布局列表在其他地方也用得到，还涉及到添加、删除等操作，为了保证界面与数据的实时响应，使用ObservableCollection<>集合来用于绑定。
content.StateChanged += new RoutedEventHandler(dokablecontent_StateChanged);
content.Closed += new EventHandler(content_Closed);
content.Closing += new EventHandler<System.ComponentModel.CancelEventArgs>(content_Closing);
content.Closed += new EventHandler(content_Closed);
以上几个事件尤其需要注意，鼠标对界面操作都是通过相应的事件来与列表之间相互响应的。同时空间的显示与隐藏的实现也在这段代码里。
保存布局时我就采用的是让用户输入布局名称，根据该名称来保存布局。同时向布局列表中添加该项。
privatevoid ok_Click(object sender, System.Windows.RoutedEventArgs e)
布局管理中，对已有的布局进行caozuo.html" target="_blank">删除操作，删除列表中的项同时删除相应的文件。
privatevoid delect_Click(object sender, System.Windows.RoutedEventArgs e)
这样做可能可能不够完善，xml文件的查找就是一个问题，以后考虑通过读取xml文件内容来判断是否是布局文件，暂时还没有想到更好的办法，不知道大家有没有更好的经验呢？！
四、动态添加控件
privatevoid ok_Click(object sender, System.Windows.RoutedEventArgs e)
五、其他
还有这样一个事件时的注意的，其实我也说不好他的本质是什么，感觉好像就是每次启动新的布局时，如果以有布局存在空缺或已经关闭的情况下就会到达这里，所以在我在这里将缺失的控件给加上。
dockManager.DeserializationCallback += (s, e) =>
呵呵，一点小小经验，文章也拖了好久才写好，大家见笑啦！
引用--叶子的成长
相关文章
