更新內(nèi)容

在應(yīng)用里有兩種更新內(nèi)容的方法。較好的方法是用sync自動更新內(nèi)容。Syncing 能保持內(nèi)容自動更新，因為它不需要用戶操作。

另外一種，手動刷新需要用戶通過動作或者手勢啟動內(nèi)容更新。手動刷新提供同步的同時保持當(dāng)前的滾動位置。例如在Gmail里檢查新郵件。

滑動刷新

滑動刷新是一個滑動手勢?？捎迷谄胀斜恚礁窳斜淼拈_始處和卡片集合的最近內(nèi)容出現(xiàn)的位置（Index 0）。

位置：

典型的，手勢在內(nèi)容集合的頂部使用。但是它也可以在底部使用（例如，在聊天應(yīng)用）。

用法：

刷新圖標(biāo)僅僅與刷新手勢或者動作一起出現(xiàn)。Syncing不顯示刷新圖標(biāo)。手勢最要用在動態(tài)內(nèi)容在固定的位置，并且頻繁更新的情況。固定的位置也是用戶用手勢刷新后最可能關(guān)注的位置。

當(dāng)手勢用在刷新后視圖會顯著改變的情況下，變化可能不是立即明顯有效。

滑動刷新布局
通過一個垂直方向的滑動手勢刷新視圖的內(nèi)容。

動畫，顯示滑動刷新

滑動刷新不應(yīng)該用在以下的情景：

• 抽屜式的導(dǎo)航欄
• 主屏幕小插件
• Pannable內(nèi)容

http://wiki.jikexueyuan.com/project/material-design/images/patterns_swipetorefresh_dont1_mdpi.png" alt="1" />

??錯誤

抽屜式導(dǎo)航欄（如果在應(yīng)用中存在）包括導(dǎo)航選項，不是動態(tài)內(nèi)容。

http://wiki.jikexueyuan.com/project/material-design/images/patterns_swipetorefresh_dont2_mdpi.png" alt="2" />

??錯誤

主屏幕小插件應(yīng)該自動更新內(nèi)容。

http://wiki.jikexueyuan.com/project/material-design/images/patterns_swipetorefresh_dont3_mdpi.png" alt="3" />

??錯誤

Pannable內(nèi)容，像地圖，沒有一個主要的方向或者內(nèi)容起點，用戶能認(rèn)做滑動刷新的起點。

刷新圖標(biāo)位置和行為

位置：

刷新圖標(biāo)，當(dāng)下拉停止時，在刷新內(nèi)容的垂直正中間位置。

http://wiki.jikexueyuan.com/project/material-design/images/patterns_swipetorefresh_position1_mdpi.png" alt="postion1" />

??正確

http://wiki.jikexueyuan.com/project/material-design/images/patterns_swipetorefresh_position2_mdpi.png" alt="postion2" />

??錯誤

http://wiki.jikexueyuan.com/project/material-design/images/patterns_swipetorefresh_position3_mdpi.png" alt="postion3" />

??錯誤

刷新圖標(biāo)位置靠近刷新內(nèi)容的頂部

準(zhǔn)確的垂直下拉停止位置可以被調(diào)節(jié)以促使和下來的布局和諧。例如，圖標(biāo)可以落在材質(zhì)邊緣或者網(wǎng)格線上，只要它位于刷新內(nèi)容的頂部。

http://wiki.jikexueyuan.com/project/material-design/images/patterns_swipetorefresh_position4_mdpi.png" alt="postion4" />

??正確

http://wiki.jikexueyuan.com/project/material-design/images/patterns_swipetorefresh_position5_mdpi.png" alt="postion5" />

??錯誤

行為：

刷新圖標(biāo)過渡進視圖，圓形 spinner 逐漸增強同時旋轉(zhuǎn)。

刷新圖標(biāo)保持可見，直到刷新活動完成，并且任何新內(nèi)容是可見的，或者用戶從刷新內(nèi)容導(dǎo)航出去。

??正確

保持刷新圖標(biāo)在視圖上直到活動完成，并且反饋刷新后的狀態(tài)。

??錯誤

滑動刷新圖標(biāo)離開屏幕隱藏刷新活動的狀態(tài)并且可能意味著刷新活動和視圖內(nèi)一個特定的相關(guān)連，如一個卡片而不是整個視圖。

刷新圖標(biāo)過渡

當(dāng)另一個界面是在內(nèi)容的 material 的前面（在 z-space），刷新圖標(biāo)從界面底下過渡，并且被夾住直到全部可見。

以下情況刷新圖標(biāo)增加大小作為過渡：

• 刷新 material 是在所有其他界面的前面（在z-space）
• 內(nèi)容刷新開始從 app bar 或者菜單擴展操作。

刷新內(nèi)容是在所有其他界面之上，在 z－space 空間。

刷新內(nèi)容是另一個界面在同一個面上。

刷新內(nèi)容是在z－space里另一個界面之下。

刷新內(nèi)容通過 app bar 操作。

實現(xiàn)細節(jié)

確?；瑒铀⑿率謩莸挠幸馐褂茫趹?yīng)用開始將要開始刷新之前，刷新圖標(biāo)必須通過一個閾值。這個閾值是通過一些狀態(tài)表示：

• 圓圈旋轉(zhuǎn)控件 100% 不透明
• 圓圈控件旋轉(zhuǎn)變慢
• 刷新圖標(biāo)的過渡速率變慢

完成手勢只要任何一條達到閾值，并且啟動刷新操作。

相反的手勢通過閾值將取消刷新操作。

原文：Swipe to refresh 翻譯：awong1900 校對：