与手持设备相比,智能手表的屏幕尺寸较小,因此排列和显示元素时,务必要使用方便访问和高效利用可用的屏幕空间的方式。为了让您的内容适合屏幕,请使用 Material 准则指定的适当数量的内边距和外边距。
即使您的设计适合屏幕,当用户执行以下操作时,界面元素也可能会被截断或裁剪:
- 更改显示语言。
- 更改文字大小。
- 启用粗体文字系统设置。
请务必在测试您的设计时考虑到这些因素,以确保它们可以无缝适应不同的用户环境。
确保互动元素完全可见
如果界面包含互动元素,请检查用户能否将这些元素完全滚动到用户视野范围内,尤其是当这些元素放置在页面边缘时。如果您的应用使用 Horologist 库,请使用 responsive()
布局工厂。否则,请使用分隔符并为 ScalingLazyColumn
对象的顶部和底部添加外边距,以防止第一个和最后一个列表项始终被裁剪。
为密集布局使用条状标签而不是卡片
如果您需要更密集的布局,请使用 CompactChip
而不是卡片。卡片表面越大,就越难防止文本截断和内容裁剪。