您的位置:首页 > 其它

Axure 实现手机滑动效果

2016-01-28 10:01 363 查看
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.运行就可以实现效果啦
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: