本人是一名原型設計愛好者(自學了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.

原型演示地址：

下載

總結

以上是生活随笔為你收集整理的axure中的拐弯箭头_Axure 8.0制作水平方向上一直来回移动的箭头的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。