AvalonDock 2.0+Caliburn.Micro+MahApps.Metro实现Metro风格插件式系统(二)
上次已经建立了可运行的基本框架,这篇就说说怎么把我们自定义的View自动加载并添加到AvalonDock里面,AvalonDock里有3种类型的UI部件,Document, DockableContent以及Floting类型,我主要说一下Document,DockableContent的添加,在AvalonDock里Document类型可参考VS,DockableContent相当于VS里的工具栏等,之后我直接在.cs文件里写注释以及解析。
现在的项目结构:
运行结果:
可以看到里面多了一个测试的Document,该Document是由MEF自动加载并且绑定到AvalonDock里,这里我只写一个一个Document,有兴趣的可以自己动手试一试,目前的Document是写在主程序里面,其实这Document应该写在一个单独的DLL里面,这就是我们所谓的插件。 [BY Zengg]
DockScreenManager类
namespace UICoreFramework
{
/*DemoApplication里面的DockViewModel实现该接口,为了使全部的Documents以及DockableContents集中管理 */
public interface IDockScreenManager
{
//用与绑定到AvalonDock的Document类型的数据源
ObservableCollection<IDocument> Documents { get; }
//用与绑定到AvalonDock的Document类型的数据源
ObservableCollection<IDockableContent> DockableContents { get; }
}
public class DockScreenManager : ViewAware, IDockScreenManager
{
/// <summary>
/// ImportMany是MEF的知识,他的作用是把所有实现某个接口,并标记为Export的类全部倒入,
/// 相当于帮我们自动实例化并添加到List集合里
///
/// </summary>
[ImportMany]
public ObservableCollection<IDocument> Documents { get; set; }
[ImportMany]
public ObservableCollection<IDockableContent> DockableContents { get; set; }
public DockScreenManager()
{ }
}
}
DockScreenManager
DocumentBase类
/// <summary>
/// Document的抽象类,一些抽象操作可以在里面写,为了方便我就没写东西
/// DemoApplication的DocTestViewModel就是继承与该抽象类
/// </summary>
public abstract class DocumentBase : IDocument
{ public DockType Type
{
get
{
throw new NotImplementedException();
}
set
{
throw new NotImplementedException();
}
} public DockSide Side
{
get
{
throw new NotImplementedException();
}
set
{
throw new NotImplementedException();
}
} public string DisplayName
{
get
{
return "测试界面";
}
set
{
throw new NotImplementedException();
}
} public bool IsNotifying
{
get
{
throw new NotImplementedException();
}
set
{
throw new NotImplementedException();
}
} public void NotifyOfPropertyChange(string propertyName)
{
throw new NotImplementedException();
} public void Refresh()
{
throw new NotImplementedException();
} public event System.ComponentModel.PropertyChangedEventHandler PropertyChanged;
}
DocumentBase
IDockScreen接口
namespace UICoreFramework
{
/// <summary>
/// 只有DockableContent类型有位置的说法
/// </summary>
public enum DockSide
{
Left,
Top,
Right,
Bottom
}
/// <summary>
/// Dock的类型
/// </summary>
public enum DockType
{
Document,
DockableContent,
}
/// <summary>
/// 抽象出基本的Content类型,并实现属性通知接口,因为以后绑定到AvalonDock是有双向绑定的,这样我们要操作AvalonDock时
/// 就可以直接操作实现该接口的属性,比如DisplayName的属性用于绑定到AvalonDock的LayoutItem的Title
/// </summary>
public interface IDockScreen:INotifyPropertyChangedEx
{
DockType Type { get; set; }
DockSide Side { get; set; }
string DisplayName { get; set; }
}
}
IDockScreen
IDocument接口
/// <summary>
/// 抽象出Document接口,暂时不写实际东西
/// </summary>
public interface IDocument : IDockScreen
{ }
IDocument
PanesStyleSelector类
/// <summary>
/// 这个很重要,这是为使AvalonDock能区别Document和DockableContent类型并返回不同的style,两个类型不同style有不同的绑定属性
/// 所以要区分开来
/// </summary>
public class PanesStyleSelector : StyleSelector
{
public Style ToolStyle
{
get;
set;
} public Style DocumentStyle
{
get;
set;
}
/// <summary>
/// 区别逻辑在这里写
/// </summary>
/// <param name="item">实现了IDocument或IDockableContent接口的实例</param>
/// <param name="container"></param>
/// <returns></returns>
public override Style SelectStyle(object item, DependencyObject container)
{
IDockScreen obj = (IDockScreen)item; if (item != null)
{
//判定为什么类型
if (item is IDocument)
{
return DocumentStyle;
}
else
{
return ToolStyle;
}
} return base.SelectStyle(item, container);
}
}
较第一张更改部分:
DockViewModel类
namespace DemoApplication.Views
{
/// <summary>
/// 字符串"DockViewModel"是为了标记唯一性,在ShellViewModel里导入时也要指定为"DockViewModel",这相当于一个key
/// </summary>
[Export("DockViewModel", typeof(IDockScreenManager))]
public class DockViewModel : DockScreenManager
{
public DockViewModel()
: base()
{ }
}
}
ShellViewModel类
namespace DemoApplication
{
[Export(typeof(IShell))]
class ShellViewModel : IShell
{
readonly IWindowManager windowManager;
[ImportingConstructor]
public ShellViewModel(IWindowManager windowManager)
{
this.windowManager = windowManager; }
/// <summary>
/// DockView
/// </summary>
[Import("DockViewModel")]
public IDockScreenManager DockContent { get; set; }
}
}
MefBootstrapper类
protected override void Configure()
{
/*CompositionContainer 对象在应用程序中有两种的主要用途。首先,它跟踪哪些部分可用于组合、它们的依赖项,并且充当任何指定组合的上下文。其次,它提供了应用程序可以启动组合的方法、获取组合部件的实例,或填充可组合部件的依存关系。
部件可直接用于容器,或通过 Catalog 属性来用于容器。在此 ComposablePartCatalog 中可发现的所有部件都可以供容器来满足导入,还包括直接添加的任何部件。*/
//container = new CompositionContainer(
// new AggregateCatalog(AssemblySource.Instance.Select(x => new AssemblyCatalog(x)))
// ); var catalog = new AggregateCatalog(
AssemblySource.Instance.Select(x => new AssemblyCatalog(x)).OfType<ComposablePartCatalog>()
); container = new CompositionContainer(catalog); var batch = new CompositionBatch();
var dockScreenManage = new DockScreenManager();
batch.AddExportedValue<IWindowManager>(new WindowManager());//將指定的导出加入至 CompositionBatch 物件
batch.AddExportedValue<IEventAggregator>(new EventAggregator());
batch.AddExportedValue<IDockScreenManager>(dockScreenManage);
batch.AddExportedValue(container);
batch.AddExportedValue(catalog);
container.Compose(batch);//在容器上执行组合,包括指定的 CompositionBatch 中的更改 container.ComposeParts(container.GetExportedValue<IDockScreenManager>());//由于DockScreenManager里有标记为Import的字段,所以要在MEF容器里组装把指定的部件导入
}
MefBootstrapper
AvalonDock还支持其他几种皮肤,可以满足大众的需求:
AeroTheme
ExpressionLightTheme
ExpressionDarkTheme
VS2010Theme
DockableContent类型的实现和Document实现是一样的,只是实现的接口不同,DockableContent实现的是IDockableContent接口,具体请参考Document实现,有疑问的可以提出来,尽量帮助解决,解释写得略简单不好意思,但是有源码参考,如果源码对大家有帮助的话,求个推荐,回复或粉的神马的都好。。。
源码地址:
http://pan.baidu.com/share/link?shareid=819683340&uk=554439928
如果您看了本篇博客,觉得对您有所收获,请点击右下角的 [推荐]
如果您想转载本博客,请注明出处
如果您对本文有意见或者建议,欢迎留言
感谢您的阅读,请关注我的后续博客
作者:Zengg 出处:http://www.cnblogs.com/01codeworld/
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。
AvalonDock 2.0+Caliburn.Micro+MahApps.Metro实现Metro风格插件式系统(二)的更多相关文章
- AvalonDock 2.0+Caliburn.Micro+MahApps.Metro实现Metro风格插件式系统(一)
随着IOS7由之前UI的拟物化设计变为如今的扁平化设计,也许扁平化的时代要来了,当然我们是不是该吐槽一下,苹果什么时候也开始跟风了,自GOOGLE和微软界面扁平化过后,苹果也加入了这一队伍. Aval ...
- AvalonDock 2.0+Caliburn.Micro+MahApps.Metro实现Metro风格插件式系统(菜单篇)
这章主要说插件的菜单,可以说菜单是最核心的部分,前面我们已经实现了Document添加,现在主要就是生成具有层级关系的菜单,以及把菜单跟我们自定义的Document关联起来,也就是MenuPart-& ...
- Caliburn.Micro 杰的入门教程2 ,了解Data Binding 和 Events(翻译)
Caliburn.Micro 杰的入门教程1(翻译)Caliburn.Micro 杰的入门教程2 ,了解Data Binding 和 Events(翻译)Caliburn.Micro 杰的入门教程3, ...
- 从0到1:使用Caliburn.Micro(WPF和MVVM)开发简单的计算器
从0到1:使用Caliburn.Micro(WPF和MVVM)开发简单的计算器 之前时间一直在使用Caliburn.Micro这种应用了MVVM模式的WPF框架做开发,是时候总结一下了. Calibu ...
- WPF +MVVM(Caliburn.Micro)项目框架
最近做了一个软件,这个软件不是网站,但是与HTML,AJAX等技术密切相关,也不是只有单纯的数据库增删改查,还涉及到线程协调,比较复杂的文本处理…… 这样的软件,用OA,ERP的框架显然是不合适的,因 ...
- Caliburn.Micro学习笔记(一)----引导类和命名匹配规则
Caliburn.Micro学习笔记目录 用了几天时间看了一下开源框架Caliburn.Micro 这是他源码的地址http://caliburnmicro.codeplex.com/ 文档也写的很详 ...
- Caliburn.Micro学习笔记(二)----Actions
Caliburn.Micro学习笔记目录 上一篇已经简单说了一下引导类和简单的控件绑定 我的上一个例子里的button自动匹配到ViewModel事件你一定感觉很好玩吧 今天说一下它的Actions, ...
- Xamarin 的 MVVM 之 Caliburn.Micro
约定 Caliburn.Micro 以下简称 CMXamarin.Form 以下简称 XF 摘要CM 当前已释出 3.0 beta 版https://github.com/Caliburn-Micro ...
- 开源框架Caliburn.Micro
Caliburn.Micro学习笔记----引导类和命名匹配规则 用了几天时间看了一下开源框架Caliburn.Micro 这是他源码的地址http://caliburnmicro.codeple ...
随机推荐
- js解析xml,获取XMl标签属性值
<script type="text/javascript"> var xml="<?xml version=\"1.0\" enc ...
- .NET DLL 保护措施应用实例(百度云分享工具)
最近做了个小工具,将保护措施思路全部应用到了此工具中. 点我下载 “百度分享工具”介绍 大家都知道,在百度云盘中分享文件,只能手工一条条地点击“分享”,如果想分享很多文件,操作会非常辛苦.“百度云分享 ...
- jquery 中如何将数组转化为json字符串,然后再转化回来?
其实可以这样: $.fn.stringify = function() { return JSON.stringify(this); } 然后这样调用: $(array).stringify(); 转 ...
- 初探内联方式的 onload="doSomething()"为何要加"()"?而js代码的 onload="doSomething" 和 addEventListener 为何不加"()"?
问题引入:在看<Jquery基础教程>第四版的时,P34页有这样一段话 引用函数与调用函数 这里在将函数指定为处理程序时,省略了后面的圆括号,只使用了函数名.如果带着圆括号,函数会被立即调 ...
- Extjs Cmd 学习笔记
1.sencha app build 命令 <!-- <x-compile> --> <!-- <x-bootstrap> ...
- http请求访问过程
流程图(理解): 域名的作用: 对外,供访问 对内,提供域名与目录的对应关系 步骤说明: http://www.163.com/index.html 第1步:在本机的hosts文件中查找域名与IP的对 ...
- Makefile中=、:=、+=、?=的区别
=,就是基本的赋值 :=,覆盖原来的值 +=,添加新值 ?=,如果没有赋值则赋值
- 《Apache之访问本地用户家目录》——RHEL6.3
首先保证这个本地用户是系统上有的. 1.安装httpd软件包: Yum install httpd 2.启动apache服务: 3.配置用户的家目录: 4.打开apache访问家目录的权限: 5.配置 ...
- jquery.js有红叉
使用Eclipse 3.7及以上版本时,工程中加入jquery.min.js文件,发现该文件出现错误提示(红×),但使用Eclipse 3.7以前的版本就不会出现这种提示.是因为Eclipse 3.7 ...
- Window 8.1 计时器功能及图片切换
<Canvas Margin="450,0" Width="795" Grid.Column="1"> <Image Ma ...