《Axure1分钟教学》Axure制作微信扫一扫交互效果

一，短视频主要内容如下：

1，移动交互；

2，相对位置移动；

3，等待；

4，触发事件；

二，内容分解

1，移动交互：控制元件对象的位置变化的交互；

2，相对位置/绝对位置：相对位置指：相对当前位置坐标，移动多少像素；绝对位置：指达到某一坐标点；

3，等待：axure在执行交互动作时，是从上到下的顺序执行，遇到等待时，先执行等待，再执行后面的交互；

4，触发事件：主要实现对交互的循环操作；

三，交互

1，扫码线：因为一预览，扫码线就要开始扫描，所以，需要用到《载入时事件》。

2，移动交互：

因为在x轴方向，没有发生位移，所以在x轴方向，相对移动了0个像素；在y轴方向是需要向下移动的，所以相对y当前坐标只能是一个正数；当前假设向下移动400像素。动画为线性：为匀速移动，移动时间为2000毫秒。

3，等待：

当交互执行到等待时，先执行完等待的时间，再执行下面的交互。当前写0，或上面移动交互执行的时间2000都可以。只要不超过2000；

4，第二个移动交互：

当前移动交互的功能是，让扫码线迅速移到初始位置；

所以y轴方向，需相对当前坐标移动-400像素，这样就能相反方向移动；

因为需要直接移到初始坐标，所以这里不能给动画；

5，触发事件；

扫码线需要重复移动；所以需要触发扫码线的载入时事件执行；

最后预览即可；