Axure模拟手机屏幕滑动

Axure8.0,模拟红米Redmi Note3,MIUI 8.6.7.7开发版三个界面的滑动

1. 手机截屏,放到Axure的Page1当中,单张图片比例调整为360x640,分别命名P1、P2、P3,横着排列,将三张图片组合(命名为home_img)。

2. 在index页面创建一个动态面板(home_panel),设定宽高为360x640,在动态面板下方创建一个热区(edge),主要用于判定P1、P2、P3三张图与热区的接触和离开。

 

打开state1,将home_img拷贝进去。

3. 开始设定交互动作,直接上图。

   

拖动时: 动作主要是设定拖动的方向以及拖动的边界。

拖动结束时:主要用于判断单张图片是否离开或者接触了热区,一旦接触热区,则触发对应的移动指令。(这里要用绝对位置进行移动,用相对位置的话,它会按照你拖动结束的瞬间位置进行移动)

 

转载于:https://www.cnblogs.com/loyfee/p/5673679.html

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值