PivotViewer 主要基于 Pivot 和 Silverlight 4 的 Deep Zoom 技术,可供开发者创建自己的 Pivot 内容,并嵌入至网页。其实现分为数据收集和数据展示两部分,以在图书馆的应用为例,数据收集主要包括汇总所要展示的图书信息(如题名、责任者、出版年等)及图书封面(图片来源有豆瓣图书、超星的读秀学术搜索或图书馆手工扫描等方法),然后将图书信息与图片使用工具转换为PivotViewer的数据源文件;数据展示主要是将数据源部署到服务器上,并通过Silverlight页面来展现给用户。主要实现流程如图1所示:

图1

	Figure Option ViewDownloadNew Window
	图1 实现流程

由于PivotViewer是Silverlight中的一个控件,因此需要针对Silverlight的开发工具——Microsoft Visual Studio 2010 + Silverlight 4 SDK;而Silverlight是作为浏览器插件运行在浏览器上,所以要用PivotViewer展示数据,还需要准备一台Web服务器,利用Microsoft提供的工具将收集到的数据部署在服务器上,才能够通过浏览器查看PivotViewer页面。推荐服务器操作系统为Windows Server 2008 R2,Web发布系统为IIS 7.1。

Microsoft提供了三种数据收集的方式:使用Excel收集数据;使用命令行工具收集数据;在页面中实时收集数据。

其中,用Excel收集数据需要用到一个Excel插件:Microsoft PivotViewer Collection Tool for Microsoft Excel(下载地址:http://www.silverlight.net/learn/data-networking/pivot-viewer/download-excel-tool),由于Excel收集数据在分类定制上比较弱,而实时收集数据因在用户打开页面时进行数据收集会占用比较长的时间,所以本文推荐使用命令行工具Pivot Collection Tool for the Command Line(下载地址:http://pauthor.codeplex.com)收集数据。

下载该工具后,在命令行下执行代码命令,即设置文件的输入和输出路径,代码示例如下:

X:\Pauthor-RC3\Pauthor\bin>Pauthor.exe /source cxml X:\source.cxml /target deepzoom X:\newbook.cxml

其中源文件为source.cxml,输出文件为newbook.cxml。源文件为一个后缀为cxml的文件,是个UTF-8编码的XML文件,源文件和PivotViewer页面的对应如图2所示:

图2

	Figure Option ViewDownloadNew Window
	图2 源文件和PivotViewer页面的对应图

根据以上数据对应关系,把准备展示的图片信息数据制作成相应的XML文件,然后借助Pivot Collection Tool for the Command Line生成PivotViewer的数据源文件,包括索引文件(如上例中生成的newbook.cxml)和数据文件(如上例中在索引文件newbook.cxml旁生成数据文件夹newbook_files)。

需将以下三个MIME类型添加到Web服务器:

.cxml - text/xml

.dzc - text/xml

.dzi - text/xml

然后将本文3.1节生成的数据源文件部署到Web服务器根目录下。

打开Visual Studio 2010,在Web服务器根目录新建一个Silverlight 4项目。

(1)在项目中添加引用“System.Windows.Pivot.dll”(在C:\Program Files (x86)\Microsoft SDKs\Silverlight\v4.0\PivotViewer\Jun10\Bin\下)。

(2)在前台页面xaml里添加PivotViewer所需的引用声明:

xmlns:pivot="clr-namespace:System.Windows.Pivot;assembly=System.Windows.Pivot"

(3)在页面中添加一个PivotViewer并在后台事件中指定PivotViewer的数据源:

public MainPage()

{

InitializeComponent();

PivotViewerControl.LoadCollection("http://127.0.0.1/newbook.cxml", " ");

}

(4)运行编译工程,编译完毕后即可从客户端查看PivotViewer页面。