语言: HTML | XAML

响应触摸板输入

Applies to Windows only

设计和构建用户可以通过触摸板交互的 Windows 应用商店应用。

本文档面向为具有接受笔输入的附加数字化器的平板电脑和计算机构建 Windows 应用商店应用的开发人员。数字化器可能位于屏幕表面下方,或者附加为外围设备。

提示  本主题中的信息特定于使用 C++、C# 或 Visual Basic 开发 Windows 应用商店应用。

请参阅响应触摸板交互 (HTML) 以了解使用 JavaScript 的 Windows 应用商店应用。

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

使用 C# 或 Visual Basic 创建你的第一个 Windows 应用商店应用

使用 C++ 创建你的第一个 Windows 应用商店应用

使用 C# 或 Visual Basic 的 Windows 运行时应用的路线图

使用 C++ 的 Windows 应用商店应用的路线图

借助事件和路由事件概述了解事件

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

用户交互详细信息 (XAML)

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

用户体验指南:  

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

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

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

输入:Windows 8 手势示例

输入:XAML 用户输入事件示例

XAML 滚动、平移以及缩放示例

概述

触摸板结合间接的多点触控输入和指针设备(如鼠标)的精确输入。这种组合使触摸板既适用于 Windows 8.1 触摸优化的 UI,也适用于效率应用和桌面环境的较小目标。针对触摸输入优化 Window 应用商店应用设计,并在默认情况下获得触摸板支持。

由于触摸板支持聚合的交互体验,所以除了触摸输入的内置支持,我们还建议使用 PointerEntered 事件来提供鼠标样式的 UI 命令。例如,使用“上一页”和“上一页”按钮,使用户既可以翻阅网页内容,也可以通过平移浏览内容。

由于输入类型的独特聚合,已为触摸板输入开发了一组经过修改的触摸手势。本主题中讨论的手势和指南可以帮助确保你的应用使用最少的代码无缝支持触摸板输入。

支持触摸板交互的用户体验指南

下面是支持触摸板交互的用户体验指南。

Windows 8.1 触摸板语言

Windows 8.1 提供一组在整个系统中通用的简单触摸板交互功能。为触摸和鼠标输入优化你的应用,这种语言可以使用户立即感觉熟悉你的应用,增加他们的信心,使其更容易了解和使用应用。

术语描述

悬停以了解

悬停在元素上可以显示更详细的信息或指导性可视化内容(如工具提示)而不提交操作。有关工具提示的详细信息,请参阅添加工具提示

单指点击以进行主操作

使用单个手指点击某个元素并调用它的主操作(如启动应用或执行命令)。

双指点击以进行右键单击

同时使用两个手指点击来显示具有全局命令的应用栏,或者使用两个手指点击元素以选择它,并显示具有上下文命令的应用栏。

注意  当选择或应用栏命令不适合 UI 行为时,双指点击可显示上下文菜单。但是,我们强烈建议你为所有命令行为使用应用栏。

双指滑动以平移

滑动主要用于平移互动,但也可用于移动、绘制或书写。

收缩和拉伸以缩放

收缩和拉伸手势通常用于调整大小和语义式缩放。

单指按下并滑动以重新排列

拖动元素。

单指按下并滑动以选择文本

在可选择的文本内按下并滑动来选择它。双击可选择一个字。

系统命令的边缘

从屏幕右边缘(或从右向左布局中的左边缘)轻扫可显示包含系统命令的超级按钮。

从屏幕左边缘(或从右向左布局中的右边缘)轻扫可显示运行的应用列表。

单击和右键单击区域

模拟鼠标设备的左按钮和右按钮功能。

 

硬件

查询鼠标设备功能 (MouseCapabilities) 以确定触摸板硬件可以直接访问你的应用 UI 的哪些方面。我们建议提供适用于触摸和鼠标输入的 UI。

有关查询设备功能的详细信息,请参阅快速入门:标识指针设备

视觉反馈

  • 当(通过移动或悬停事件)检测到触摸板光标时,显示特定于鼠标的 UI 以指示元素显示的功能。如果触摸板光标在一定的时间段内没有移动,或者如果用户启动了触摸交互,则让触摸板 UI 逐渐淡出。 这会使 UI 干净整洁。
  • 不要使用鼠标获取悬停反馈,由元素提供的反馈就足够(请参阅下面的光标)。
  • 如果元素不支持交互(如静态文本),不要显示视觉反馈。
  • 不要将焦点矩形与触摸板交互结合使用。将焦点矩形留给键盘交互使用。
  • 对于所有代表相同输入目标的元素,同时显示视觉反馈。

有关视觉反馈的更一般指南,请参阅视觉反馈指南

光标

为触摸板指针提供了一组标准光标。它们用来表示元素的主要操作。

每个标准光标都有一个与它相关联的默认图像。用户或应用可以随时替换与任何标准光标相关联的默认图像。Windows 应用商店应用通过 PointerCursor 函数指定光标图像。

如果你需要自定义以下鼠标光标:

  • 对于可单击的元素始终使用箭头光标 (箭头光标)。对于链接或其他交互元素不要使用指向手光标 (指向手光标),而应使用悬停效果(上文中有介绍)。
  • 对于可选择的文本使用文本光标 (文本光标)。
  • 当主要操作是移动(如拖动或裁剪)时,使用移动光标 (移动光标)。 对于主要操作是导航的元素(如“开始”磁贴),不使用移动光标。
  • 当对象的大小可调整时,使用水平、垂直和对角调整光标(垂直调整光标水平调整光标对角调整光标(左下和右上)对角调整光标(左上和右下))。
  • 当在固定画布(如地图)内平移内容时,使用手掌型光标(手掌型光标(张开)手掌型光标(闭合))。

相关主题

概念
响应用户交互

 

 

显示:
© 2014 Microsoft