用户如何与输入设备交互 (HTML)

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

下面的列表介绍了常见的交互以及它们如何映射为 Windows 8.1 触摸屏、触控板、鼠标、键盘和笔/触笔上的手势。

请将此操作功能视为我们的应用功能大全系列的一部分。: 用户交互操作:触摸屏输入等

交互和设备

Windows 8.1 支持从触摸屏到键盘等各种输入设备。它还提供特定于每个设备的直观有效交互体验,但其功能在各种设备和模式(例如,触摸键盘、鼠标滚轮和皮擦等)上一致。

设计你的 Windows 应用商店应用的 UI 以支持触摸,同时考虑各种设备的设计含义:

  • 结合了触摸和鼠标体验的触控板
  • 鼠标
  • 笔/触笔,专为数字墨迹而设计
  • 键盘设备,用于文本编辑和命令快捷方式
触摸触摸板鼠标键盘(硬件)笔/触笔
选择
沿着与滚动方向相反的方向轻扫(请参阅横向滑动指南双指点击右键单击 空格键 沿着与滚动方向相反的方向轻扫(请参阅横向滑动指南
显示应用栏
从上边缘或下边缘轻扫从上边缘或下边缘轻扫右键单击Windows 徽标键+Z、菜单键从上边缘或下边缘轻扫
显示超级按钮
从右边缘轻扫从右边缘轻扫 悬停在右上角或右下角 Windows 徽标键+C从右边缘轻扫
上下文菜单
点击所选文本、长按双指点击所选文本、长按右键单击菜单键点击所选文本、长按
启动/激活
点击点击单击 输入点击
滚动较短距离
滑动双指滑动滚动条、箭头键、单击和滑动 箭头键滚动条
滚动较长距离
滑动(包括延时) 双指滑动(包括延时)滚动条、鼠标滚轮、单击和滑动 Page Up 和 Page Down 滚动条
重新排列(拖动)
沿着与滚动方向相反的方向滑动超过距离阈值的距离(请参阅横向滑动指南按下、按住,然后滑动单击和滑动 Ctrl-C 或 Ctrl-X,然后 Ctrl-V沿着与滚动方向相反的方向滑动超过距离阈值的距离(请参阅横向滑动指南
缩放
收缩、拉伸收缩、拉伸鼠标滚轮、Ctrl+鼠标滚轮、UI 命令Ctrl+加号(+) 或减号(-)UI 命令
旋转
转动转动Ctrl+Shift+鼠标滚轮、UI 命令Ctrl+加号(+) 或减号(-)UI 命令
插入光标/选择文本
点击和控制手柄点击单击+滑动、双击箭头键、Shift+箭头键、Ctrl+箭头键等 点击和控制手柄
详细信息
长按长按悬停(有时间阈值)移动焦点矩形(有时间阈值) 长按
移动焦点
N/A N/A N/A 箭头键、TabN/A
交互反馈
触摸可视化光标移动、光标改变光标移动、光标改变焦点矩形笔可视化

 

相关主题

概念

响应用户交互

触摸交互设计

参考

Windows.UI.Core

Windows.UI.Input

Windows.UI.Xaml.Input

示例 (DOM)

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

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

输入:可实例化手势示例

示例(Windows 应用商店应用  API)

输入:操作和手势 (JavaScript) 示例

输入:Windows 8 手势示例

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

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

示例 (DirectX)

DirectX 触控输入示例

输入:操作和手势 (C++) 示例