1.截取手机状态栏,粘贴到axure中并调整适当大小。
2.拖拽一个动态面板并调整适当大小,将动态面板命名为“body”。
3.双击动态面板,axure弹出动态面板状态管理,点击‘+’号,新增两个状态,分别将三个状态命名为“body-1、body-2、body-3”,点击确定。
4.拖拽一个矩形控件,调整至与动态面板相同大小,并填充颜色,如此操作状态body-2、body-3.将其余两个状态填充不同颜色加以区分。
5.返回Home页面点击动态面板,在axure右侧选择向左滑动时,axure弹出用例编辑器。
6.选择动态面板-设置动态面板状态
7.勾选body(动态面板),在右下方设置“选择状态-next”,进入时动画“向左滑动”,退出时动画“向左滑动”,确定保存。
8.相同方式设置“向右滑动时”,勾选body(动态面板),在右下方设置“选择状态-previous”,进入时动画“向右滑动”,退出时动画“向右滑动”,确定保存。
9.运行就可以实现效果啦