智慧手錶的螢幕尺寸比手持裝置小,因此排列及顯示元素時,必須確保元素易於存取,且能有效使用可用的螢幕空間。如要讓項目符合螢幕尺寸,請依據 Material 指南規定使用適量的邊框間距和邊界。
即使您的設計符合螢幕,使用者做下列任一操作時,介面元素仍可能遭到截斷或截斷:
- 變更顯示語言。
- 變更文字大小。
- 啟用粗體文字系統設定。
請務必考量這些考量重點來測試設計,確保其可完美配合不同的使用者環境調整。
讓互動元素保持完整顯示
如果介麵包含互動式元素,請檢查使用者是否能夠完整捲動這些元素,並顯示在頁面邊緣時。如果應用程式使用 Horologist 程式庫,請使用 responsive()
版面配置工廠。否則,請使用空格字元,並在 ScalingLazyColumn
物件的頂端和底部加入邊界,以免第一個和最後一個清單項目遭到裁剪。
在密集版面配置中使用方塊 (而非資訊卡)
如果您需要較密集的版面配置,請使用 CompactChip
,而非資訊卡。資訊卡的表面積越大,防止文字截斷和內容裁剪的難度就越高。