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 



看看还凑合…

相关文章
|
6月前
|
存储 数据安全/隐私保护
Qt Installer Framework翻译(5-3)
Qt Installer Framework翻译(5-3)
|
7月前
|
文字识别 Linux 计算机视觉
toolkit-frame之toolkit-tools(实用功能)
toolkit-frame之toolkit-tools(实用功能)
53 0
|
JavaScript
推荐一款工具 -- Watt Toolkit
你是否在为访问Github速度慢而发愁?来来来,推荐你一款工具试试 「Watt Toolkit」是一个开源跨平台的多功能游戏工具箱。 网络加速 使用 YARP.ReverseProxy 开源项目进行本地反代来支持更快的访问游戏网站。 脚本配置 通过加速服务拦截网络请求将一些 JS 脚本注入在网页中,提供类似网页插件的功能。 账号切换 一键切换已在当前 PC 上登录过的 Steam 账号,与管理家庭共享库排序及禁用等功能。
4768 0
推荐一款工具 -- Watt Toolkit
|
Windows C# 索引
Windows Community Toolkit 4.0 - DataGrid - Overview
原文:Windows Community Toolkit 4.0 - DataGrid - Overview 概述 Windows Community Toolkit 4.0 于 2018 月 8 月初发布:Windows Community Toolkit 4.0 Release Note. 4.0 版本相较于 3.0,增加了 DataGrid 等控件,Sample App 支持了 Fluent Design 设计和明暗两种风格,修复了遗留的控件 BUG,接下来我们主要看一下 DataGrid 控件的实现。
1121 0
|
测试技术 开发工具 开发者