响应笔和触笔交互 (HTML)

[ 本文适用于编写 Windows 运行时应用的 Windows 8.x 和 Windows Phone 8.x 开发人员。如果你要针对 Windows 10 进行开发,请参阅 最新文档 ]

通过添加对笔或触笔的支持,使应用可以创建手写便笺、图形和注释。

提示  本主题中的信息特定于使用 JavaScript 开发 Windows 应用商店应用。

请参阅响应笔和触笔交互 (XAML),以了解使用 C++、C# 或 Visual Basic 的 Windows 应用商店应用。

 

先决条件: 如果你还不熟悉使用 JavaScript 开发 Windows 应用商店应用,则阅读这些主题来熟悉此处讨论的技术。

创建第一个采用 JavaScript 的 Windows 应用商店应用

采用 JavaScript 的 Windows 应用商店应用的路线图

通过快速入门:添加 HTML 控件并处理事件来了解事件

应用功能详细信息: 更深入地了解此功能以作为应用功能大全系列的一部分

用户交互详细信息 (HTML)

用户交互自定义详细信息 (HTML)

注意  

平台控件库(HTMLXAML)提供完全 Windows 用户交互体验,包括标准交互、动态显示的物理效果和视觉反馈。 如果你不需要自定义的交互支持,请使用这些内置控件。

如果平台控件不够,那么以下用户交互指南可以帮助你提供一种在各种输入模式上保持一致的令人信服的沉浸式交互体验。这些指南主要侧重于触摸输入,但也有与触摸板、鼠标、键盘和触笔输入相关的一些内容。

 

示例:Windows 应用商店应用示例中查看正在使用的功能。

用户交互自定义详细示例

输入:设备功能示例

输入:DOM 指针和手势处理示例

输入:墨迹示例

输入:简化的墨迹示例

概述

笔/触笔可用作精确的指针设备。它也可以是与数字墨迹相关的绘图设备。

Windows 8 墨迹平台与笔/触笔设备一起提供了一种创建手写便笺、绘图和批注的自然方法。该平台支持捕获通过数字化器输入的墨迹数据、生成墨迹数据、在输出设备上以墨迹笔划的形式呈现这些数据、管理墨迹数据以及执行手写识别。

除了在用户写字或绘图时捕获笔的空间运动,你的应用还可以收集信息(如压力、形状、颜色和不透明度),以便提供与使用钢笔、铅笔或画笔在纸张上绘图极其类似的用户体验。

注意  Windows 8 中的墨迹平台还支持其他指针设备的输入,包括触摸数字化器和鼠标设备。

 

由于 Windows 8 的 UI 针对触摸的不精确特性进行了优化,所以它自然支持笔输入的固有的精确度。针对触摸输入优化 Window 应用商店应用设计,并在默认情况下获得基本的笔支持。

为了在强调直接操作的方案中支持笔交互,请使用特定于笔的 UI 为你的应用的用户提供等效功能,无论他们使用哪种设备。例如,当检测到笔时,使用滚动条模拟平移或者“上一页”和“上一页”按钮来翻阅内容网页。

本部分内容

主题 描述

快速入门:捕获墨迹数据

本快速入门引导你完成从输入数字化器捕获墨迹数据的步骤。

如何呈现墨迹数据

学习如何以光滑的贝塞尔曲线呈现墨迹笔划段。

如何保存墨迹数据

本主题演示如何通过将墨迹数据序列化为 ISF 元数据并将该元数据嵌入到图形交换格式 (GIF) 文件的方式来保存墨迹数据。

如何加载墨迹数据

本主题演示如何通过从嵌入图形交换格式 (GIF) 文件中的 ISF 元数据对墨迹数据取消序列化来加载墨迹数据。

如何选择墨迹笔划

学习如何在使用 JavaScript 的 Windows 应用商店应用中选择墨迹笔划。

如何擦除墨迹笔划

学习如何在使用 JavaScript 的 Windows 应用商店应用中擦除墨迹笔划。

如何将墨迹笔划转换为文本

了解如何在使用 JavaScript 的 Windows 应用商店应用中使用手写识别和将墨迹笔划转换为文本。

 

相关主题

概念

响应用户交互