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. 开始设定交互动作,直接上图。

   

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

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

 

posted @ 2016-07-15 15:12  loyfee  阅读(1112)  评论(0编辑  收藏  举报