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

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

元器件取名如下：

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

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

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

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

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

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

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

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

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

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

相關(guān)推薦：

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

Axure怎么制作頁(yè)面滾動(dòng)時(shí)菜單固定在頂部的頁(yè)面？

最新評(píng)論