避免文字截斷和內容剪輯

智慧手錶的螢幕尺寸比手持裝置小,因此排列及顯示元素時,必須確保元素易於存取,且能有效使用可用的螢幕空間。如要讓項目符合螢幕尺寸,請依據 Material 指南規定使用適量的邊框間距和邊界。

即使您的設計符合螢幕,使用者做下列任一操作時,介面元素仍可能遭到截斷或截斷:

  • 變更顯示語言。
  • 變更文字大小。
  • 啟用粗體文字系統設定。

請務必考量這些考量重點來測試設計,確保其可完美配合不同的使用者環境調整。

讓互動元素保持完整顯示

如果介麵包含互動式元素,請檢查使用者是否能夠完整捲動這些元素,並顯示在頁面邊緣時。如果應用程式使用 Horologist 程式庫,請使用 responsive() 版面配置工廠。否則,請使用空格字元,並在 ScalingLazyColumn 物件的頂端和底部加入邊界,以免第一個和最後一個清單項目遭到裁剪。

在密集版面配置中使用方塊 (而非資訊卡)

如果您需要較密集的版面配置,請使用 CompactChip,而非資訊卡。資訊卡的表面積越大,防止文字截斷和內容裁剪的難度就越高。