在网上找了好久如何实现原型手机端上下滑动,各种攻略看的呀,方法都不一样,版本也不一样,试了半天都没成功,看的多了,知道个大体动态面板的操作路径了,才最终成功。(成功1.0,实现了滑动,但是细节控制的不太好)
首先,动态面板编辑路径
axure动态面板编辑的路径,作为小白的我,一直找不到怎么编辑,差点就放弃了。这里把本次需要用到的操作简单描述一下
1、default基本元件中找到【动态面板】
2、拖一个动态面板页面;
3、双击这个【动态面板】进入动态面板的编辑界面(上面有一条蓝绿色的条,表示进来了)
4、在这个编辑界面,你可以往上继续添加任何页面预算。一般会继续添加一些动态面板做一些动态效果,比如上下滑动、左右滑动、tab切换之类。
5、同理,所有的动态面板编辑都是找到入口,双击它,直到你要编辑内容可以选中那层。
开始实现上下滑屏效果(共5步)
1、先把要滑屏的页面的头部和底部元素放上、命名,这里为了方便描述,假设这两个元素分别叫做【头部】【底部】
头部:一般都是导航栏之类的,实在没有头部的页面可以放个热区占位(热区目前我用的主要是隐形围栏功能)
底部:一般都是菜单之类的,实在没有,同头部操作,放个热区上去。
2、在【头部】【底部】中间位置,铺一个动态面板,给他命名【屏幕】,这个面板就是手机看东西的窗口,等到最后就在在这个动态面板【屏幕】上增加交互,实现上下滑动
3、双击动态