鍍金池/ 教程/ Android/ 進(jìn)度和動態(tài)
Snackbars 與 Toasts
選擇器
網(wǎng)格
紙片
色彩
手勢
內(nèi)容選取
準(zhǔn)則
導(dǎo)航過渡
進(jìn)度和動態(tài)
概述
數(shù)據(jù)格式
搜索(Search)
Roboto 字體
副標(biāo)題
Material 屬性
書寫
空狀態(tài)
按鈕
提示框(Dialogs)
開關(guān)
導(dǎo)航
單位和度量
列表
度量與邊框
真實的動作
改進(jìn)的操作
底部動作條
加載圖片
卡片
工具提示(Tooltips)
菜單
設(shè)備
可達(dá)性
分隔線(Dividers)
高度和陰影
環(huán)境
抽屜式導(dǎo)航
響應(yīng)式交互
Tabs
圖標(biāo)
滾動時的技巧
更新記錄
錯誤
影像處理
設(shè)置
滑塊控件(Sliders)
列表控制
圖像
文本框
布局模板
雙向性
選擇控制器
調(diào)色板
自適應(yīng) UI
貼片集
數(shù)據(jù)表
滑動刷新
啟動屏幕
按鈕:浮動操作按鈕
打動用戶的細(xì)節(jié)
應(yīng)用結(jié)構(gòu)
有意義的轉(zhuǎn)場動畫
字體排版(Typography)
結(jié)構(gòu)

進(jìn)度和動態(tài)

在用戶可以查看并與內(nèi)容進(jìn)行交互之前,盡可能地減少視覺上的變化,盡量使應(yīng)用加載過程令人愉快。每次操作只能由一個活動指示器呈現(xiàn),例如,對于刷新操作,你不能即用刷新條,又用動態(tài)圓圈來指示。

指示器類型

在操作中,對于完成部分可以確定的情況下,使用確定的指示器,他們能讓用戶對某個操作所需要的時間有個快速的了解。

在操作中,對于完成部分不確定的情況下,用戶需要等待一定的時間,無需告知后用戶臺的情況以及所需時間,這時可以使用不確定的指示器。

指示器的類型有兩種:線形進(jìn)度指示器圓形進(jìn)度指示器。你可以使用其中任何一項來指示確定性和不確定性的操作。

線形進(jìn)度指示器

線形進(jìn)度指示器應(yīng)始終從 0% 到 100% 顯示,絕不能從高到低反著來。如果一個隊列里有多個正在進(jìn)行的操作,使用一個進(jìn)度指示器來指示整體的所需要等待的時間。這樣,當(dāng)指示器達(dá)到 100% 時,它不會返回到0%再重新開始。

線形進(jìn)度條應(yīng)該放置在頁眉或某塊區(qū)域的邊緣。

圓形進(jìn)度指示器

集合式的圓形進(jìn)度指示器

圓形的加載指示器可以和一個有趣的圖標(biāo)或者刷新圖標(biāo)結(jié)合在一起使用。

響應(yīng)

加載階段

單階段加載
在現(xiàn)有的,不變的容器里加載內(nèi)容(副本和圖像)。

雙階段加載
先生成一個容器,然后再加載內(nèi)容(副本和圖像)。

第一次加載內(nèi)容

一次加載完所有內(nèi)容并顯示出來

分兩個階段加載和顯示內(nèi)容

加載額外的內(nèi)容

例1:卡片的擴(kuò)展
當(dāng)卡片可以在較大的表面上擴(kuò)展時,比如桌面,這時推薦使用不確定的線形進(jìn)度指示器。

例2:上拉刷新
當(dāng)你想從下方刷新列表時,推薦使用不確定的圓形進(jìn)度指示器來觸發(fā)內(nèi)容的加載。

例3:下拉刷新
當(dāng)你想從上方刷新列表時,推薦使用不確定的圓形進(jìn)度指示器來觸發(fā)內(nèi)容的加載。

原文:Progress and Activity 翻譯:SamanthaChou 校對:sisyphus60

上一篇:列表控制下一篇:雙向性