“WPF/E”（代号）结构概述

发布日期： 2007-06-12 | 更新日期： 2007-06-12

Barak Cohen

Microsoft Corporation

适用于：“WPF/E”（代号）社区技术预览 (CTP)

摘要：本白皮书提供了“WPF/E”结构的高层次概述，以及如何使它适合 Microsoft 以便构建下一代 Web 应用程序。 此外，本白皮书还提供了“WPF/E”技术的结构查看。

（本文还包含指向英文网页的链接。）

本页内容

	简介
	将“WPF/E”作为用户体验统一体的一部分
	“WPF/E”结构
	部署和打包
	“WPF/E”的使用方案
	结束语

简介

“WPF/E”是一种跨浏览器的新 Web 呈现技术的代号，该技术支持提供丰富的、具有绚丽视觉效果的交互式 Web 体验，并且可以随处实现。 “WPF/E”与具有可通过 JavaScript 控制的强大声明标记的 Web 结构一致。 本白皮书提供了“WPF/E”技术的结构查看。

返回页首

将“WPF/E”作为用户体验统一体的一部分

现在，客户不仅要求应用程序和在线体验能够满足其各自在有效性和高效率方面的需求，而且还针对某个公司的产品或服务提出了满意度要求。 大多数情况下，该满意度会产生网络性和情感上的影响，并且塑造了对该公司的整体印象。作为延伸，这种印象又体现到每个客户接触的产品或服务上。 Microsoft 承认这种联系，并且重新承诺将用户体验 (UX) 作为端到端体验的一部分。 UX 不仅仅是美妙的 UI；它是用户与应用程序之间交互点的聚合。 因此，我们的任务是，实现美妙的用户体验，满足用户需求，而无论在以下哪个方面： Web、设备、Office 和 Windows。

最近，Microsoft 自己在 UX 上投资的两个示例是 Microsoft Windows Vista 和 Microsoft Office 2007。首先着眼于最终用户的体验，对两种产品进行了巧妙并且稍有激进的更改，以便解决效率和满意度问题。

•	Windows Vista 为可视化和组织文件、媒体和通信推出了简易的方式。 在 UI 的所有情况下，将以用户为中心的任务完成量和体验放在第一位。 其他注重 UX 的示例包括新的任务切换程序 (Alt+Tab) 和 Wi-Fi 信号通知。
•	Microsoft Office 2007 推出了新的“Ribbon”概念以代替传统的工具栏。 作为自然扩展，Ribbon 将在 Office 应用程序中查找任何给定功能的时间减少到约 10 秒钟。 这两项决策在很大程度上受到设计者的影响，他们与开发团队的其他成员相互合作。 有关详细信息，请访问 http://www.microsoft.com/design。

图 1 Microsoft UX 统一体

从平台角度来看，Microsoft 推出了一致性的产品，使用常见的技能来提供不同的应用程序交互图面，如图 1 所示。

对于基本上按照 Web 标准构建的启用 AJAX 的应用程序，ASP.NET AJAX 提供的优势是标准的 Microsoft 支持（为期 10 年的全天候支持）。 它改进了标准 Web 应用程序的交互参数，让其更加有效（例如，刷新、资源使用和导航）。

对于在 Web 上需要二维动画、矢量图形和“高保真”音频及视频的 Web 体验，推出了“WPF/E”以扩展浏览器的功能，让其不仅能渲染 HTML，还能渲染 XAML。 通过包含用于开发的 Web 结构，其中包括行业标准 AJAX（异步 JavaScript+XML）和用于显示的内嵌 XML 标记 (XAML)，Microsoft 正在努力将网页上的丰富元素从目前现有的“黑盒子”中分解出来。 在具有跨平台（Windows 和 Macintosh）和跨浏览器（Internet Explorer、Firefox、Safari）优势的同时，“WPF/E”和 ASP.NET AJAX 中编写的内容还有另一个优势，那就是特别容易发现。

ASP.NET AJAX 和“WPF/E”用作互补技术。 从广义上说，“WPF/E”可与任何 AJAX 应用程序交互（同时包括客户端和服务器端）。 此类集成的示例包括映射应用程序、具有丰富显示的视频播放等等。

对于在 Windows 上连接的应用程序，Microsoft 提供了 .NET Framework 3.0 编程层（与 Windows Vista 一起提供并且可用于 Windows XP），其中包含 Windows Presentation Foundation (WPF)。 通过使用 WPF，可以创建丰富、美妙的连接应用程序和体验，以充分利用 Windows 平台，其中包括 UI、媒体、脱机通信和文档支持。 WPF 使用由“WPF/E”使用的同一 XAML 的超集。

