快速指南集合
顯示互動式元件

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

有問題或意見回饋

請前往常見問題頁面,瞭解快速指南或與我們聯絡,分享您的想法。