添加一個點擊事例到圖中右箭頭

http://wiki.jikexueyuan.com/project/axure/images/photocarousel1.png" alt="image" />

先打開AxurePhotoCarousel.rp，然后打開 Photo Carousel 頁面。

創(chuàng)建一個循環(huán)圖，添加一個可以在你點擊圖中右箭頭的時候改變圖片的點擊事例。

選中圖中的右箭頭然后添加一個事例到 OnClick 事件中，這時會出現(xiàn)一個事例編輯器。

設置面板狀態(tài)為 Next

http://wiki.jikexueyuan.com/project/axure/images/photocarousel2.png" alt="image" />

無論用戶看的是哪張圖片，我們都想在點擊右箭頭時能夠切換到下一張圖片。為了達到圖片切換的效果，我們選擇動作 Set Panel State ，把 Rotating Photos 面板勾選上，從 Select the state 下拉列表中選中 Next 這個狀態(tài)。

接下來，你就可以添加動畫進去了，選擇 Slide Left 這個動畫，然后對應到 Animate In 和 Animate Out ，接著把過渡時間都設置為 500 ms。

點擊 OK 按鈕關閉事例編輯器，事例就像截圖中所展示那樣，已經(jīng)被添加到 OnClick 事件中去了。

對左箭頭重復步驟2

http://wiki.jikexueyuan.com/project/axure/images/photocarousel3.png" alt="image" />

現(xiàn)在再給左箭頭添加一個簡單的交互，選中左箭頭添加 OnClick 事例。

再一次使用事例編輯器，重復步驟2，設置面板狀態(tài)為 Previous，為其添加動畫。

點擊 OK 按鈕關閉事例編輯器，事例就像截圖中所展示那樣，已經(jīng)被添加到 OnClick 事件中去了。

完成上面的步驟，就可預覽原型了。