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

 

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM