本人是一名原型設(shè)計愛好者(自學(xué)了1個月左右)，自己琢磨了一些小東西，分享給大家，大神路過別噴！

1，分析

要做到箭頭來回平行移動，需要解決兩個問題

(1)箭頭怎么實現(xiàn)移動

(2)箭頭移動后如何實現(xiàn)來回一直移動

2，元件準(zhǔn)備

在元件庫中拖一個矩形，轉(zhuǎn)變?yōu)樽远x形狀箭頭，命名為slider-jt，再從元件庫中拖兩個熱區(qū)放到合適的位置，命名為hot1和hot2，熱區(qū)作為箭頭移動的界限

3，添加交互

為slider-jt“載入時”添加交互，移動當(dāng)前元件，絕對移動，X軸編輯值，添加局部變量LVAR1，LVAR1為“元件”熱區(qū)hot1，插入函數(shù)，[[LVAR1.x]]，Y軸編輯值，因為箭頭是平行移動，所以Y軸的坐標(biāo)是不用變的。獲取目標(biāo)元件的Y軸坐標(biāo)，利用[[Target.y]]，添加動畫，線性，時間4000ms

4，判斷移動界限

通過上面的步驟我們實現(xiàn)了在瀏覽器中瀏覽時，箭頭線性移動到了熱區(qū)hot1的位置，但是我們要的效果并沒有實現(xiàn)，就是箭頭會沿著X軸方向移動到熱區(qū)hot2的位置, 我們需要為箭頭移動添加條件。

(1)熱區(qū)作為我們箭頭移動的區(qū)域，開始我們將箭頭移動了熱區(qū)hot1，所以為箭頭添加交互，“移動時”，添加條件，元件范圍，如果箭頭沒有接觸熱區(qū)hot2，則將箭頭移動到hot，(只需要將X軸移動的[[LVAR1.x]]的元件換成hot2,Y軸不變)，同理我們可以設(shè)置，如果箭頭沒有接觸到熱區(qū)hot1，將箭頭移動到熱區(qū)hot1.

原型演示地址：

下載

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。