最近真的好忙轨淌，晚上又在忙著充電學Python训措，所以更新變慢了，不過木有事，小編雖然會遲到悦污，但是絕不會缺席~O(∩_∩)O哈哈~
效果圖
提醒：因為我們每一次的更新都是在原有的原型基礎(chǔ)上開展的跳夭，因此原型會越來越復雜驹饺。
效果描述：本次我們展現(xiàn)下拉刷新效果侣夷，下拉列表，出現(xiàn)刷新icon梦重，松開手指兑燥，頁面彈回，刷新結(jié)束后琴拧，刷新icon消失降瞳。
實現(xiàn)邏輯
元件.top 函數(shù)：獲取元件對象的上邊界坐標值。
拖動頁面時蚓胸，頁面top值超過一定程度的時候挣饥，讓頁面彈回到初始位置。
向下拖動頁面的時候沛膳，出現(xiàn)下拉刷新icon扔枫。
步驟1-元件準備
準備元件，我們準備好朋友圈頁面的內(nèi)容锹安，并將其轉(zhuǎn)換成動態(tài)面板短荐，準備一個返回icon，一個相機icon和一個下拉刷新的gif圖八毯。（gif圖已經(jīng)上傳到附件內(nèi)搓侄，我們就不具體演示了）
我們元件排序:返回icon瞄桨、相機icon话速、下拉刷新icon（隱藏）在頂，朋友圈內(nèi)容的動態(tài)面板在底芯侥。
步驟2-交互
先簡單講一下設(shè)置邏輯泊交，我們再上圖：我們在拖動內(nèi)容動態(tài)面板的時候乳讥。可能向上拖動廓俭，可能向下拖動云石，雖然向上拖動和向下拖動是設(shè)置在同一個交互內(nèi)的，但是我們?yōu)榱俗龅较吕⑿伦詣訌椈匮衅梗敲淳鸵O(shè)置兩種條件汹忠。
我們讓動態(tài)面板沿著Y軸自由拖動，但是元件頂部超過一定的高度的時候雹熬，需要出現(xiàn)下拉刷新的icon宽菜，這就是下拉場景，同時在超過一定高度的時候竿报，松開手铅乡，這時候頁面會自動彈回。
我們一起來看烈菌，選擇內(nèi)容動態(tài)面板：
拖動時阵幸，
if this.top≤0，
讓動態(tài)面板隨著手指沿著Y軸移動芽世，設(shè)置邊界為頂部坐標≤250挚赊，底部坐標≥644，
隱藏 下拉刷新icon济瓢。
else if咬腕，
讓動態(tài)面板隨著手指沿著Y軸移動，設(shè)置邊界為頂部坐標≤250葬荷，底部坐標≥644涨共，
顯示 下拉刷新icon。
如圖所示：
拖動結(jié)束時宠漩，
if this.top≥1举反，
移動 動態(tài)面板 到 （0，0）扒吁，
等待 500ms火鼻，
隱藏 下拉刷新icon。
（等待500ms是為了更好的模擬刷新等待的效果）
結(jié)語
本次原型內(nèi)容做在了左側(cè)的微信中雕崩。
原型文件可以通過下邊的鏈接下載：
https://pan.baidu.com/s/1jub385QC4AuNxkBxAa6aFA
密碼：q2cf
注意哦魁索，我們的原型只能用Axure RP 9打開哦。
最后：我們要不斷努力盼铁，不要白白浪費我們吃的苦粗蔚，共勉。
作者：王得宇AIPM
微信公眾號：他們已經(jīng)在路上了
