建立可扩展的silverlight 应用框架 step-3

简介: 应用架构 前边两章都是将的UI方面的知识。这里UI结构已经有了,现在要引人一个开发架构:Composite  “Prism”。 前期准备工作 首先在项目主页下载最新版本的Composite。

应用架构

前边两章都是将的UI方面的知识。这里UI结构已经有了,现在要引人一个开发架构:Composite  “Prism”。
前期准备工作

首先在项目主页下载最新版本的Composite。
File?id=df5kjk97_9654kf5pwg7_b
我这里下载的是《Composite Application Guidance for WPF and Silverlight - October 2009》
解压安装
File?id=df5kjk97_964c8fk4hg9_b
编译项目
将以下的5个dll找出以作备用
File?id=df5kjk97_966hkmnvqfh_b
至此前期准备工作完成。
改造项目

1.为项目添加之前准备的几个DLL的引用

File?id=df5kjk97_967wfjctwg3_b

2.重命名MainPage.xaml为Shell.xaml
3.打开Shell.xaml.cs文件将MainPage类重命名为Shell
File?id=df5kjk97_968f83shkgh_b
4.在XAML视图中修改x:Class 与之相对应的后端代码关联
File?id=df5kjk97_969cv37wwdj_b
5.添加Region
在Shell.xaml中添加Prism的命名空间
    xmlns:Regions="clr-namespace:Microsoft.Practices.Composite.Presentation.Regions;assembly=Microsoft.Practices.Composite.Presentation"
这样子就可以为Region添加Prism中的依赖属性了。
在图中红色区域的Grid中添加一个ItemControl控件
File?id=df5kjk97_970fvch39ft_b
6.添加Bootstarpper,在项目中新建立一个Bootstrapper继承自UnityBootstrapper的类。
File?id=df5kjk97_971d3c6b4f2_b
File?id=df5kjk97_972t5h4tqw5_b
7.修改App.xaml,在app.xaml中修改其启动方法。
File?id=df5kjk97_973cqqxn7dj_b
至此,项目改造告一段落。下来为下图中的红色区域制作一个HelloWorld来看看效果。
File?id=df5kjk97_970fvch39ft_b

8.新建一个名为OperatingTableTestModule的silverlight类库。删除app.xaml、mainpage.xaml两个文件并添加对“Microsoft.Practices.Composite.dll”和“Microsoft.Practices.Composite.Presentation.dll”的引用。
File?id=df5kjk97_974dqj5xgdr_b
9.在项目中新建立一个文件夹“Views”,并在这个文件夹下创建一个HelloPrismView.xaml的文件。在其中绘制如下的图案。
File?id=df5kjk97_975cwcwpnc2_b
10.在项目中添加一个名为HelloPrismModule的类,它派生自IModule接口。
File?id=df5kjk97_976hjjs2dhj_b
在Initialize方法中,将MainRegion与Views中的HelloPrismView相关联。
File?id=df5kjk97_977dv664wdj_b

11.再回到OperatingTable项目中,添加其对OperatingTableTestModule项目的引用。找到Bootstarpper类,修改其GetModuleCatalog方法,使其加载刚才新建立的项目模块。
File?id=df5kjk97_978f5qft7g8_b

编译项目 运行
File?id=df5kjk97_979c85n32fx_b
ok,这里看到了OperatingTableTestModule项目中的View替换了原先的ItemsControl。

扩展
这里看到了Hello Prism并没有自适应容器,而是根据自身的大小来做的布局。这里有一个小小的技巧。
为ItemsControl加一个Grid模板就可以做到。
File?id=df5kjk97_980cg4dvjft_b
File?id=df5kjk97_981gvr87kdv_b
再次运行
File?id=df5kjk97_982hqt66dcq_b
如图,他自适应了容器大小,更加的美观了。
应用了Prism架构我们可以把界面拆分成若干小的模块,更加方面的以扩展模块的方式来开发silverlight应用。

演示地址:
 
作者:Nasa 
文章出处:我和未来有约会 (http://nasa.cnblogs.com/
版权声明:本文的版权归作者与博客园共有。转载时须注明本文的详细链接,否则作者将保留追究其法律责任。
 
参考资料:
相关文章

热门文章

最新文章