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

 

原文地址:https://www.cnblogs.com/syeacfpl/p/13998273.html