Silverlight Toolkit--PivotViewer

本文轉自 sun8134 部落格園部落格，原文連結：http://www.cnblogs.com/sun8134/archive/2010/07/05/1771333.html   ，如需轉載請自行聯系原作者

PivotViewer控件可在較短時間内載入近千條資料，并将其進行可視化處理，在使用過程中，結合Deep Zoom技術，可以輕松閱覽高分辨率的資料内容。

<a href="http://images.cnblogs.com/cnblogs_com/sun8134/WindowsLiveWriter/SilverlightToolkit_B2DB/image_2.png"></a>

看效果圖很帶勁啊

那麼就自己動手實驗下效果吧

首先要收集資料，Pivot 為我們提供了3種收集方法

比較習慣excel，這裡我們用excel來做示範。

安裝完Pivot Collection Tool for Microsoft Excel後，可以在excel上看到附加元件：

<a href="http://images.cnblogs.com/cnblogs_com/sun8134/WindowsLiveWriter/SilverlightToolkit_B2DB/image_6.png"></a>

我們首先建立一個Collection ：

<a href="http://images.cnblogs.com/cnblogs_com/sun8134/WindowsLiveWriter/SilverlightToolkit_B2DB/image_8.png"></a>

Pivot 給我們提供了一個标準的資料模闆

<a href="http://images.cnblogs.com/cnblogs_com/sun8134/WindowsLiveWriter/SilverlightToolkit_B2DB/image_10.png"></a>

Image Location：圖檔的位址（絕對路徑，隻要填入圖檔的位址，自動就能出圖檔的預覽圖）

Preview：圖檔預覽

Name：資料名稱

Href：連結（Pivot每條資料可以跟一個頁面連結 ）

Description：内容介紹

根據我們的需要，我們還可以再添加（支援中文哦）

然後整理下資料

<a href="http://images.cnblogs.com/cnblogs_com/sun8134/WindowsLiveWriter/SilverlightToolkit_B2DB/image_12.png"></a>

複制到模闆裡去：

<a href="http://images.cnblogs.com/cnblogs_com/sun8134/WindowsLiveWriter/SilverlightToolkit_B2DB/image_14.png"></a>

最後再配置下輸出的标題等資訊

<a href="http://images.cnblogs.com/cnblogs_com/sun8134/WindowsLiveWriter/SilverlightToolkit_B2DB/image_18.png"></a>

然後輸出就可以了：

<a href="http://images.cnblogs.com/cnblogs_com/sun8134/WindowsLiveWriter/SilverlightToolkit_B2DB/image_16.png"></a>

輸出後我們的資料收集就結束了

<a href="http://images.cnblogs.com/cnblogs_com/sun8134/WindowsLiveWriter/SilverlightToolkit_B2DB/image_20.png"></a>

然後打開VS2010，添加一個Silverlight4項目

首先添加引用“System.Windows.Pivot.dll”（在C:\Program Files (x86)\Microsoft SDKs\Silverlight\v4.0\PivotViewer\Jun10\Bin\下）

<a href="http://images.cnblogs.com/cnblogs_com/sun8134/WindowsLiveWriter/SilverlightToolkit_B2DB/image_22.png"></a>

然後在xaml裡添加：

下面我們就可以使用PivotViewer了，添加一個PivotViewer：

這裡我們定義了一個輕按兩下事件，在輕按兩下事件中，我們要彈出之前我們設定的連結

注意别忘了

當然最後我們不能忘了關鍵的一條，還沒有把 PivotViewer指定到我們剛才收集的資料上呢(我放到了站點的根目錄下)

然後編譯運作，看看效果

為啥不顯示呢…

我們還要添加MIME類型到Web伺服器

    .cxml - text/xml

    .dzc  - text/xml

    .dzi   - text/xml

<a href="http://images.cnblogs.com/cnblogs_com/sun8134/WindowsLiveWriter/SilverlightToolkit_B2DB/image_30.png"></a>

然後就能看效果了：

<a href="http://images.cnblogs.com/cnblogs_com/sun8134/WindowsLiveWriter/SilverlightToolkit_B2DB/image_26.png"></a>

嗯

看看還湊合…