|
概述
對于Deep Zoom想必大家都已經(jīng)不陌生了,在Silverlight 2 Beta 1時已經(jīng)提供了支持,并且提供了相應的工具Deep Zoom Composer。Silverlight 2 Beta 2中對于Deep Zoom又有了很大的改進,現(xiàn)在支持基于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
總體來說,利用Deep Zoom Composer實現(xiàn)Deep Zoom應用分為如下三個步驟:導入、組合、導出。這三個步驟在打開Deep Zoom Composer之后可以看到:
導入
第一步導入圖片,可以點擊“Add Image”按鈕,一次選擇想要導入的圖片,如下圖所示:
導入圖片后效果如下圖所示:
組合
經(jīng)過了第一步導入圖片后,我們可以對圖片進行組合,選擇需要加入到Deep Zoom應用中的圖片,并調(diào)整其位置及大小,如果在第一步?jīng)]有導入圖片,同樣可以通過“Add Image”按鈕來導入。如下圖所示:
我們方便的對圖片的布局等進行調(diào)整,如下圖所示:
導出
在對圖片組合完成后,我們可以進行導出操作,并設置一些導出規(guī)則,如應用的名稱,導出的路徑等,這里Deep Zoom Composer提供了一個非常方便的選項,我們可以直接導出圖片及生成Silverlight項目,如下圖所示:
效果
經(jīng)過以上三步之后,就可以直接生成Deep Zoom應用了,不用編寫一行代碼,生成的Silverlight項目結構如下:
可以直接打開DeepZoomProjectTestPage.html查看最終的效果,如下所示:
實際應用
新浪音樂在微軟 4 月 14 日 “Silverlight 鋒芒彰顯” 發(fā)布會中展示了新浪音樂最新的樂庫原型,其中應用了 Silverlight 中的 Deep Zoom 技術。更詳細的情形大家可以參考這篇文章中的視頻:
結束語
本文簡單的介紹了在Silverlight 2中實現(xiàn)Deep Zoom的應用,希望對大家有所幫助。
NET技術:Silverlight 2中實現(xiàn)Deep Zoom,轉載需保留來源!
鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯(lián)系我們修改或刪除,多謝。