快速指南集合
顯示互動式元件
為 UI 選擇合適的元件,並瞭解如何在應用程式中導入該元件。
建立鷹架元件,將 UI 連結在一起
為複雜使用者介面提供標準化平台的基本結構。結構體會將 UI 的不同部分 (例如應用程式列和懸浮動作按鈕) 結合在一起,讓應用程式呈現一致的外觀和感受。
顯示應用程式列
容器可讓使用者存取主要功能和導覽項目。應用程式列分為兩種類型:頂端應用程式列和底部應用程式列。
建立按鈕
這些基本元件可讓使用者觸發已定義的動作。按鈕共有五種類型。查看五種按鈕類型的外觀、適用位置,以及實作方式。
建立懸浮動作按鈕 (FAB)
高強調按鈕,可讓使用者在應用程式中執行主要動作。這個按鈕元件會宣傳單一專注動作,這是使用者最常採取的路徑,通常會固定在螢幕的右下方。
建立卡片做為容器
可做為 UI 的 Material Design 容器。資訊卡通常會呈現單一連貫的內容。資訊卡與其他容器的差異,在於它著重於呈現單一內容。
建立可代表複雜實體的方塊
這類元素是密集的互動式 UI 元素,用來表示複雜的實體,例如聯絡人或標記,通常會搭配圖示和標籤。方塊可供勾選、關閉或點選。
顯示彈出式訊息或要求使用者輸入內容
在主要應用程式內容上方顯示彈出式訊息,或要求使用者輸入內容。這個元件會建立中斷的 UI 體驗,以吸引使用者的注意力。
建立進度指標
以視覺化方式顯示作業狀態。使用動態效果吸引使用者注意程序的完成進度 (例如載入或處理資料),這些指標可表示處理程序正在進行,但不會顯示進度。
建立可用於多個值的滑桿
可讓使用者從連續值範圍中選取,例如設定音量或篩選價格範圍內的圖表資料。
新增使用者可切換的切換鈕
可讓使用者在兩個狀態之間切換。使用者可以拖曳或點選切換鈕的指標,變更目前狀態。
建立底部功能表
顯示固定在畫面底部的次要內容。您可以使用標準或模態底部功能表,向使用者顯示次要內容。
使用導覽匣元件建立滑入式選單
滑入式選單,可讓使用者前往應用程式的各個部分。使用者可以從側面滑動或輕觸選單圖示來啟用選單。
使用 Snackbar 建立通知
在畫面底部顯示簡短通知。這麼做可在不會中斷使用者體驗的情況下,提供有關作業或動作的意見回饋。小工具列會在幾秒後消失。使用者也可以手動關閉通知。
![](https://developer.android.google.cn/static/images/quick-guides/collection-illustration.png?hl=zh-tw)
顯示清單或格狀
使用清單和格線,有效率地顯示及排列項目組合。
有問題或意見回饋
請前往常見問題頁面,瞭解快速指南或與我們聯絡,分享您的想法。