設計可配合螢幕大小和格線調整的 Android 小工具。測試版面配置,確保使用者能以任何大小閱讀及使用小工具。
預設大小
針對多種大小類別或中斷點最佳化版面配置,支援可調整大小的小工具。由於儲存格大小會因裝置和螢幕方向而異,因此請設計自動調整小工具,而非固定大小的小工具。
請為手持裝置和平板電腦定義 targetCellWidth 和 targetCellHeight 屬性,讓小工具挑選器能準確放置及顯示小工具。如要瞭解儲存格跨度和 dp 最小尺寸,請參閱「決定小工具的大小」。
中斷點
中斷點是打造可調整大小、容易使用的小工具時,不可或缺的要素。測試設計時,您可以找出需要調整版面配置的大小門檻。實作中斷點來觸發這些變更,確保小工具在任何大小下都能維持視覺吸引力和功能。
中斷點也能讓您彈性地根據條件納入或排除補充內容,根據小工具尺寸最佳化空間利用率。
各種板型規格的小工具
平板電腦和電腦與手機共用小工具設計原則,但輸入預期不同。其他板型規格 (例如汽車) 則有特定的可瀏覽性需求,或會自動調整小工具。詳情請參閱「調整小工具以適應各種板型規格」。

填滿邊界
使用者移除小工具的主要原因之一,是小工具與其他主畫面元素不一致。為避免這種情況,請確保小工具一律完全填滿分配的格線空間。
正確做法
確保容器在所有大小下都能延伸至邊緣。
錯誤做法
新增自訂邊框間距。小工具應能順暢地無邊框顯示。
正確做法
請確保非矩形形狀在垂直或水平軸上接觸格線,以維持視覺一致性。
錯誤做法
使用固定正方形。請改用回應式矩形容器,因應各種格線尺寸。