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

应用架构

前边两章都是将的UI方面的知识。这里UI结构已经有了，现在要引人一个开发架构：Composite  “Prism”。
前期准备工作
首先在项目主页下载最新版本的Composite。
我这里下载的是《Composite Application Guidance for WPF and Silverlight - October 2009》
解压安装
编译项目
将以下的5个dll找出以作备用
至此前期准备工作完成。
改造项目

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


2.重命名MainPage.xaml为Shell.xaml
3.打开Shell.xaml.cs文件将MainPage类重命名为Shell
4.在XAML视图中修改x:Class 与之相对应的后端代码关联
5.添加Region
在Shell.xaml中添加Prism的命名空间
    xmlns:Regions="clr-namespace:Microsoft.Practices.Composite.Presentation.Regions;assembly=Microsoft.Practices.Composite.Presentation"
这样子就可以为Region添加Prism中的依赖属性了。
在图中红色区域的Grid中添加一个ItemControl控件
6.添加Bootstarpper，在项目中新建立一个Bootstrapper继承自UnityBootstrapper的类。
7.修改App.xaml，在app.xaml中修改其启动方法。
至此，项目改造告一段落。下来为下图中的红色区域制作一个HelloWorld来看看效果。
8.新建一个名为OperatingTableTestModule的silverlight类库。删除app.xaml、mainpage.xaml两个文件并添加对“Microsoft.Practices.Composite.dll”和“Microsoft.Practices.Composite.Presentation.dll”的引用。
9.在项目中新建立一个文件夹“Views”，并在这个文件夹下创建一个HelloPrismView.xaml的文件。在其中绘制如下的图案。
10.在项目中添加一个名为HelloPrismModule的类，它派生自IModule接口。
在Initialize方法中，将MainRegion与Views中的HelloPrismView相关联。
11.再回到OperatingTable项目中，添加其对OperatingTableTestModule项目的引用。找到Bootstarpper类，修改其GetModuleCatalog方法，使其加载刚才新建立的项目模块。
编译项目 运行
ok，这里看到了OperatingTableTestModule项目中的View替换了原先的ItemsControl。
扩展
这里看到了Hello Prism并没有自适应容器，而是根据自身的大小来做的布局。这里有一个小小的技巧。
为ItemsControl加一个Grid模板就可以做到。
再次运行
如图，他自适应了容器大小，更加的美观了。
应用了Prism架构我们可以把界面拆分成若干小的模块，更加方面的以扩展模块的方式来开发silverlight应用。
演示地址：
 
作者：Nasa 
文章出处：我和未来有约会 (http://nasa.cnblogs.com/) 
版权声明：本文的版权归作者与博客园共有。转载时须注明本文的详细链接，否则作者将保留追究其法律责任。
 
参考资料：
posted @ 2010-02-06 23:04  王喆(nasa)  阅读(3904)  评论(9)  编辑  收藏  举报