zoukankan      html  css  js  c++  java
  • 艾伟: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之后可以看到:

    TerryLee_0133

    导入

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

    TerryLee_0134

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

    TerryLee_0135 

    组合

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

    TerryLee_0140

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

    TerryLee_0141

    导出

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

    TerryLee_0142

    效果

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

    TerryLee_0143

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

    实际应用

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

    新浪音乐地图之 Deep Zoom 应用

    结束语

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

  • 相关阅读:
    洛谷—— P3353 在你窗外闪耀的星星
    洛谷—— P1238 走迷宫
    洛谷—— P1262 间谍网络
    9.8——模拟赛
    洛谷—— P1189 SEARCH
    算法
    May 22nd 2017 Week 21st Monday
    May 21st 2017 Week 21st Sunday
    May 20th 2017 Week 20th Saturday
    May 19th 2017 Week 20th Friday
  • 原文地址:https://www.cnblogs.com/waw/p/2156940.html
Copyright © 2011-2022 走看看