防止文本截断和内容裁剪

与手持设备相比,智能手表的屏幕尺寸较小,因此排列和显示元素时,务必要使用方便访问和高效利用可用的屏幕空间的方式。为了让您的内容适合屏幕,请使用 Material 准则指定的适当数量的内边距和外边距。

即使您的设计适合屏幕,当用户执行以下操作时,界面元素也可能会被截断或裁剪:

  • 更改显示语言。
  • 更改文字大小。
  • 启用粗体文字系统设置。

请务必在测试您的设计时考虑到这些因素,以确保它们可以无缝适应不同的用户环境。

确保互动元素完全可见

如果界面包含互动元素,请检查用户能否将这些元素完全滚动到用户视野范围内,尤其是当这些元素放置在页面边缘时。如果您的应用使用 Horologist 库,请使用 responsive() 布局工厂。否则,请使用分隔符并为 ScalingLazyColumn 对象的顶部和底部添加外边距,以防止第一个和最后一个列表项始终被裁剪。

为密集布局使用条状标签而不是卡片

如果您需要更密集的布局,请使用 CompactChip 而不是卡片。卡片表面越大,就越难防止文本截断和内容裁剪。