正所谓“工欲善其事,必先利其器”,环境搭建乃是最重要的一步。以前上大学的时候阅过不少大师写的教材,第一章便是讲什么是Hello World,但我却在环境搭建上郁闷得要死,于是要在屏幕上显示一条Hello World是那么的艰难。
需要安装的软件:Visual Studio 2008、Silverlight2 beta1 tools for VS2008、Expression Blend2.5 和Deep Zoom Composer。
注意:在安装Silverlight2 beta1 tools for VS2008之前,确保将你以前可能安装过的Silverlight插件,Silverlight SDK, Expression Blend等先卸载掉,如果安装不了Silverlight2 beta1 tools for VS2008,那么你的VS2008中就找不到Silverlight2的项目模板,也就没法创建Sliverlight2项目了。
Blend的使用想必大家都比较熟悉了,如果有不熟悉的,可以到这里观看视频教程
Deep Zoom Composer是一个专为DeepZoom设计的一个小工具,我翻译了它的用户指南,希望对你有所帮助。
Deep Zoom Composer User Guide
介绍
微软的Silverligth2包含了对由“SeaDargon”团队创建的Deep Zoom技术的支持。简单地说,Deep Zoom技术就是能让你查看很大的一副图片但仅仅将当前显示在你屏幕上的部分发送到你的浏览器里。你也可以对图片进行平滑的缩放和平铺。这就像是在线地图将一副很大的图片划分成很多很小的平铺的图片然后将那些你正在查看的发送到你的屏幕上。这所带来的好处就是你不必花大量时间来下载一副很大的图片数据而这些甚至你从来就没有看或注意到过。这项技术非常酷,但说实话,要为这些图片序列创建正确的坐标信息却不是一件容易的事情,而刚好Expression团队为我们带来了一个工具,我们暂时称为“Deep Zoom Composer”
Expression Deep Zone Composer 让我们可以按照任何方式排列一个图片集中的图片(很大的图片哈),然后将他们的最终排列方式发布到Silverlight2中一个称为MultiScaleImage的控件中去。我们这个工具的输出是平铺图的一个集合,你最终将看到的是一个XML文件,一个BIN文件以及一个编号的文件夹的集合,每个文件夹中包含着最终图片排列的一部分。在一个MultiScaleImage控件中引用一个BIN文件所用到的XAML大致是这个样子:
谁会使用这样的应用程序呢?任何对Silverlight2感兴趣并且想对大图进行缩放平铺等高级操作的人。如果没有这项技术要想完成标准带宽下的连接显得异常困难。这个工具的受众是一些很平常的用户,有个几个很普通的场景会用到,地图是其中之一,另外一个可能是在线广告其用于为产品提供一个非常易于交互的和非常细节的观察角度。
接下来是描述一下用户如何创建一个Deep Zoom Composer app 项目,排列导入的图像,最后输出为一个Deep Zoom Image.
启动
欢迎屏幕
启动Deep Zoom Composer后用户会看到一个飞溅屏幕(splash screen)紧接着是欢迎屏幕,在欢迎屏幕上我们可以看到两个标签页:Project和Help.
Project标签页为用户提供了一个最近查看的项目列表以及New Project和Open Project操作。
Help标签页提供了诸如User Guide之类的有用信息。

项目
Deep Zoom Composer项目结构如下:
· Default Path: 项目存储在: C:"Users"
· Source Images: 所有的项目都有一个Source Images文件夹用于存放导入的图片。
· Working Data: working data 目录包含了那些用于在面板上进行缩放的数据。
· Project file: 每个项目都有一个*.sdprj 文件用于包含项目相关信息。
· Output: 当用户选择导出一个 .sdi (Seadragon Image) 文件时其将被输出到source images"OutputSdi 文件夹下。