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

2、從元件庫中拉出一個(gè)動(dòng)態(tài)面板，放在頁面上，擺放位置可以根據(jù)需要進(jìn)行擺放，也可以通過設(shè)置，使其在頁面上居中顯示，如下圖所示：

3、雙擊動(dòng)態(tài)面板，將彈出如下對(duì)話框，先為動(dòng)態(tài)面板定義一個(gè)名稱，這個(gè)名稱等會(huì)在設(shè)置顯隱的時(shí)候需要用到。

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

4、鼠標(biāo)右鍵點(diǎn)擊動(dòng)態(tài)面板，把動(dòng)態(tài)面板設(shè)置成隱藏，具體操作如下圖所示：

5、選中按鈕，在右邊的設(shè)置面板中，雙擊“鼠標(biāo)單擊時(shí)”按鍵，頁面將會(huì)彈出新的用例編輯窗口，選擇元件的“顯示/隱藏”，找到剛剛的動(dòng)態(tài)面板，并將其設(shè)置為顯示。

6、在動(dòng)態(tài)面板中放置一個(gè)按鈕，該按鈕的作用就是點(diǎn)擊后自動(dòng)關(guān)閉彈出框，將“顯示”改成了“隱藏”。

7、配置完后，點(diǎn)擊預(yù)覽，在瀏覽器上點(diǎn)擊“打開新窗口”按鈕，頁面將彈出新的對(duì)話框如下截圖，點(diǎn)擊“關(guān)閉窗口”將關(guān)閉該頁面。

?

refer：

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

總結(jié)

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

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