Silverlight学习之——如何在 Silverlight 中使用 Deep Zoom

Deep Zoom 使您能够快速缩放和平移高分辨率图像。Deep Zoom 可以使用多分辨率图像来实现上述功能。

下面演示如何创建使用 Deep Zoom 的非常简单的 Silverlight 应用程序。

创建 Deep Zoom 图像:

一个 Deep Zoom 图像由多个不同分辨率的 JPEG 或 PNG 图像的图块组成，这些图块构成一个"图像棱锥图"。创建 Deep Zoom 图像的最佳方式是使用 Deep Zoom Composer 之类的工具。

演示用Deep Zoom Composer创建图像

1. 下载和安装 Deep Zoom Composer。

2. 启动 Deep Zoom Composer 并创建一个新项目。

3. 在"导入"工作区中，单击"添加图像"并向项目添加一个高分辨率图像。

4. 单击"组合"工作区。

5. 在"图像"选项卡上，将图像拖到图形板上。

6. 按需要调整图像大小。

7. 单击"导出"工作区。

8. 单击"自定义"选项卡。

9. 在"输出类型"部分，选择"Silverlight Deep Zoom"。

10. 在"名称"框中，键入 dzc_output。

11. 在"位置"框中，指定位置。

12. 在"图像设置"部分，选择"导出为组合(单个图像)"。

13. 让其他设置保留其默认值。

14. 单击"导出"按钮以导出 Deep Zoom 图像文件。

在VS或Blend中加载Deep Zoom图像：

1. 在 Visual Studio 中，使用 Visual Basic 或 C# 新建一个 Silverlight 应用程序项目。

找到宿主程序的ClientBin文件夹。（注意：在一些资料中介绍的是当前Silverlight应用程序的 Bin\Debug文件夹，但过我的试验在这个文件夹下是不行的）
新建名为 Source 的文件夹。
在由 Deep Zoom Composer 创建的 Working Data 文件夹中，将生成的 dzc_output.xml 文件和 dzc_output_files 文件夹复制到 Source 文件夹。
在 Visual Studio 中，打开 MainPage.xaml。
在 Grid 元素中，添加以下 MultiScaleImage 元素。

[xaml]


<MultiScaleImage x:Name="deepZoomObject" Source="source/dzc_output.xml" />

生成并运行应用程序。

您应能看到 Deep Zoom 图像占据了整个浏览器窗口。

刷新浏览器。

注意，该图像最初模糊，然后变得清晰。

最后，添加相应的交互，不用讲了，在上一篇的最后介绍了一下：http://www.cnblogs.com/shihao/archive/2009/12/29/1634811.html

Silverlight学习之——如何在 Silverlight 中使用 Deep Zoom相关推荐

如何在SharePoint2010中添加Deep Zoom Image
如何在SharePoint2010中添加Deep Zoom Image 应用范围 SharePoint 2010 Foundation:SharePoint 2010 Standard:SharePo ...
HTTP3快来了，提前学习一下如何在Nginx中支持HTTP3.0/QUIC
HTTP3快来了,提前学习一下如何在Nginx中支持HTTP3.0/QUIC HTTP3.0,也称作HTTP over QUIC.核心是QUIC(读音quick)协议,由Google在2015年提出的 ...
SilverLight学习笔记--如何在xaml文件中操作用户在后台代码定义的类(2)--示例篇：创建一个登录控件(原创)(转载本文请注明出处)...
本文将示例如何运用前篇所写知识来建立一个用户自定义的登录控件.此控件界面非常简单,主要涉及的知识点是: 如何创建用户控件(包括对此控件的自定义事件和属性的编写,此处我们将创建一个名为LoginBo ...
Silverlight学习笔记(3)：Silverlight的界面布局
在上一篇中讲述了使用VS2010开发Silverlight的一些基础知识,并且讲述了Silverlight的部署和代码安全知识,这一篇主要是讲述如何在Silverlight中摆放界面元素. 记得早年前 ...
四十二、开始Vuex的学习：如何在Vue中使用Vuex
@Author:Runsen @Date:2020/7/12 人生最重要的不是所站的位置,而是内心所朝的方向.只要我在每篇博文中写得自己体会,修炼身心:在每天的不断重复学习中,耐住寂寞,练就真功,不畏 ...
使用keras进行深度学习_如何在Keras中通过深度学习对蝴蝶进行分类
使用keras进行深度学习 A while ago I read an interesting blog post on the website of the Dutch organization V ...
PS学习记录111111--如何在PS中创建一个干净的网页布局
作为编码者,美工基础是偏弱的.我们可以参考一些成熟的网页PS教程,提高自身的设计能力.套用一句话,"熟读唐诗三百首,不会作诗也会吟". 1111111111111111111111 ...
matlab学习笔记:如何在matlab中如何自定义函数和匿名函数
matlab在一定程度上也能完成编程工作,其程序语言是由C++演变过来的,但却又不尽相同.matlab的程序语言在拓展性上没有C++齐全,但也足够应付一些简单的程序,而且比C++更易于学习. inpu ...
快速学习：如何在Java中以编程方式将PNG或JPG图像转换为PSD？
JPG和PNG图像是一些最常用的光栅图像格式.有时可以根据需要将JPG或PNG图像转换为PSD文件格式.当要将不同的图层组合到一个文件中时,这可能会很有用.本文将介绍一下更多详细信息: 使用Java以 ...

Silverlight学习之——如何在 Silverlight 中使用 Deep Zoom

Silverlight学习之——如何在 Silverlight 中使用 Deep Zoom相关推荐

最新文章

热门文章