1、打開Axure軟件，從元件庫中拉出一個矩形框和按鈕，矩形框是為了展示主頁的內容，按鈕是為了點擊后彈出對話框的效果，如下圖所示：

2、從元件庫中拉出一個動態面板，放在頁面上，擺放位置可以根據需要進行擺放，也可以通過設置，使其在頁面上居中顯示，如下圖所示：

3、雙擊動態面板，將彈出如下對話框，先為動態面板定義一個名稱，這個名稱等會在設置顯隱的時候需要用到。

然后再單擊"state1"會彈出另一個新的子頁面，就可以在該頁面中增加彈出框的具體內容，如下圖所示：

4、鼠標右鍵點擊動態面板，把動態面板設置成隱藏，具體操作如下圖所示：

5、選中按鈕，在右邊的設置面板中，雙擊“鼠標單擊時”按鍵，頁面將會彈出新的用例編輯窗口，選擇元件的“顯示/隱藏”，找到剛剛的動態面板，并將其設置為顯示。

6、在動態面板中放置一個按鈕，該按鈕的作用就是點擊后自動關閉彈出框，將“顯示”改成了“隱藏”。

7、配置完后，點擊預覽，在瀏覽器上點擊“打開新窗口”按鈕，頁面將彈出新的對話框如下截圖，點擊“關閉窗口”將關閉該頁面。

?

refer：

https://jingyan.baidu.com/article/aa6a2c14956d3f0d4c19c4a9.html

總結

以上是生活随笔為你收集整理的【产品】原型设计之Axure如何通过动态面板实现弹框的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。