添加一個(gè)點(diǎn)擊事例到圖中右箭頭

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

先打開(kāi)AxurePhotoCarousel.rp，然后打開(kāi) Photo Carousel 頁(yè)面。

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

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

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

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

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

接下來(lái)，你就可以添加動(dòng)畫進(jìn)去了，選擇 Slide Left 這個(gè)動(dòng)畫，然后對(duì)應(yīng)到 Animate In 和 Animate Out ，接著把過(guò)渡時(shí)間都設(shè)置為 500 ms。

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

對(duì)左箭頭重復(fù)步驟2

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

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

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

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

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