把漢化補丁放到遊戲目錄「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

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

看下效果：

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