屏幕上易于触及的触摸目标可减少驾驶员分散注意力的问题。
概览:
- 最小触摸目标尺寸为 76 x 76dp
- 将图标居中放置,并将图标置于触摸目标内
图标尺寸
![Android Auto 图标大小](https://developers.google.cn/cars/design/android-auto/design-system/images/Size-1.png?authuser=5&hl=lt)
将图标和触摸目标对齐
车载设备界面上的触摸目标必须比手机和平板电脑上的触摸目标大,以便用户轻松浏览和点按。Android Auto 的最小触摸目标尺寸 76 x 76dp 根据驾驶员与车机之间的距离以及驾车时对快速点按的需求进行调整。
触摸目标必须满足以下要求:
- 触摸目标不能与其他触摸目标重叠。
- 所有触摸目标元素都必须与触摸目标的操作区域处于相同的高度水平(或 z 层)上。这样,用户可以使用旋转输入法(例如旋转拨盘)浏览界面,这需要将所有可导航元素放置在同一高度水平上,这样才能在界面中导航。
![确保触摸目标尺寸不低于 76 x 76dp](https://developers.google.cn/cars/design/android-auto/design-system/images/Size-2.png?authuser=5&hl=lt)
正确做法
确保触摸目标的尺寸不低于 76 x 76dp 的最低要求。![触摸目标区域内的中心元素](https://developers.google.cn/cars/design/android-auto/design-system/images/Size-3.png?authuser=5&hl=lt)
正确做法
将元素居中放置在最小触摸目标内。![请勿将元素与触摸目标的一侧边缘对齐](https://developers.google.cn/cars/design/android-auto/design-system/images/Size-4.png?authuser=5&hl=lt)
错误做法
请勿将元素与触摸目标的边缘对齐。![不允许元素掉到触摸目标之外](https://developers.google.cn/cars/design/android-auto/design-system/images/Size-5.png?authuser=5&hl=lt)
错误做法
不要让可点按的元素落在触摸目标之外。触摸目标应根据需要扩展,以容纳整个元素。