axure中的拐弯箭头_Axure 8.0制作水平方向上一直来回移动的箭头

本人是一名原型设计爱好者(自学了1个月左右)，自己琢磨了一些小东西，分享给大家，大神路过别喷！

1，分析

要做到箭头来回平行移动，需要解决两个问题

(1)箭头怎么实现移动

(2)箭头移动后如何实现来回一直移动

2，元件准备

在元件库中拖一个矩形，转变为自定义形状箭头，命名为slider-jt，再从元件库中拖两个热区放到合适的位置，命名为hot1和hot2，热区作为箭头移动的界限

3，添加交互

为slider-jt“载入时”添加交互，移动当前元件，绝对移动，X轴编辑值，添加局部变量LVAR1，LVAR1为“元件”热区hot1，插入函数，[[LVAR1.x]]，Y轴编辑值，因为箭头是平行移动，所以Y轴的坐标是不用变的。获取目标元件的Y轴坐标，利用[[Target.y]]，添加动画，线性，时间4000ms

4，判断移动界限

通过上面的步骤我们实现了在浏览器中浏览时，箭头线性移动到了热区hot1的位置，但是我们要的效果并没有实现，就是箭头会沿着X轴方向移动到热区hot2的位置, 我们需要为箭头移动添加条件。

(1)热区作为我们箭头移动的区域，开始我们将箭头移动了热区hot1，所以为箭头添加交互，“移动时”，添加条件，元件范围，如果箭头没有接触热区hot2，则将箭头移动到hot，(只需要将X轴移动的[[LVAR1.x]]的元件换成hot2,Y轴不变)，同理我们可以设置，如果箭头没有接触到热区hot1，将箭头移动到热区hot1.

原型演示地址：

下载