??對于Axure RP這款軟件大家應(yīng)該還有不懂的，比如說還不會制作彈出窗口效果，今天小編就帶來了Axure RP制作彈出窗口效果的教程，感興趣的小伙伴一起來看看吧！
??Axure RP制作彈出窗口效果的詳細操作
??1、小編日常工作中使用的是Axure RP8.0,并且已經(jīng)安裝了漢化包，詳細版本信息如下
截圖，在使用的過程中如果版本不一樣，菜單會有些差異，但是操作步驟基本上是可以借鑒的 。
??2、正常打開Axure RP8.0工具，創(chuàng)建一個新的RP文件。
??3、在空白頁面上從元件庫中拉出一個矩形框和一個按鈕，矩形框是為了展示主頁的內(nèi)容，按鈕是為了點擊后彈出對話框的效果，界面設(shè)計如下截圖，使用過程中根據(jù)自己項目的實際需求擺放具體內(nèi)容 。
??4、從左邊元件庫中拉出一個動態(tài)面板，放在頁面上，擺放位置可以根據(jù)需要進行擺放，也可以通過設(shè)置，使其在頁面上居中顯示，具體這個設(shè)置步驟請查看步驟十說明 。
??5、雙擊動態(tài)面板，將彈出如下對話框，先為動態(tài)面板定義一個名稱
，這個名稱等會在設(shè)置顯隱的時候需要用到 。然后再單擊\"state1\"會彈出另一個新的子頁面，就可以在該頁面中增加彈出框的具體內(nèi)容了，詳細步驟請查看截圖2.
??6、在上述步驟過后，主頁index的頁面效果將如下所示，鼠標右鍵點擊動態(tài)面板，把動態(tài)面板設(shè)置成隱藏，具體操作如下截圖2 。
??7、為頁面上的按鈕增加事件 。選中按鈕，在右邊的設(shè)置面板中，雙擊“鼠標單擊時”按鍵，如下截圖1，頁面將會彈出新的用例編輯窗口，選擇元件的“顯示/隱藏”，找到剛剛的動態(tài)面板，并將其設(shè)置為顯示，具體操作如下截圖2中標紅的位置 。這步的設(shè)置非常重要，
只有正確設(shè)置了這步，才能正確的彈出窗口 。
??8、在第五步中增加的動態(tài)面板，也有放置一個按鈕，該按鈕的作用就是點擊后自動關(guān)閉彈出框，設(shè)置步驟和步驟7類似，只是將“顯示”改成了“隱藏”，具體操作如下截圖中標紅的位置 。
??9、配置完后，點擊預(yù)覽，在瀏覽器上點擊“打開新窗口”按鈕，頁面將彈出新的對話框如下截圖，點擊“關(guān)閉窗口”將關(guān)閉該頁面 。
??10、在第八步之后
，已經(jīng)完成了新窗口彈出的配置功能，這一步將分享如何美化頁面 。在第九步中展示的效果是設(shè)計人員在頁面上將對話框放置在什么位置，彈出時就在什么位置，為了美觀，我們經(jīng)常需要將彈出框在頁面中居中顯示，要實現(xiàn)該功能也很簡單，只要完成如下步驟就可以了 。
推薦閱讀
- 利用PS制作絢麗效果的方法分享。
- 我來教你抖音制作視頻滾動文字的圖文操作。
- PPT制作正文頁三圖文版式的圖文操作。
- Ae制作開場光線的操作流程。
- Axure RP 8橢圓形元件設(shè)置透明度陰影等屬性的具體操作。
- AutoCAD制作出等分圓的簡單操作。
- Ae制作淡入淡出文字效果的圖文操作過程。
- CDR制作透明水印的操作過程。
- axure8制作tab菜單選中的效果的具體操作。
- ai制作錢包圖案的操作流程介紹。