Axure 实现手机滑动效果

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.运行就可以实现效果啦大笑


  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值