首先,打開Axure。這里的版本是Axure9。創建文件,命名“下滑效果”,拉入一個App元件,以及頂部搜索元件。
並設置App元件寬度與高度,分別為【290,620】
點擊左側菜單欄【概要】,將動態面板元件拖動到App里,命名為first.設置寬和高,分別為[290,461],
寬度設置為290是因為與屏幕寬度一致,高度設置為461意思是指紅框內的區域可以上下滑動,滑動時不包含藍色搜索框
在概要下的fist,點擊State1,在State1上在拉一個動態面板,命名為Second,設置寬度和高度,寬度與fist一致,但高度要比first高
點擊Second下的State1,在此動態面板上做圖。
完成后,點擊fist,出現以下效果
給first加上特效,點擊右側工具欄的【交互】——【New Interaction】
選擇【拖動時】——【移動】——【second】——【With Drag y】,點擊確定按鈕。這樣就可以實現屏幕下滑效果了