---

大家好，我是大明同學。

這期內容，我們將學習Axure中的旋轉效果設計與交互技巧。

旋轉

創建旋轉效果所需的元件

1.打開一個新的 RP 文件并在畫布上打開 Page 1。

2.在元件庫中拖出一個按鈕元件。

創建交互

創建按鈕交互狀態

1.選中按鈕元件，在交互窗格點擊新建交互，單擊時，旋轉 順時針 經過 -90°線性 1000 毫秒。

預覽交互

點擊預覽，每次點擊按鈕時，按鈕會順時針旋轉90°

Axure 默認情況下，一般以元件的中心旋轉，改變錨點可以改變旋轉的中心。

預覽交互

點擊預覽，每次點擊按鈕時，按鈕會以左側為中心順時針旋轉90° 。

接下來我們加上移動交互做一個圓球滾動的效果。

創建圓球效果所需的元件

1.在元件庫中將圓形元件拖到畫布中。

2.選中圓形元件，在樣式窗格中將填充顏色設置為藍色（#0052D9），添加線性和徑向效果，線寬設為 0。

創建交互

創建圓球交互狀態

1.選中圓球，在交互窗格中點擊創建交互，載入時，啟用情形判斷

情形1：如果"[[This.x]]" <"[[Window.width-1500]]'意思是，圓形元件的X軸＜窗口寬度并減去1500

旋轉 當前（圓球）經過90° 線性 500毫秒。

等待 500毫秒 。

觸發事件 當前（圓球）載入時。

2.點擊畫布空白區域，設置頁面排列，向左側排列。

預覽交互

點擊預覽，圓球會向左旋轉，到設置寬度停止旋轉。

預覽地址：https://15zwj7.axshare.com

好的，這期內容到這里就結束。

我是大明同學。

下期見。