silverlight:Silverlight 2中实现Deep Zoom

  概述  对于Deep Zoom想必大家都已经不陌生了在Silverlight 2 Beta 1时已经提供了支持并且提供了相应工具Deep Zoom ComposerSilverlight 2 Beta 2中对于Deep Zoom又有了很大改进现在支持基于XMLDeepZoom集合Manest文件Beta2还对DeepZoom加了可扩展MultiScaleTileSource支持更新的后Deep Zoom Composer可以使我们不用编写行代码直接可视化生成Deep Zoom应用

  在开始的前请先确保安装了如下工具:

  1.Silverlight Tools Beta 2 for Visual Studio 2008

  2.Deep Zoom Composer

  总体来说利用Deep Zoom Composer实现Deep Zoom应用分为如下 3个步骤:导入、组合、导出这 3个步骤在打开Deep Zoom Composer的后可以看到:

Silverlight 2中实现Deep Zoom

  导入  第步导入图片可以点击“Add Image”按钮次选择想要导入图片如下图所示:

Silverlight 2中实现Deep Zoom

  导入图片后效果如下图所示:

Silverlight 2中实现Deep Zoom 

  组合  经过了第步导入图片后我们可以对图片进行组合选择需要加入到Deep Zoom应用中图片并调整其位置及大小如果在第步没有导入图片同样可以通过“Add Image”按钮来导入如下图所示:

Silverlight 2中实现Deep Zoom

  我们方便对图片布局等进行调整如下图所示:

Silverlight 2中实现Deep Zoom

  导出  在对图片组合完成后我们可以进行导出操作并设置些导出规则如应用名称导出路径等这里Deep Zoom Composer提供了个非常方便选项我们可以直接导出图片及生成Silverlight项目如下图所示:

Silverlight 2中实现Deep Zoom

  效果  经过以上 3步的后就可以直接生成Deep Zoom应用了不用编写行代码生成Silverlight项目结构如下:

Silverlight 2中实现Deep Zoom

  可以直接打开DeepZoomProjectTestPage.html查看最终效果如下所示:

  实际应用  新浪音乐在微软 4 月 14 日 “Silverlight 锋芒彰显” 发布会中展示了新浪音乐最新乐库原型其中应用了 Silverlight 中 Deep Zoom 技术更详细情形大家可以参考这篇文章中视频:

  新浪音乐地图的 Deep Zoom 应用

  结束语  本文简单介绍了在Silverlight 2中实现Deep Zoom应用希望对大家有所帮助

Tags:  silverlight2 silverlight.2.0 silverlight是什么 silverlight

延伸阅读

最新评论

发表评论