下面教大家使用axure來實現(xiàn)手機app里頁面上下滑動特效 。
第一步：
（1）將矩形拖到名為“滑動效果”的頁面中，調(diào)整好位置，設(shè)置矩形的寬為：326，高為：640，圓角半徑為：38，這樣完成一個手機雛形的設(shè)置 。
（2）在拖一個矩形到上面做好的圖形中，設(shè)置矩形寬為：320，高為：568，調(diào)整好位置，這樣一個手機平面就完成了 。
第二步：
（1）拖入一個動態(tài)面板到頁面中，動態(tài)面板的大小位置與上面矩形保持一致，動態(tài)面板寬：320，高：568
（2）雙擊動態(tài)面板“State1”，進入到動態(tài)面板編輯狀態(tài)
（3）再拖入一個動態(tài)面板到“State1”動態(tài)面板中，寬：320，高：800，并改名為：動態(tài)面板2
（4）雙擊“動態(tài)面板2”下的“State1”，然后在動態(tài)面板里增加6張圖片，填滿動態(tài)面板
（5）雙擊“滾動效果”頁面，選中“動態(tài)面板”
（6）這一步是添加滾動效果的一步，在屬性下面選擇“拖動時”屬性，在彈出的用例編輯框里，左側(cè)添加動作中選“移動”，右側(cè)配置動作選中“動態(tài)面板2”，下方移動選擇“垂直拖動”
到這一步，完成了效果的制作，播放效果如下：
大家有沒有發(fā)現(xiàn)一個bug？就是在拖動圖片的時候，可以無限制的拖動，頂部底部會出現(xiàn)白邊，這是為什么呢？是因為沒有做邊界的限制，下面咱們來把邊界加上 。
第三步：設(shè)置滑動上方邊界
（1）拖動一個熱區(qū)到“滑動效果”頁面，命名為“熱區(qū)1”，設(shè)置寬：250，高：24，熱區(qū)的位置如圖所示，要與上方圖片對其
（2）選中“動態(tài)面板”，選擇屬性里的“拖動結(jié)束時”，在彈出的用例編輯框里，選擇“添加條件”，彈出的“條件設(shè)立”里，依次選擇“元件范圍、動態(tài)面板2、未接觸、元件范圍、熱區(qū)1”，點擊確定
（3）選擇添加動作里的“移動”，選擇配置動作里的“動態(tài)面板2”，選擇移動里的“絕對位置”，點擊確定
此時，上方邊界已完成，效果如下：
大家可以看到，在往下拖動的時候，當拖到頂部時，出現(xiàn)空白，鼠標松開后，自動有彈回到起點，這就是上方的邊界效果 。
但下方的邊界還沒有做，下面繼續(xù)完成下方的邊界 。
第四步：設(shè)置滑動下方邊界
（1）拖動熱區(qū)到手機屏幕底部，設(shè)置寬：250，高：24，命名為“熱區(qū)2”
推薦閱讀
- 把視頻里面的音頻轉(zhuǎn)成文字 音頻轉(zhuǎn)寫標注
- 把別人車刮了怎么走保險 刮了別人的車，該如何走保險。
- 欲把西湖比西子淡妝濃抹總相宜是什么意思 古詩淡妝濃抹總相宜的意思是什么？
- 萵筍葉能吃嗎怎么才可以把萵筍葉做好吃了/
- 爆好吃的紅燒豬蹄做法手把手教你做好吃美容
- 金都一號為什么是火龍果中扛把子
- 怎么把手機里的視頻傳到電腦上 手機上的視頻怎么傳到電腦上？
- 陳皮泡水的好處有哪些呢
- 怎么把手機里的視頻傳到電腦上 怎樣把手機中的視頻復制到電腦？
- 最主要原因是你家的拖把有問題