把漢化補丁放到遊戲目錄「axure8破解安裝教程」

下面教大家使用axure來實現手機app里頁面上下滑動特效。

第一步：

（1）將矩形拖到名為“滑動效果”的頁面中，調整好位置，設置矩形的寬為：326，高為：640，圓角半徑為：38，這樣完成一個手機雛形的設置。

（2）在拖一個矩形到上面做好的圖形中，設置矩形寬為：320，高為：568，調整好位置，這樣一個手機平面就完成了。

第二步：

（1）拖入一個動態面板到頁面中，動態面板的大小位置與上面矩形保持一致，動態面板寬：320，高：568

（2）雙擊動態面板“State1”，進入到動態面板編輯狀態

（3）再拖入一個動態面板到“State1”動態面板中，寬：320，高：800，並改名為：動態面板2

（4）雙擊“動態面板2”下的“State1”，然後在動態面板里增加6張圖片，填滿動態面板

（5）雙擊“滾動效果”頁面，選中“動態面板”

（6）這一步是添加滾動效果的一步，在屬性下面選擇“拖動時”屬性，在彈出的用例編輯框里，左側添加動作中選“移動”，右側配置動作選中“動態面板2”，下方移動選擇“垂直拖動”

到這一步，完成了效果的製作，播放效果如下：

大家有沒有發現一個bug？就是在拖動圖片的時候，可以無限制的拖動，頂部底部會出現白邊，這是為什麼呢？是因為沒有做邊界的限制，下面咱們來把邊界加上。

第三步：設置滑動上方邊界

（1）拖動一個熱區到“滑動效果”頁面，命名為“熱區1”，設置寬：250，高：24，熱區的位置如圖所示，要與上方圖片對其

（2）選中“動態面板”，選擇屬性里的“拖動結束時”，在彈出的用例編輯框里，選擇“添加條件”，彈出的“條件設立”里，依次選擇“元件範圍、動態面板2、未接觸、元件範圍、熱區1”，點擊確定

（3）選擇添加動作里的“移動”，選擇配置動作里的“動態面板2”，選擇移動里的“絕對位置”，點擊確定

此時，上方邊界已完成，效果如下：

大家可以看到，在往下拖動的時候，當拖到頂部時，出現空白，鼠標鬆開後，自動有彈回到起點，這就是上方的邊界效果。

但下方的邊界還沒有做，下面繼續完成下方的邊界。

第四步：設置滑動下方邊界

（1）拖動熱區到手機屏幕底部，設置寬：250，高：24，命名為“熱區2”

（2）拖動一個矩形到“滾動效果”界面，設置寬：320，高：800，後面這一點比較重要，將矩形與手機中圖片重疊，如下圖：

（3）往上移動矩形，使矩形的底部與手機中圖片底部重疊，然後記錄下y坐標值：-154，然後刪除該矩形（添加該矩形只是計算底部y值使用）

（4）點擊“動態面板”，雙擊“拖動結束時”，添加相關條件，同設置上方滑動邊界。注意：“熱區2”的選擇，如下圖：

（5）選擇添加動作里的 “移動”，配置動作里選擇“動態面板2”，移動中選擇“絕對位置”，y值填寫剛才計算出來的：-154

這樣，下方邊界已經完成。

看下效果：

怎麼樣，效果是不是很酷^_^