艾伟:Silverlight 2中实现Deep Zoom

概述

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

本文将简单介绍并分析如何使用Deep Zoom Composer制作Deep Zoom的应用。在开始之前,请先确保安装了如下工具:

1.Silverlight Tools Beta 2 for Visual Studio 2008

2.Deep Zoom Composer

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

导入

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

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

 

组合

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

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

导出

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

效果

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

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

 

实际应用

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

新浪音乐地图之 Deep Zoom 应用

结束语

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

时间: 2024-09-30 02:05:49

艾伟:Silverlight 2中实现Deep Zoom的相关文章

Silverlight 2中实现Deep Zoom

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

如何在Silverlight中使用Deep Zoom

Deep Zoom 使您能够快速缩放和平移高分辨率图像.Deep Zoom 可以使用多分辨率图像来实现上述功能. 本主题演示如何创建使用 Deep Zoom 的非常简单的 Silverlight 应用程序. 若要查看此应用程序的运行示例,请单击下面的链接. http://samples.msdn.microsoft.com/Silverlight/SampleBrowser/index.htm#/? sref=DeepZoomSimpleZoom 创建 Deep Zoom 图像 一个 Deep

Deep Zoom Composer 正式版发布!

 Deep Zoom Composer 正式版发布! 配合Expression Studio 3正式发布,微软发布了Deep Zoom composer的第一个最终版本. 下载地址:Download Deep Zoom Composer 和以前一样,安装前请卸载所有现存的Deep Zoom composer版本. What's New 这个发布版集中了以前各个版本中预览过的特性,有些已经超过一年了,下面我们来详细描述其中的一些. 容易的创建交互式Deep Zoom体验 Silverlight中的

Silverlight的Deep Zoom文件格式概述

Deep Zoom 源文件所使用的文件格式是基于 XML 的.在源文件中,您可以为单个大图像指定格式,也 可以为图像集合指定格式.本概述介绍 Deep Zoom 如何处理这些格式. 注意说明: 您可以使用工具来创建 Deep Zoom 源文件(例如,Deep Zoom Composer 或 Photosynth).这可以提 供一种方法来查看 Deep Zoom 文件格式的工作原理,包括拼块和拼块信息是如何存储到磁盘的. 注意说明: Deep Zoom 图像棱锥图仅支持 BitmapImage 类

初试Deep Zoom Composer

准备 1.Visual Studio 2008 2.Deep Zoom Composer( http://blogs.msdn.com/expression/archive/2008/03/05/download-the-preview-of-the-deep-zoom-composer.aspx) 3.Silverlight beta2 4. 图片若干 步骤 1. 打开Deep Zoom Composer ,新建Project ,Import 图片,图片将如 图显示在Deep Zoom Com

使用Silverlight Toolkit中的主题(Theme)

在Silverlight Tookit 中提供了大约十种主题,大家可以根据自己的喜好,很容易就在项目中实现 动态换肤效果.当然其官方还推荐了几个制作主题的插件,使用这些 Blend插件可以很方便的生成各 种 风格颜色的主题. 好了,下面开始今天的正文. 首先我们要下载该Tookit并将其中的相应DLL文件:Microsoft.Windows.Controls.Theming.dll加 载到当前的示例中,另外就是相关的theme文件了,我已将10种主题文件放在了这个DEMO的themes 文件夹下

Silverlight 2中多语言支持实现(下)

引言 最近项目要在Silverlight 2应用程序中实现本地化,原以为这个过程非常简单,却没想到实现的时候 一波三折,好在结果还算不错.需求是这样的,用户第一次访问的时候,默认为英文,当用户选择一种显 示语言后,记录在本地,下次用户访问时直接显示已经选择的语言.现在我把整个实现的过程记录下来, 希望对大家有所帮助. 苦笑不得的缺陷 在Silverlight 2中多语言支持实现(上)文章的最后,我们通过修改项目文件中SupportedCultures 来实现了多语言的支持,之所以能够成功,是因为

Silverlight 2中多语言支持实现(上)

引言 最近项目要在Silverlight 2应用程序中实现本地化,原以为这个过程非常简单,却没想到实现的时候 一波三折,好在结果还算不错.需求是这样的,用户第一次访问的时候,默认为英文,当用户选择一种显 示语言后,记录在本地,下次用户访问时直接显示已经选择的语言.现在我把整个实现的过程记录下来, 希望对大家有所帮助. 准备工作 我们发现在Silverlight 2中提供了ResourceManager类,这意味着可以通过资源文件来实现,首先在 Silverlight项目中建立一个文件夹,命名为R

谈谈Silverlight 2中的视觉状态管理 Part2

概述 在WPF和Silverlight中的控件模板支持自定义控件的观感,所谓的外观,指控件的视觉效果:而感觉 则是控件交互的响应性,如在控件上按下鼠标.控件获得焦点等状态的改变.微软在Silverlight 2 Beta 2中引进了一个新的概念视觉状态管理(Visual State Manager),为我们创建交互性的控件模板提供了 极大的方便.接下来我将会用几篇文章来介绍一下Silverlight 2中的视觉状态管理. 本文为该系列第二篇,介绍如何利用Silverlight 2中的视觉状态管理