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的應用，希望對大家有所協助。