Google Material Design 正體中文版

進度與活動

當您使用應用程式載入內容時,是令人感到愉快並且無痛地透過減少視覺變化,在使用者看到之前及內容進行交互動作。每一次的操作只能由一個活動指標,例如:重新整理的操作不能顯示重新整理條及環狀型的旋轉

指標類型

對於操作,其中可以確定完成操作的百分比。使用一個較為確定的指標,讓使用者知道操作會需要花多長的時間。

對於操作,用戶被要求等待一段時間完成動作,它並不需要暴露背後端發生了什麼事情,多久會完成,可使用一個不定性的指標呈現。

有兩種指標類型:線性及環形。你可以使用一種確定或不確定的操作項目。

線性

線性進度指示應該總是 0% 至 100% 的進度百分比,並不會向後移動道更低的數值。如果有多個操作在序列中,使用進度指示器來顯示整體的延遲動作,這樣,當進度到達 100% 時,並不會退回到 0% 進度而再次讀取。

線性條應該在頁面上的標頭或片材上的邊緣顯示及消失。

環形

整合環形

環形旋轉的載入器可以整合在圖示或是一個重新整理的圖式

行為

階段式載入

一階段載入

在現有上載入油墨(複製及圖片),不改變容器

兩階段載入

紙的容器裡產生,接著油墨也載入(複製及圖片)

初次載入內容

在所有內容一次性載入及顯示

在兩個階段載入及顯示

載入額外的內容

範例 1: 卡片的擴展

建議用在卡片的擴展上比較大的表面時,使用一個不定的線性指標呈現。

範例 2: 向上滾動刷新

建議在從下方刷新一個列表時,可以使用一個不定的圓形旋轉指示燈與油墨散開的觸發

範例 3: 向下滑動刷新

建議在從上方刷新一個列表時,可以使用一個不定的環形旋轉指示燈與油墨散開的觸發


翻譯:Weiju