在开始的前请先确保安装了如下工具:
1.Silverlight Tools Beta 2 for Visual Studio 2008
2.Deep Zoom Composer
总体来说利用Deep Zoom Composer实现Deep Zoom应用分为如下 3个步骤:导入、组合、导出这 3个步骤在打开Deep Zoom Composer的后可以看到:
导入 第步导入图片可以点击“Add Image”按钮次选择想要导入图片如下图所示:
导入图片后效果如下图所示:
组合 经过了第步导入图片后我们可以对图片进行组合选择需要加入到Deep Zoom应用中图片并调整其位置及大小如果在第步没有导入图片同样可以通过“Add Image”按钮来导入如下图所示:
我们方便对图片布局等进行调整如下图所示:
导出 在对图片组合完成后我们可以进行导出操作并设置些导出规则如应用名称导出路径等这里Deep Zoom Composer提供了个非常方便选项我们可以直接导出图片及生成Silverlight项目如下图所示:
效果 经过以上 3步的后就可以直接生成Deep Zoom应用了不用编写行代码生成Silverlight项目结构如下:
可以直接打开DeepZoomProjectTestPage.html查看最终效果如下所示:
实际应用 新浪音乐在微软 4 月 14 日 “Silverlight 锋芒彰显” 发布会中展示了新浪音乐最新乐库原型其中应用了 Silverlight 中 Deep Zoom 技术更详细情形大家可以参考这篇文章中视频:
新浪音乐地图的 Deep Zoom 应用
结束语 本文简单介绍了在Silverlight 2中实现Deep Zoom应用希望对大家有所帮助
最新评论