博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Silverlight Toolkit--PivotViewer
阅读量:7136 次
发布时间:2019-06-28

本文共 1770 字,大约阅读时间需要 5 分钟。

本文转自 sun8134 博客园博客,原文链接:http://www.cnblogs.com/sun8134/archive/2010/07/05/1771333.html   ,如需转载请自行联系原作者

PivotViewer控件可在较短时间内载入近千条数据,并将其进行可视化处理,在使用过程中,结合Deep Zoom技术,可以轻松阅览高分辨率的数据内容。

 

看效果图很带劲啊

那么就自己动手实验下效果吧

 

首先要收集数据,Pivot 为我们提供了3种收集方法

1. 

2. 

3. 

比较习惯excel,这里我们用excel来做演示。

 

安装完Pivot Collection Tool for Microsoft Excel后,可以在excel上看到加载项:

 

我们首先新建一个Collection :

 

Pivot 给我们提供了一个标准的数据模板

Image Location:图片的地址(绝对路径,只要填入图片的地址,自动就能出图片的预览图)

Preview:图片预览

Name:数据名称

Href:链接(Pivot每条数据可以跟一个页面链接 )

Description:内容介绍

根据我们的需要,我们还可以再添加(支持中文哦)

 

然后整理下数据

复制到模板里去:

最后再配置下输出的标题等信息

然后输出就可以了:

 

输出后我们的数据收集就结束了

 

然后打开VS2010,添加一个Silverlight4项目

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

然后在xaml里添加:

 

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

 

下面我们就可以使用PivotViewer了,添加一个PivotViewer:

 

 

这里我们定义了一个双击事件,在双击事件中,我们要弹出之前我们设置的链接

private void PivotViewerControl_ItemDoubleClicked(object sender, ItemEventArgs e)        {            PivotItem piv_item = PivotViewerControl.GetItem(e.ItemId);            if (!string.IsNullOrWhiteSpace(piv_item.Href))            {                PivotViewerControl.CurrentItemId = e.ItemId;                HtmlPage.Window.Navigate(new Uri(piv_item.Href, UriKind.RelativeOrAbsolute), "NewPage");            }            else            {                MessageBox.Show("No Web Page...");            }        }

 

 

注意别忘了

 

using System.Windows.Pivot;

 

 

 

当然最后我们不能忘了关键的一条,还没有把 PivotViewer指定到我们刚才收集的数据上呢(我放到了站点的根目录下)

public MainPage()        {            InitializeComponent();            PivotViewerControl.LoadCollection("http://127.0.0.1/New Collection1.cxml", " ");        }

 

然后编译运行,看看效果

为啥不显示呢…

我们还要添加MIME类型到Web服务器

    .cxml - text/xml

    .dzc  - text/xml

    .dzi   - text/xml

 

 

然后就能看效果了:

 

 

看看还凑合…

你可能感兴趣的文章
http/模板
查看>>
项目资料三
查看>>
C#中的deflate解压
查看>>
Linux用yum安装php7环境踩过的坑
查看>>
rsync & scp Difference
查看>>
java繁体转简体
查看>>
scala多重界定学习分享
查看>>
Linux基础命令---显示进程树pstree
查看>>
linux登录提示修改
查看>>
OSPF在企业网上的应用
查看>>
dede添加自定义函数
查看>>
CrazyWing:Python自动化运维开发实战 八、Python数据类型之字符串
查看>>
cp--复制文件或者目录
查看>>
RedHat 5.4 使用DVD光盘作为yum源
查看>>
rsync参数使用
查看>>
Android_如何静默安装
查看>>
今天二把刀管理员又学到一招
查看>>
Nagios+Cacti模块——Nagios飞信报警设置(三)
查看>>
Linux不完全学习笔记——网络的配置
查看>>
Hadoop 部署之 HBase (四)
查看>>