單是簡單的滑動效果很簡單,但要做到逼真的效果,還是要注意一些細節(jié),比如滑動時超過了臨界點該做怎么樣的交互等?,F(xiàn)在教大家怎么弄,教程后面會放上需注意的細節(jié)總結
1、首先創(chuàng)建所需要的元器件:(括號里注明元器件的坐標與大小)
元器件取名如下:
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)
其實對括號里的屬性是不強制規(guī)定的,但剛開始,建議可以先跟以上數(shù)據(jù)進行設置。

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

3、選擇“內(nèi)容”動動態(tài)面板,設置以下交互事件,拖動動態(tài)面板時 ,添加交互事件如圖所示:
注意,是選中“內(nèi)容”面板 , 拖動的是“拖動面板”面板


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




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




6、保存運行看下效果吧
相關推薦:
Axure怎么給菜單設置旋轉(zhuǎn)效果?
Axure怎么制作頁面滾動時菜單固定在頂部的頁面?
新聞熱點
疑難解答
圖片精選