鼠标交互(Windows 应用商店应用)

针对触摸输入优化 Window 应用商店应用设计,并在默认情况下获得基本的鼠标支持。

 

鼠标

 

设计和构建用户可以通过鼠标交互的 Windows 应用商店应用。

鼠标输入最适合那些需要精确指向和单击的用户交互。由于 Windows 的 UI 针对触摸的不精确特性进行了优化,所以它自然支持这种固有的精确度。

鼠标输入和触摸输入的不同之处在于,触摸可以通过对这些对象执行物理手势(如轻扫、滑动、拖动和旋转等等)模拟在屏幕上直接操作 UI 元素。

本主题介绍鼠标交互的设计注意事项。有关实现鼠标交互的信息,请参阅响应鼠标交互

鼠标语言

Windows 提供一组在整个系统中通用的简单鼠标交互功能。

悬停以了解

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

单击以进行主操作

单击某个元素可以调用它的主操作(如启动应用或执行命令)。

滚动以更改视图

显示滚动条以在内容区域中向上、向下、向左和向右移动。用户可以通过单击滚动条或者旋转鼠标滚轮来滚动。滚动条可以指示当前视图在内容区域中的位置(一边触摸一边平移会显示类似的 UI)。

右键单击以选定和进行命令操作

右键单击以使用全局命令显示导航栏(如果有的话)与应用栏。右键单击某个元素可将其选定并显示带有所选元素的上下文命令的应用栏。

  当选择或应用栏命令不适合 UI 行为时,右键单击可显示上下文菜单。但是,我们强烈建议你针对所有的命令行为使用应用栏。

使用 UI 命令进行缩放

显示应用栏中的 UI 命令(如 + 和 -),或者在按住 Ctrl 的情况下旋转鼠标滚轮模拟通过收缩和拉伸手势进行缩放。

使用 UI 命令进行旋转

显示应用栏中的 UI 命令,或者在按住 Ctrl+Shift 的情况下旋转鼠标滚轮模拟旋转手势来进行旋转。旋转设备本身会旋转整个屏幕。

单击并拖动以重新排列

单击并拖动元素可移动它。

单击并拖动以选择文本

在可选择的文本内单击并拖动可选择它。双击可选择一个字。

将鼠标移到角落和边缘以获得系统命令

在从左向右布局中,将鼠标移动到屏幕的右上角或右下角(或从右向左布局上的左边缘)将显示可以显示系统命令的超级按钮。

对于从左向右布局,将鼠标移到左上角(或者对于从右向左布局移到右上角)可显示最近用过的应用的缩略图。左键单击或单击并拖动可浏览并切换到正在运行的应用或者拖动到应用(如果屏幕分辨率支持的话)。

对于从左向右布局,将鼠标移到左下角(或者对于从右向左布局移到右下角)可显示“开始”屏幕的缩略图。

单击并从屏幕顶部边缘向底部 边缘拖动可关闭当前应用。

左键单击并从顶部边缘向下以及向左边缘或向右边缘拖动会将当前应用调整到屏幕一侧。

 

视觉反馈指南

  • 当(通过移动或悬停事件)检测到鼠标时,显示特定于鼠标的 UI 以指示元素显示的功能。如果鼠标在一定的时间段内没有移动,或者如果用户启动了触摸交互,则让鼠标 UI 逐渐淡出。 这会使 UI 干净整洁。
  • 不要使用鼠标获取悬停反馈,由元素提供的反馈是足够的(请参阅下面的“光标”)。
  • 如果元素不支持交互(如静态文本),不要显示视觉反馈。
  • 不要将焦点矩形与鼠标交互结合使用。保留焦点矩形是为了进行键盘交互。
  • 对于所有代表相同输入目标的元素,同时显示视觉反馈。
  • 提供用来模拟基于触摸的操作 (如平移、旋转、缩放等)提供按钮(如 + 和 -)。

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

 

 

显示:
© 2015 Microsoft