Axure是一款非常流行的原型設(shè)計(jì)工具，可以幫助用戶快速制作出高保真度的產(chǎn)品原型。在使用Axure的過程中，輪播圖效果是一個很實(shí)用且提升用戶體驗(yàn)的功能。下面就為大家分享如何在Axure中實(shí)現(xiàn)輪播圖效果

Axure是一款非常流行的原型設(shè)計(jì)工具，可以幫助用戶快速制作出高保真度的產(chǎn)品原型。在使用Axure的過程中，輪播圖效果是一個很實(shí)用且提升用戶體驗(yàn)的功能。下面就為大家分享如何在Axure中實(shí)現(xiàn)輪播圖效果。

建立頁面

首先，在Axure中建立一個新頁面。這里我們可以直接用上次經(jīng)驗(yàn)的手機(jī)殼，畫的方法前面介紹了。然后在合適的位置添加動態(tài)面板，調(diào)整動態(tài)面板的大小，如圖。

重命名并添加子頁面

選擇動態(tài)面板，然后在程序的右下方找到動態(tài)面板，雙擊在彈出的對話框中輸入動態(tài)面板的名字，以及輪播圖的個數(shù)。然后雙擊第一個state1，打開編輯頁面，并添加元件。每一個state都可以單獨(dú)進(jìn)行編輯，我這里以矩形元件為例，你可以添加圖片。

設(shè)置狀態(tài)

設(shè)置矩形的顏色，然后復(fù)制矩形，依次復(fù)制到第二個和第三個state中，別忘了修改每個矩形的顏色。

為動態(tài)面板添加交互效果

選擇輪播圖動態(tài)面板，選擇屬性面板--雙擊載入時，打開設(shè)置面板，選擇設(shè)置動態(tài)面板。然后添加滾動效果，如圖，在只面板的下方，選擇next效果，然后設(shè)置向后循環(huán)-時間設(shè)置為3000，效果向左，然后點(diǎn)擊確定。

繪制輪播圖下方的輪播圖標(biāo)

回到主頁面，在輪播圖的下方或者其他位置拖拽一個動態(tài)面板，用于放置滾動圖標(biāo)，如圖：

同樣的方法，更改動態(tài)面板的名稱，添加三個state。這個需要與上面的輪播圖對應(yīng)起來，有幾個輪播圖就設(shè)置幾個。

為每個state添加狀態(tài)點(diǎn)

分別繪制三個圓形，state1將第一個圓形的顏色變灰；state2將第二個圓形變灰；state3將第三個圓形變灰。

設(shè)置交互效果

交互效果同上面一樣，但是要注意的這個不需要向左滑動效果。時間要與上面的一致，設(shè)置為3000.

設(shè)置好以后點(diǎn)擊預(yù)覽查看效果，一個輪播圖就這樣做好了。

總結(jié)

通過以上步驟，我們可以輕松地在Axure中實(shí)現(xiàn)圖片輪播效果。除此之外，Axure還擁有眾多其他功能，例如組件庫、注釋、事件等等。如果你是一個UI設(shè)計(jì)師或者產(chǎn)品經(jīng)理，Axure是一個非常值得學(xué)習(xí)和掌握的工具。