【IT168 技术】Microsoft Expression Blend 作为一款功能齐全的专业设计工具，可用来针对 Windows Presentation Foundation (WPF) 和 Microsoft Silverlight 应用程序制作精美复杂的用户界面。Expression Blend 可让设计人员集中精力从事创作，而让开发人员集中精力从事编程工作。通过构建一个简单的Silverlight 3 应用程序，我们可以大体了解 Expression Blend，并学习如何用它来为网页定义 UI，以及如何使用 JavaScript 对它们进行编程。

　　首先我们使用 Microsoft Expression Blend 3创建一个 XAML 格式的非常简单的应用程序，以供 Silverlight 使用。

　　图1 Expression Blend 3

　　使用 Expression Blend 创建新的 Silverlight 项目

　　在 Blend 中创建 Silverlight 应用程序，选择 File(文件)->New project(新建项目)，此时会打开“New Project”(新建项目)对话框，选择 OK(确定)，即会创建一个新项目。

　　图2 新建项目

　　该项目将包含一个默认 HTML 页面、该页面的一些 JavaScript 源代码、一篇 XAML 文档和该 XAML 文档的 JavaScript 源代码及 Silverlight.js。Silverlight.js 包含用于下载和实例化 Silverlight 控件的代码。它作为 Silverlight SDK 的一部分提供给用户。Default.html 是标准的 HTML 网页。该网页包含三个 JavaScript 脚本引用，分别指向 Silverlight.js、Default.html.js(其中包含特定于应用程序的用于安装 Silverlight 的代码)和 Scene.xaml.js(其中包含在 XAML 中定义的应用程序事件的事件处理程序)。它被设计为一个独立的页面 (default.html)，与实例化逻辑 (default.html.js)、设计 (Scene.xaml) 和事件代码 (Scene.xaml.js) 分开。不过，理论方面的探讨已经够多了，现在我们开始开发一个简单的应用程序。

　　创建供视频播放器使用的 UI

　　在项目中添加视频文件。右键单击屏幕右上方 Project Files(项目文件)窗口中的项目文件，然后选择 Add Existing Item...(添加现有项目)。选择某个 WMV 文件并将其添加到项目时，项目浏览器中将显示该文件，同时在视图中添加了一个媒体元素。现在即可运行您的项目，浏览器将启动并播放您的视频!通过编辑 XAML 可以停止自动播放视频。您会看到 XAML 设计器右侧有两个选项卡：Design(设计)和 XAML。选择“XAML”选项卡，会打开 XAML 编辑器。使用该编辑器为媒体元素编辑 XAML 文本，添加属性 AutoPlay=False。现在，如果您运行该应用程序，会看到 Silverlight 内容虽然呈现了视频的第一帧，但并不播放。