Axure 实现App上下滑动效果

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