在快速原型制作中，我們通常會(huì)使用到Axure軟件，有一些地方我會(huì)想要達(dá)到在頁面做出彈出層的效果，這個(gè)時(shí)候?yàn)榱丝焖龠_(dá)到效果，在Axure中，我們會(huì)用到動(dòng)態(tài)面板；下面我就自己在這方面遇到的困難和效果介紹一下用動(dòng)態(tài)面板做頁面彈出層。

1、在制作好的頁面上添加一個(gè) hot spot 區(qū)域，然后拖動(dòng)一個(gè)“動(dòng)態(tài)面板”到“hot spot”上，右鍵將“動(dòng)態(tài)面板”設(shè)置為 “隱藏”，設(shè)置之前是淡藍(lán)色的，設(shè)置好之后是淡黃色的

2、左鍵雙擊動(dòng)態(tài)面板，對(duì)動(dòng)態(tài)面板進(jìn)行命名；這里可以對(duì)比上一步的圖，就會(huì)發(fā)現(xiàn)動(dòng)態(tài)面板已經(jīng)變?yōu)榈S色了

3、在右下方的“概要：頁面”區(qū)域，雙擊動(dòng)態(tài)面板下的state1進(jìn)行動(dòng)態(tài)面板的編輯（實(shí)質(zhì)就是把想要隱藏的部分在這里放入到動(dòng)態(tài)面板里），這一步也是比較重要的一步

4、設(shè)置動(dòng)態(tài)面板的效果，給動(dòng)態(tài)面板設(shè)置交互，選中動(dòng)態(tài)面板，在交互頁面，選擇【元件】-->【顯示】-->【aaa（這里是動(dòng)態(tài)面板的名字）】確定就完成這一步的設(shè)置了

5、也是最后一步，設(shè)置觸發(fā)頁面彈出層的事件。到此完成，可以在頁面上預(yù)覽，檢驗(yàn)一下效果

注意事項(xiàng)：

所有的時(shí)間觸發(fā)交互效果都是鼠標(biāo)單擊。

相關(guān)推薦：

axure怎么制作動(dòng)態(tài)面板的拖動(dòng)的原型?

Axure8怎么使用動(dòng)態(tài)面板?Axure8的使用教程

Axure怎么制作頁面滾動(dòng)時(shí)菜單固定在頂部的頁面？