图 2 Microsoft 为 UX 提供的端到端产品

如图 2 所示，“WPF/E”并非是一个孤岛，它是一致性的端到端产品中的一个环节，用于启用下一级别的应用程序体验。 本产品包括服务器端组件、工具（Microsoft Expression 和 Microsoft Visual Studio）和 UX 技术。

返回页首

“WPF/E”结构

“WPF/E”具有为数不多的几个基本属性。 它必须满足以下要求：

•	增强 Windows 和 Macintosh 上的各种浏览器。
•	能够渲染 XAML。
•	能够渲染媒体（音乐和视频）。
•	启用与 Web 编程模型一致的编程。
•	占用空间小。

“WPF/E”已设计为包括了这些属性，如图 3 所示。

图 3 “WPF/E”结构

•	轻型浏览器插件 —“WPF/E”包含 Windows 和 Macintosh 模块，用于增强 Internet Explorer（版本 6.0 和 7.0）、Firefox 2.0 和 Safari 浏览器。 2006 年 12 月，Windows 的 CTP 版大小为 1.1 MB。
•	内置显示运行时间 — 基于软件的浏览器增强，除了浏览器内置渲染 HTML 之外，还允许渲染基于 XAML 的交互二维图形、文本和媒体。 XAML 可用于内嵌、文件中或包中。
•	交互视频和音频— 跨平台独立的媒体运行时间，除了 MP3 之外还可渲染 Windows 媒体内容（WMV 和 WMA）（在 2006 年 12 月以后的 CTP 可用）。 在 XAML 中将视频和音频作为媒体元素处理，使它们在呈现时具有灵活性。 而且，媒体支持利用了 Windows 媒体周围的大量基础结构和生态系统，使得最优质媒体的传送更加符合成本效益。
•	编程层— 与 Web 结构一致，“WPF/E”XAML 使用 DOM 模型在 JavaScript 中出现。 这样，AJAX 程序可以利用使用相同编程模式和实践（在客户端和服务器上）的扩展的标记渲染功能。 对于 2006 年 12 月以后的 CTP，还将启用使用完整 CLR 子集的宿主代码编程模型，将增强浏览器的可编程序性，以使 Web 应用程序具有更高的可用性和伸缩性。

返回页首

部署和打包

包含“WPF/E”元素的网页内容可使用以下策略创建：

•	内嵌 XAML 和 JavaScript。
•	外部 XAML 文件和 JavaScript 文件。
•	包含 XAML、宿主代码、图像、字体和媒体的压缩内容包（对于 2006 年 12 月以后的 CTP 可用）。 可从 XAML 媒体元素引用的流媒体源。

图 4 “WPF/E”打包（对于 2006 年 12 月以后的 CTP）

我们相信，在改进 Web 应用程序的影响和有效性方面，采用 Web 标准和操作的应用程序打包的灵活性和应用程序体系结构的一致性将会创造许多机会，使得这些应用程序更具伸缩性、容错性和动态性（可以动态更改标记），并且使得内容更易于发现。

需要“WPF/E”的网页可以检测是否已经安装“WPF/E”插件，并且可以指示用户下载及安装该插件（可以通过重定向或通过 object 标记）。 “WPF/E”SDK 中包含这方面的相关文档。

返回页首

“WPF/E”的使用方案

“WPF/E”完全适合以下包含许多实际情况的 Web 应用程序方案：

•	Web 媒体 — 具有事件的标记播放、视频和销售组合、动态视频和广告、音频播放等等
•	在一个页面上的丰富内容岛（小型应用程序）— 休闲游戏和小工具
•	Web 可视化元素 — 导航属性、数据可视化和广告

“WPF/E”所适用的网页内容具有如下特点：和其主机（不能脱机工作）连接、强烈吸引用户、可在任何浏览器上进行渲染。

返回页首

结束语

本文提供了“WPF/E”结构的高层次概述，以及如何使它适合 Microsoft 以便构建下一代 Web 应用程序。 “WPF/E”是应用程序设计、构建和传递方式大规模变革中的一部分。 通过基于标记的 UI 和灵活的编程模型，在外观造型方面，企业能够向客户提供更好的体验。

© 2007 Microsoft Corporation 版权所有。保留所有权利。使用规定。