利用Axure 8.0 制作手機上下滑動效果

1、打開Axure 8.0，在網(wǎng)上找一個手機外殼的圖片，然后添加大小和手機屏幕相等的動態(tài)面板，命名為“屏幕”

2、然后雙擊State1，添加一個矩形，寬度=屏幕寬度，長度任意。然后選中矩形，點擊鼠標(biāo)右鍵，選擇轉(zhuǎn)換為動態(tài)面板，命名為“內(nèi)容”

3、然后在“內(nèi)容”動態(tài)面板中，搭建你的手機界面。如圖，我隨便添加了幾個Axure自帶的原件

4、然后回到Index界面，選中“屏幕”動態(tài)面板，雙擊【拖動時】

5、選擇【移動】，勾選“內(nèi)容”動態(tài)面板，選擇移動為垂直移動

6、點擊添加邊界。頂部<=0。如圖。配置完成后，按F5發(fā)布一下，查看效果