單是簡單的滑動效果很簡單，但要做到逼真的效果，還是要注意一些細節(jié)，比如滑動時超過了臨界點該做怎么樣的交互等。現在教大家怎么弄，教程后面會放上需注意的細節(jié)總結

1、首先創(chuàng)建所需要的元器件：（括號里注明元器件的坐標與大?。?/p>

元器件取名如下：

1）頭部菜單  （矩形          x:0    y:0    w:260   h:35）

2）內容         （動態(tài)面板   x:0    y:39   w:278   h:369）

3）底部菜單   （矩形         x:0    y:370  w:260  h:35)

其實對括號里的屬性是不強制規(guī)定的，但剛開始，建議可以先跟以上數據進行設置。

2、在第一步的“內容”動態(tài)面板中再一個動態(tài)面板。拖動面板     （動態(tài)面板  x:0   y:0  w:260   y:673），在拖動面板中放入你要顯示的屏幕內容，這個隨便放幾張圖片就好。懶得畫圖，這里我就放幾個矩形了

3、選擇“內容”動動態(tài)面板，設置以下交互事件，拖動動態(tài)面板時  ，添加交互事件如圖所示：

注意，是選中“內容”面板 ，   拖動的是“拖動面板”面板

4、再次選擇“內容”動動態(tài)面板，設置以下交互事件。束拖放動態(tài)面板時，添加交互事件如圖所示：

5、再次選擇“內容”動動態(tài)面板，設置以下交互事件。結束拖放動態(tài)面板時，添加交互事件如圖所示：

6、保存運行看下效果吧

相關推薦：

Axure怎么給菜單設置旋轉效果?

Axure怎么制作頁面滾動時菜單固定在頂部的頁面？

最新評論