大小

設計可配合螢幕大小和格線調整的 Android 小工具。測試版面配置,確保使用者能以任何大小閱讀及使用小工具。

預設大小

針對多種大小類別或中斷點最佳化版面配置,支援可調整大小的小工具。由於儲存格大小會因裝置和螢幕方向而異,因此請設計自動調整小工具,而非固定大小的小工具。

請為手持裝置和平板電腦定義 targetCellWidth 和 targetCellHeight 屬性,讓小工具挑選器能準確放置及顯示小工具。如要瞭解儲存格跨度和 dp 最小尺寸,請參閱「決定小工具的大小」。

中斷點

中斷點是打造可調整大小、容易使用的小工具時,不可或缺的要素。測試設計時,您可以找出需要調整版面配置的大小門檻。實作中斷點來觸發這些變更,確保小工具在任何大小下都能維持視覺吸引力和功能。

中斷點也能讓您彈性地根據條件納入或排除補充內容,根據小工具尺寸最佳化空間利用率。

圖 1:使用中斷點,在不同大小時變更版面配置。

各種板型規格的小工具

平板電腦和電腦與手機共用小工具設計原則,但輸入預期不同。其他板型規格 (例如汽車) 則有特定的可瀏覽性需求,或會自動調整小工具。詳情請參閱「調整小工具以適應各種板型規格」。

Googlebook 螢幕上的小工具

填滿邊界

使用者移除小工具的主要原因之一,是小工具與其他主畫面元素不一致。為避免這種情況,請確保小工具一律完全填滿分配的格線空間。

確保容器在所有大小下都能延伸至邊緣。
新增自訂邊框間距。小工具應能順暢地無邊框顯示。
請確保非矩形形狀在垂直或水平軸上接觸格線,以維持視覺一致性。
使用固定正方形。請改用回應式矩形容器,因應各種格線尺寸。