起點(diǎn)課堂會員權(quán)益
職業(yè)體系課特權(quán)
線下行業(yè)大會特權(quán)
個人IP打造特權(quán)
30+門專項(xiàng)技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導(dǎo)直播
12場專業(yè)技能直播
會員專屬社群
榮耀標(biāo)識Axure教程：手把手教你APP下拉刷新效果
APP下拉刷新效果，即手機(jī)APP下拉界面界面時顯示正在刷新/加載數(shù)據(jù)的提示文案，隨后文案消失并在加載結(jié)束時展示最新的APP界面。
前期準(zhǔn)備
軟件：Axure 9.0
硬件：Windows/Mac電腦
界面分解圖：?
教程
（1）制作手機(jī)外形，手機(jī)元件庫里面都有。
（2）創(chuàng)建一個內(nèi)容動態(tài)面板并起名，并在動態(tài)面板里創(chuàng)建界面動態(tài)面板和下拉刷新動態(tài)面板2個面板。將下拉刷新動態(tài)面板放在界面面板下方（每個面板至少2個狀態(tài)），演變圖如下：
（3）我們先來介紹下拉刷新動態(tài)面板的界面，一個是拖動時的準(zhǔn)備刷新界面，另外一個是拖動結(jié)束時展示的刷新效果界面。
注：圖二的圖片要在后面界面動態(tài)面板中設(shè)置成動態(tài)的，需要給圖片單獨(dú)起一個名字。
（4）接下來介紹界面動態(tài)面板的設(shè)置
界面面板主要是展示界面圖片，設(shè)置至少2個狀態(tài)，每個狀態(tài)展示一個界面，并起名。
設(shè)置界面動態(tài)面板拖動時效果，拖動界面時讓界面保持垂直移動。
設(shè)置界面動態(tài)面板拖動結(jié)束時的效果，這個時候要考慮兩種情形。我們想要實(shí)現(xiàn)的效果是：
- 當(dāng)拖動距離<=下拉刷新面板的行高時時不切換圖片；
- 當(dāng)拖動距離>下拉面板行高時切換照片（并循環(huán)切換下一張）。
注：80是我這個下拉刷新面板的行高，你們可以根據(jù)自己的規(guī)則調(diào)整。
最終效果
結(jié)語
讓我們來回顧一下整個過程，動態(tài)面板至少要保持2個動態(tài)，當(dāng)距離發(fā)生變化時切換圖片并讓圖片回到下拉之前的位置上來，距離不變時僅垂直移動。
本文由 @藍(lán)汐 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載！
題圖來自Unsplash，基于CC0協(xié)議
對于初學(xué)者真的太難了 步驟不詳細(xì) 做不出來啊