通过


触摸目标指南

无论设备类型或输入方法如何,Windows 应用程序中的所有交互式 UI 元素都必须足够大,用户才能准确access和使用。

支持触摸输入(以及触摸接触区域的相对不精确性质)需要进一步优化目标大小和控制布局,因为触摸数字化器报告的更大、更复杂的输入数据集用于确定用户的预期(或最有可能)的目标。

所有 UWP 控件都设计了默认触摸目标大小和布局,使你能够生成舒适、易于使用和激发信心的视觉均衡和有吸引力的应用。

在本主题中,我们将介绍这些默认行为,以便你可以使用平台控件和自定义控件(如果应用需要它们)来设计应用以实现最大可用性。

重要 APIWindows.UI.CoreWindows.UI.InputWindows.UI.Xaml.Input

目标大小

一般情况下,将触摸目标的大小设置为 7.5 毫米的正方形(135 PPI 显示器上 1.0x 缩放时为 40x40 像素)。 通常,WinUI 控件与 7.5 毫米触摸目标保持一致(这可能因特定控件和任何常见使用模式而异)。 有关更多详细信息,请参阅 控制大小和密度

可以根据特定方案的要求调整这些目标大小建议。 下面是一些注意事项:

  • 触摸频率 - 考虑将重复或频繁按下的目标设计得比最小尺寸更大。
  • 错误后果 - 具有严重后果的目标,如果因错误接触,应该增加填充,并放置得更远离内容区域的边缘。 这对于经常接触的目标尤其如此。
  • 在内容区域中的位置。
  • 外形规格和屏幕大小。
  • 手指姿势。
  • 触摸可视化效果。

Samples

档案样本