在快速原型制作中，我們通常會使用到Axure軟件，有一些地方我會想要達到在頁面做出彈出層的效果，這個時候為了快速達到效果，在Axure中，我們會用到動態面板；下面我就自己在這方面遇到的困難和效果介紹一下用動態面板做頁面彈出層。

1、在制作好的頁面上添加一個 hot spot 區域，然后拖動一個“動態面板”到“hot spot”上，右鍵將“動態面板”設置為 “隱藏”，設置之前是淡藍色的，設置好之后是淡黃色的

2、左鍵雙擊動態面板，對動態面板進行命名；這里可以對比上一步的圖，就會發現動態面板已經變為淡黃色了

3、在右下方的“概要：頁面”區域，雙擊動態面板下的state1進行動態面板的編輯（實質就是把想要隱藏的部分在這里放入到動態面板里），這一步也是比較重要的一步

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

5、也是最后一步，設置觸發頁面彈出層的事件。到此完成，可以在頁面上預覽，檢驗一下效果

注意事項：

所有的時間觸發交互效果都是鼠標單擊。

相關推薦：

axure怎么制作動態面板的拖動的原型?

Axure8怎么使用動態面板?Axure8的使用教程

Axure怎么制作頁面滾動時菜單固定在頂部的頁面？