概述

對于Deep Zoom想必大家都已經(jīng)不陌生了，在Silverlight 2 Beta 1時已經(jīng)提供了支持，并且提供了相應(yīng)的工具Deep Zoom Composer。Silverlight 2 Beta 2中對于Deep Zoom又有了很大的改進(jìn)，現(xiàn)在支持基于XML的DeepZoom集合的Manifest文件，Beta2還對DeepZoom加了可擴(kuò)展的MultiScaleTileSource支持，更新之后的Deep Zoom Composer可以使我們不用編寫一行代碼直接可視化的生成Deep Zoom應(yīng)用。

本文將簡單介紹并分析如何使用Deep Zoom Composer制作Deep Zoom的應(yīng)用。在開始之前，請先確保安裝了如下工具：

1.Silverlight Tools Beta 2 for Visual Studio 2008

2.Deep Zoom Composer

總體來說，利用Deep Zoom Composer實(shí)現(xiàn)Deep Zoom應(yīng)用分為如下三個步驟：導(dǎo)入、組合、導(dǎo)出。這三個步驟在打開Deep Zoom Composer之后可以看到：

導(dǎo)入

第一步導(dǎo)入圖片，可以點(diǎn)擊“Add Image”按鈕，一次選擇想要導(dǎo)入的圖片，如下圖所示：

導(dǎo)入圖片后效果如下圖所示：

組合

經(jīng)過了第一步導(dǎo)入圖片后，我們可以對圖片進(jìn)行組合，選擇需要加入到Deep Zoom應(yīng)用中的圖片，并調(diào)整其位置及大小，如果在第一步?jīng)]有導(dǎo)入圖片，同樣可以通過“Add Image”按鈕來導(dǎo)入。如下圖所示：

我們方便的對圖片的布局等進(jìn)行調(diào)整，如下圖所示：

導(dǎo)出

在對圖片組合完成后，我們可以進(jìn)行導(dǎo)出操作，并設(shè)置一些導(dǎo)出規(guī)則，如應(yīng)用的名稱，導(dǎo)出的路徑等，這里Deep Zoom Composer提供了一個非常方便的選項(xiàng)，我們可以直接導(dǎo)出圖片及生成Silverlight項(xiàng)目，如下圖所示：

效果

經(jīng)過以上三步之后，就可以直接生成Deep Zoom應(yīng)用了，不用編寫一行代碼，生成的Silverlight項(xiàng)目結(jié)構(gòu)如下：

可以直接打開DeepZoomProjectTestPage.html查看最終的效果，如下所示：

實(shí)際應(yīng)用

新浪音樂在微軟 4 月 14 日 “Silverlight 鋒芒彰顯” 發(fā)布會中展示了新浪音樂最新的樂庫原型，其中應(yīng)用了 Silverlight 中的 Deep Zoom 技術(shù)。更詳細(xì)的情形大家可以參考這篇文章中的視頻：

新浪音樂地圖之 Deep Zoom 應(yīng)用

結(jié)束語

本文簡單的介紹了在Silverlight 2中實(shí)現(xiàn)Deep Zoom的應(yīng)用，希望對大家有所幫助。

NET技術(shù)：Silverlight 2中實(shí)現(xiàn)Deep Zoom，轉(zhuǎn)載需保留來源！

鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請第一時間聯(lián)系我們修改或刪除，多謝。