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>

嗯

看看还凑合…