开发者社区> 技术小美> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

Silverlight Toolkit--PivotViewer

简介:
+关注继续查看

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



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

image

 

看效果图很带劲啊

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

 

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

1. Pivot Collection Tool for Microsoft Excel

2. Pivot Collection Tools for the Command Line

3. Sample Code for Creating Just in Time Pivot Collections

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

 

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

image

 

我们首先新建一个Collection :

image

 

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

image

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

Preview:图片预览

Name:数据名称

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

Description:内容介绍

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

 

然后整理下数据

image

复制到模板里去:

image

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

image

然后输出就可以了:

image

 

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

image

 

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

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

image

然后在xaml里添加:

 

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

 


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

 

            <pivot:PivotViewer Name="PivotViewerControl"
                               Grid.Column="0"
                               ItemDoubleClicked="PivotViewerControl_ItemDoubleClicked">
            </pivot: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

image

 

 

然后就能看效果了:

image 



image

image 



看看还凑合…

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
推荐一款工具 -- Watt Toolkit
你是否在为访问Github速度慢而发愁?来来来,推荐你一款工具试试 「Watt Toolkit」是一个开源跨平台的多功能游戏工具箱。 网络加速 使用 YARP.ReverseProxy 开源项目进行本地反代来支持更快的访问游戏网站。 脚本配置 通过加速服务拦截网络请求将一些 JS 脚本注入在网页中,提供类似网页插件的功能。 账号切换 一键切换已在当前 PC 上登录过的 Steam 账号,与管理家庭共享库排序及禁用等功能。
0 0
Mobius Forensic Toolkit
Mobius Forensic Toolkit is a forensic framework written in Python/GTK that manages cases and cas...
451 0
+关注
文章
问答
文章排行榜
最热
最新
相关电子书
更多
FLowFuzz A Framework
立即下载
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载