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

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

元器件取名如下：

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

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

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

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

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

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

注意，是選中“內(nèi)容”面板 ，   拖動的是“拖動面板”面板

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

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

6、保存運(yùn)行看下效果吧

相關(guān)推薦：

Axure怎么給菜單設(shè)置旋轉(zhuǎn)效果?

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

最新評論