触摸目标尺寸
背景
屏幕上可供用户点击、触摸或以其他方式互动的所有元素应采取适中的尺寸,确保可靠的互动。建议考虑确保这些元素的宽度和高度不低于 48dp,如 Material Design 无障碍指南中所述。
实现
在布局中实现可点击或可触摸的元素时,建议所使用的尺寸达到或超过建议的触摸目标尺寸。
如果这些控件的大小可动态调整,或可根据内容大小重新调整,则不妨考虑使用 android:minWidth
和 android:minHeight
设置尺寸下限。
要在扩展 View
的可触摸区域的同时保留其原始尺寸,则可考虑使用 TouchDelegate
,以允许父布局代表子 View
处理触摸事件。
设计
触摸目标包括响应用户输入的区域。触摸目标可超出元素的视觉边界:一个元素(如图标)可能显示为 24x24dp,但其周围的内边距也是完整 48x48dp 触摸目标的一部分。
建议将触摸目标设置为至少 48x48dp,四周设置 8dp 或更多的分隔空间,以确保平衡信息密度和易用性。无论屏幕尺寸是多少,触摸目标至少为 48x48dp 才能确保实际尺寸能达到约 9 毫米。触摸目标的建议尺寸为 7-10 毫米。
要查看示例,请参阅 Material Design 无障碍指南。
测试
要手动验证应用的界面是否包含小尺寸触摸目标,请执行以下操作:
- 打开应用。
- 找出界面中所有的可点击、可触摸或可互动元素。
- 确保每个元素的尺寸为 48x48dp,或每条边的长度约 9 毫米。
Android 的自动化测试工具能够检测出小尺寸触摸目标。不妨考虑使用 Android 版无障碍功能扫描仪对设备上的应用进行人工测试。要实现自动化测试,请在 Espresso 和 Robolectric 中开启无障碍检查功能。