Silverlight专题(3)-使用Deep Zoom Composer

概述:

本系列文章的原型源自实际的项目。使用Silverlight 2 Beta2,底层语言使用C#。希望对大家的Silverlight 2的入门有所帮助

本文将讲述如何使用Deep Zoom Composer来创建绚丽的网络应用

Deep Zoom Composer简介:

Deep Zoom Composer是微软的一个技术预览,使用这个工具可以创建用了Deep Zoom特性来展示图片

使用这个工具,我们将创建在网络上以一种很平滑的方式来展示图片,特别是高像素的图片的应用程序

目前这个工具只支持XP SP2和Vista两种操作系统

安装前必须先安装Silverlight 2 Beta 2

目前最新版本的Deep Zoom Composer为8月的Preview

在这个最新的版本里你可以通过 Live ID 进行登录,把你的图片创建相册,直接上传到 PhotoZoom 中。

另外,你还可以在这个版本的 Depp Zoom Composer 中使用微软研究院的 Panoramic Stitching 技术

(一个图片的拼接算法,可以将拍摄同一场景的多张图片组成一张全景图,本文将向您展示如何操作

清明上河图等长卷画作的电子化平滑浏览可以说是其的一个直接应用)

下载地址为http://www.microsoft.com/downloads/details.aspx?FamilyID=457b17b7-52bf-4bda-87a3-fa8a4673f8bf&DisplayLang=en

创建第一个Deep Zoom Project:

启动Deep Zoom Composer程序将出现如下界面

deepzoom

下面创建Deep Zoom Project如下

deepzoom01

接下来就是先Import需要编辑的图片了,如下

deepzoom02

我添加进了昨天刚刚拍的恭王府多福轩的照片(你可以添加你想添加的拍过的同一场景的照片),如下

deepzoom03

接下来就是对刚刚导入的图片进行组合了,微软称呼其为Composer,有点作曲大师的意思:-)

选择需要组合的图片并拖入左边的工作区如下

deepzoom04

你可以选择左下角的一些按钮对刚刚添加进Composer的图片进行重新位置调整

(水平左,居中,右对齐;垂直上,居中,下对齐;对角对齐等等)

deepzoom05

下面我们就可以创建我们自己的图片拼接了

首先选择所有图片,右键点击鼠标,并选择Create panoramic photo...如下

deepzoom06

处理完毕后将出现如下拼接完成后的图片确认窗口,并点击Save Cropped Image将生成拼接完毕的图如下

(具体的处理是先将图片分割成很多块,然后通过算法计算来拼接,分割成的块你可以在当前目录下的一个子目录working data里面找到

实现局部更新也就是根据Focus的位置来载入这个区域的图片块,和Vitual Earth同理)

deepzoom07

放置好你要展示的成果,下面我们就可以创建好的图片或者项目导出到PhotoZoom或者Silverlight应用程序

deepzoom09

我这里选择Export Images and Silverlight project,也就是生成Silverlight应用程序了

等待上几十秒的等待,你将等到如下界面

image

选择最左边的Preview In Brower来通过浏览器预览咱们的成果如下

 

你可以通过鼠标滚轮的滚动来放大缩小图片

图片将局部更新(有点类似Google Earth的感觉)

(当然这边不行,因为我的应用程序没有上传上线)

posted @ 2008-09-07 23:45  ibillguo  阅读(4345)  评论(4编辑  收藏  举报