動(dòng)態(tài)面板：

在Axure中的很多交互都是由動(dòng)態(tài)面板來(lái)實(shí)現(xiàn)的。動(dòng)態(tài)面板里面可以包含多個(gè)狀態(tài)，所以通過(guò)一些事件可以對(duì)動(dòng)態(tài)面板的狀態(tài)進(jìn)行切換，以此來(lái)實(shí)現(xiàn)交互效果。但任何時(shí)候都是只有一個(gè)狀態(tài)是可見(jiàn)的，或者整個(gè)動(dòng)態(tài)面板是被隱藏的。

案例一：簡(jiǎn)單實(shí)現(xiàn)導(dǎo)航的頁(yè)面切換

1、在工作區(qū)域添加以下元件

?

2、雙擊動(dòng)態(tài)面板，添加新增三個(gè)狀態(tài)。

?

3、在不同的狀態(tài)下的動(dòng)態(tài)面板中添加自己想要在某個(gè)狀態(tài)展示的內(nèi)容，例如選擇狀態(tài)一，在動(dòng)態(tài)面板中寫(xiě)入首頁(yè)的內(nèi)容，在狀態(tài)二下，在動(dòng)態(tài)面板寫(xiě)入個(gè)人中心的內(nèi)容。

4、為每個(gè)菜單中的標(biāo)簽添加交互事件。當(dāng)點(diǎn)擊不同的標(biāo)簽，動(dòng)態(tài)面板就要顯示出對(duì)應(yīng)的狀態(tài)，點(diǎn)擊首頁(yè)，添加“鼠標(biāo)點(diǎn)擊時(shí)”?交互事件，再添加“設(shè)置面板狀態(tài)”的動(dòng)作，將狀態(tài)選擇為狀態(tài)一。點(diǎn)擊個(gè)人中心，添加“鼠標(biāo)點(diǎn)擊時(shí)”?交互事件，再添加“設(shè)置面板狀態(tài)”的動(dòng)作，將狀態(tài)選擇為狀態(tài)二。

5、點(diǎn)擊預(yù)覽，打開(kāi)瀏覽器查看效果。

案例二：輪播圖?

?1、添加一個(gè)動(dòng)態(tài)面板，雙擊動(dòng)態(tài)面板新增狀態(tài)（要輪播多少?gòu)垐D就新增多少個(gè)狀態(tài)）。

2、在每個(gè)狀態(tài)下添加不同的圖片，來(lái)進(jìn)行輪播。

?

?3、在頁(yè)面載入時(shí)，輪播圖就會(huì)自動(dòng)進(jìn)行下一張圖片顯示，所以要在整個(gè)頁(yè)面添加一個(gè)交互事件。

更多選項(xiàng)中的循環(huán)間隔為一次循環(huán)需要的時(shí)間。

?

總結(jié)

以上是生活随笔為你收集整理的Axure动态面板的使用的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

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