基于WPF系统框架设计(5) Ribbon整合Avalondock 2.0实现多文档界面设计(二)

AvalonDock 是一个.NET库，用于在停靠模式布局（docking）中排列一系列WPF/WinForm控件。最新发布的 版本原生支持MVVM框架、Aero Snap特效并具有更好的性能。

AvalonDock 2.0版本已经发布了，新版本 是用MVVM框架重新编写，似乎也用了Command（命令）模式。2.0版的文档尚未发布，但你可以参考 Avalon.TestApp 或者2.0版源码中的Avalon.MVVMTestApp文件夹来查看新的API。

前一篇博文有介绍关于AvalonDock使用-《Docking For WPF–AvalonDock》

还有一篇也是同类的关于多文档界面设计《基于WPF系统框架设计-Ribbon整合Avalondock 2.0实现多文档 界面设计(一)》

单文档界面样式是Windows应用程序比较常用的布局选项。Microsoft Windows中的“ 记事本”是单文档界面应用程序的一个典型示例。在“记事本”中，同一时间只能打开一个文档。资源管理器 样式界面是包含两个“窗格”或区域的单个窗口，通常由左侧的树或分层视图以及右侧的显示区域组成，与“ Microsoft Windows资源管理器”一样。资源管理器样式界面适合于定位或浏览大量的文档、图片或文件。

多文档界面是从Windows 2.0下的Microsoft Excel电子表格程序开始引入的，由于Excel电子表格用户 有时需要同时操作多份表格。

基于多文档，多任务模式操作的灵活性，Ribbon框架设计中也整合多文 档界面布局功能，下面就来实施做一个案例。

准备工作：在这网址上下载AvalonDock和实例:  http://avalondock.codeplex.com/

主要布局框架:

Xceed.Wpf.AvalonDock.dll

其他的是主题样式模板：

Xceed.Wpf.AvalonDock.Themes.Expression.dll

Xceed.Wpf.AvalonDock.Themes.Metro.dll

Xceed.Wpf.AvalonDock.Themes.VS2010.dll

添加引用

把这些程序集添加到项目引用中，如下图：

XAML中添加Dock标签

以XAML模式打开MainWindow.xaml,添加Dock标签，如下：

<ad:DockingManager x:Name="dockManager" Grid.Row="1">
            <ad:DockingManager.Theme>
                <themes:ExpressionBlueTheme/><!--主题样式,跟Ribbon主题一致-->
            </ad:DockingManager.Theme>
            <xcad:LayoutRoot>
                <xcad:LayoutPanel Orientation="Vertical">
                    <xcad:LayoutDocumentPaneGroup>
                        <xcad:LayoutDocumentPane>
                            <xcad:LayoutDocument ContentId="Document1" Title="查询用户">

                            </xcad:LayoutDocument>
                            <xcad:LayoutDocument ContentId="Documen2" Title="添加用户">

                            </xcad:LayoutDocument>
                            <xcad:LayoutDocument ContentId="Documen3" Title="更新用户">

                            </xcad:LayoutDocument>
                        </xcad:LayoutDocumentPane>
                    </xcad:LayoutDocumentPaneGroup>
                </xcad:LayoutPanel>

            </xcad:LayoutRoot>
               <!--<xcad:LayoutRoot>
                 <xcad:LayoutPanel Orientation="Vertical">
                    <xcad:LayoutDocumentPane/>
                    <xcad:LayoutAnchorablePane Name="ToolsPane" DockHeight="150">
                    </xcad:LayoutAnchorablePane>
                </xcad:LayoutPanel>
            </xcad:LayoutRoot>-->
        </ad:DockingManager>

以上是小编为您精心准备的的内容，在的博客、问答、公众号、人物、课程等栏目也有的相关内容，欢迎继续使用右上角搜索按钮进行搜索文档
， 框架
， 布局
， 界面
， 样式
， mvvm框架的avalon
， xaml设计器
， 框架整合
， 界面设计
， 多文档
， wpf 多文档视图
， 框架javastruts2.0
， 界面前端wpf
WPF C++ DLL 混编
wpf avalondock、xceed.wpf.avalondock、avalondock、avalondock 教程、avalondock 使用教程，以便于您获取更多的相关知识。