Windows8 03-响应用户交互.docxVIP

动手实验响应用户交互实验版本：1.0.0最后更新日期：8/23/2012目录概述3练习 1：触控输入5任务 1 – 触控输入与响应5练习 2：标识输入设备13任务 1 – 检索鼠标属性13任务 2 – 检索键盘属性16任务 3 – 检索触摸属性17任务 4 – 检索指针属性19练习 3：响应键盘输入22任务 1 – 添加快捷键操作22练习 4：响应鼠标输入24任务 1 – 制作简易面板24小结30Windows 8提供了一种全新编程平台，使开发人员在台式机、平板电脑和其他设备上都能同样轻松地编写丰富的应用程序。利用这个新平台开发的应用程序称为“Metro 风格的应用”，可以在 HTML 和 JavaScript中编写，或使用 XAML 和 C#、VB 或 C++ 编写。通过 HTML编程模型，熟悉 HTML5 和 JavaScript 的开发人员能够利用他们的技能来构建应用，并把应用放到 Windows应用商店中出售，而 XAML编程模型提供了一个 Silverlight 和 WPF 开发人员非常熟悉的环境。Metro 风格的应用依赖于 Windows 运行时（也称为WinRT）提供的 API。WinRT 提供数千个类，它们分为 100 多个命名空间，用于执行从与其他应用程序共享内容到访问 Windows 应用商店的一切活动。WinRT API 由 Microsoft Windows Library for JavaScript（也称为 WinJS）和 .NET 予以补充，其中 .NET 用于以其他语言编写的应用程序。这些 API 共同提供了构建丰富多彩的Metro 风格的应用的基础。本实验旨在介绍 Windows 8 Metro 风格的应用的一系列实验中的响应用户交互系列。在本实验中，您将使用 HTML 和 JavaScript进行简单的练习，初步体验开发用户交互功能的乐趣。目标本实验将向您展示：如何处理用户的触控输入识别输入设备的各种属性处理键盘和鼠标的简单输入简单熟悉Windows.Devices.Input命名空间提供的工具类操作墨迹数据系统要求要完成本实验，您的计算机必须安装以下软件：Microsoft Windows 8 正式版适用于 Windows 8 的 Microsoft Visual Studio 2012 RTM安装要完成本实验，您需要在计算机上执行以下步骤完成准备工作：安装 Microsoft Windows 8 正式版安装适用于 Windows 8 的 Microsoft Visual Studio 2012 RTM练习本实验包括以下练习：触控输入标识输入设备响应键盘输入响应鼠标输入本实验预计用时：40-60 分钟在本练习中，我们将引导您完成对触控输入的响应，包括手势触控和鼠标点击。在练习开始前，我们首先创建一个新的JavaScript项目并将其命名为GestureSample。应确保从JavaScript模版列表中选择“Windows Metro Style”下的“空白应用程序”任务 1 –触控输入与响应打开GestureSample项目下的default.html文件，在body/body标签之间用以下代码覆盖原代码：Htmldiv id=contentHost/div打开js文件夹下的default.js文件，用以下代码覆盖原代码：JavaScript(function () { use strict; var scenarios = { url: /html/gesture.html }; function activated(eventObject) { if (eventObject.detail.kind === Windows.ApplicationModel.Activation.ActivationKind.launch) { // Use setPromise to indicate to the system that the splash screen must not be torn down // until after processAll and navigate complete asynchronously. eventObject.setPromise(WinJS.UI.processAll().then(function () { // Navigate to either the first scenario or to the last running scenario // before suspe