Progress & activity - 進(jìn)度和活動(dòng)
Progress and activity indicators are visual indications of an app loading content.
【翻譯】
進(jìn)度和活動(dòng)指示符是應(yīng)用加載內(nèi)容的可視指示。
A single visual indicator should be used to represent each type of operation. For example, a refresh operation should display either a refresh bar or an activity circle, but not both.
Determinate indicators display how long an operation will take.
Indeterminate indicators visualize an unspecified wait time.
【翻譯】
應(yīng)使用單個(gè)視覺指示器來表示每種類型的操作。例如，刷新操作應(yīng)顯示刷新欄或活動(dòng)圓剩晴，但不能同時(shí)顯示兩者日丹。
確定指示器顯示操作將花費(fèi)的時(shí)間特占。
不確定指標(biāo)可視化未指定的等待時(shí)間埃唯。
Types - 類型
Linear
Circular
【翻譯】
線性
圓
Behavior - 行為
Loading content in phases
Loading additional content
【翻譯】
分階段加載內(nèi)容
加載其他內(nèi)容
Types of indicators - 指標(biāo)類型
When indicators are determinate they indicate how long an operation will take when the percentage complete is detectable.
When indicators are indeterminate they request that the user wait while something finishes when it’s not necessary to indicate how long it will take.
Both linear and circular progress indicators may be either determinate or indeterminate.
【翻譯】
當(dāng)指示器確定時(shí)焊刹，它們指示當(dāng)可檢測(cè)百分比完成時(shí)操作將花費(fèi)多長(zhǎng)時(shí)間。
當(dāng)指示符不確定時(shí)新症，它們請(qǐng)求用戶在某事完成時(shí)等待，而不需要指示將花費(fèi)多長(zhǎng)時(shí)間响禽。
線性和圓形進(jìn)度指示符可以是確定的或不確定的徒爹。
Linear- 線性
A linear progress indicator should always fill from 0% to 100% and never decrease in value. It should be represented by bars on the edge of a header or sheet that appear and disappear.
For multiple operations happening in sequence, use the indicator to represent the progress as a whole, and not each individual operation.
【翻譯】
線性進(jìn)度指示器應(yīng)始終從0％填充到100％，且不會(huì)減小值芋类。它應(yīng)該在標(biāo)題或工作表的邊緣上以條形顯示和消失隆嗅。
對(duì)于按順序發(fā)生的多個(gè)操作，使用指示器表示整個(gè)進(jìn)度侯繁，而不是每個(gè)單獨(dú)的操作胖喳。
Linear progress indicators
【翻譯】
線性進(jìn)度指示器
Buffering progress indicator on a video
【翻譯】
緩沖視頻上的進(jìn)度指示器
Query indicator on a webpage
【翻譯】
網(wǎng)頁(yè)上的查詢指標(biāo)
** Circular - 圓**
Circular indeterminate and determinate progress indicators
【翻譯】
循環(huán)不確定和確定的進(jìn)展指標(biāo)
Circular with integration - 圓形與積分
A circular loader may be integrated with a floating action button.
【翻譯】
圓形裝載機(jī)可以與浮動(dòng)動(dòng)作按鈕集成。
Animation of a circular loader with integration
【翻譯】
集成的圓形加載器的動(dòng)畫
Behavior - 行為
Loading in phases
【翻譯】
分階段加載
One-phased loads
Ink (copy and images) loads within an existing, unchanging container.
【翻譯】
單相負(fù)載
墨水（復(fù)制和圖像）加載到現(xiàn)有的不變?nèi)萜髦小?/p>
Two-phased loads
The paper container is generated, then the ink (copy and images) load within it.
【翻譯】
雙向負(fù)載
生成紙容器贮竟，然后在其中加載墨水（復(fù)印件和圖像）丽焊。
Loading content for the first time
【翻譯】
第一次加載內(nèi)容
Load and display all content at once.
【翻譯】
一次載入并顯示所有內(nèi)容。
Loading additional content - 加載其他內(nèi)容
Example 1: Card expansion
An indeterminate linear indicator is recommended for a card expanding on larger surfaces such as desktop.
【翻譯】
示例1：卡擴(kuò)展
對(duì)于在較大表面（如桌面）上擴(kuò)展的卡咕别，建議使用不確定的線性指示器技健。
Example 2: Scroll up to load more
An indeterminate circular indicator with an initial radial ink reaction is recommended when loading a list from below.
【翻譯】
示例2：向上滾動(dòng)以加載更多
當(dāng)從下面加載列表時(shí)，推薦使用具有初始徑向墨水反應(yīng)的不確定的圓形指示器惰拱。
Example 3: Swipe down to refresh
An indeterminate circular indicator with a radial ink reaction is recommended when refreshing a list from above.
【翻譯】
示例3：向下滑動(dòng)刷新
當(dāng)從上面刷新列表時(shí)雌贱，推薦使用具有徑向墨水反應(yīng)的不確定的圓形指示器。
