先識別核心內容,建立有效的小工具版面配置。您的 版面配置會決定資訊與互動元素在其中的編排方式。 Android 針對文字、清單和 格線類型的小工具來簡化這項程序
文字
文字版面配置非常適合用來顯示簡潔的資訊。強化視覺效果 視需要在文字旁附上圖片,有助於呈現小工具的吸引力。
適用於標題、狀態更新、簡短說明或任何情境 只有一行文字能有效傳達訊息詳情請參閱 標準版面配置範例 。
![](https://developer.android.com/static/images/design/ui/mobile/widgets/01_Text_only.jpg?authuser=9&hl=zh-tw)
加入可強化視覺效果的圖片。若需更多資訊,請參閲 中斷點 ,瞭解如何針對不同的螢幕大小調整這個版面配置。
![](https://developer.android.com/static/images/design/ui/mobile/widgets/02_Text_and_Image.jpg?authuser=9&hl=zh-tw)
清單
您可以使用清單版面配置,以清晰可瀏覽的格式整理多個項目。這個 適合用於新聞標題、待辦事項清單或訊息。將內容整理成 建立精簡且方便瀏覽的清單選擇容器化或無容器 來生成簡報
方便瀏覽的文字和圖片清單是展示多種內容的最佳選擇 例如新聞報導、含有專輯封面的播放清單,或是 訊息。
![](https://developer.android.com/static/images/design/ui/mobile/widgets/01_Text_Image.jpg?authuser=9&hl=zh-tw)
檢查清單版面配置非常適合用來顯示工作,輕觸一下即可切換 讓使用者輕鬆將項目標示為完成
![](https://developer.android.com/static/images/design/ui/mobile/widgets/02_Checklist.jpg?authuser=9&hl=zh-tw)
使用動作清單提供直覺化的控制組分組,視覺化開啟/關閉 狀態可以提供商品狀態的即時回饋。
![](https://developer.android.com/static/images/design/ui/mobile/widgets/03_Action_List.jpg?authuser=9&hl=zh-tw)
格線
以精簡、靈活且視覺效果豐富的格線形式提供圖片,並加上選用標籤。 使用可根據不同螢幕大小自動調整的欄和列。
僅使用圖片,打造視覺效果美觀且可捲動的圖片庫 網格。列和欄會自動根據各種螢幕大小自動調整 呈現最佳效果
![](https://developer.android.com/static/images/design/ui/mobile/widgets/01_Image_Only.jpg?authuser=9&hl=zh-tw)
你也可以加入文字標籤和說明,充實 圖片格狀檢視內容,提供更多背景資訊和資訊。
![](https://developer.android.com/static/images/design/ui/mobile/widgets/02_Image_and_Text.jpg?authuser=9&hl=zh-tw)