首先,打开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】,点击确定按钮。这样就可以实现屏幕下滑效果了