如何用 Axure 做彈出視窗（Popup視窗）的效果？

一般系統裡常見的提示視窗要怎麼做呢？讓我們來看看～～

1. 在預設的Library裡面找到 Dynamic Panel 元件

2. 拖曳到編輯頁面上會變成一個淡藍色的區塊

3. 雙擊藍色區塊進入管理功能

a. 先給這個 Panel 取個名字（不然之後會不好找）

b. 雙擊「State 1」

4. 雙擊「State 1」進入編輯模式

藍色虛線區塊就是這個彈出視窗的範圍（大小等於剛剛在外面看到的淡藍色區塊）

5. 畫好彈出視窗的基本樣式與內容

6. 為按鈕加上動作

a. 點一下要加動作的按鈕，右側互動功能（Interactions），雙擊「OnClicks」，點擊時

b. 點擊後要產生的動作選擇「Show/Hide」顯示或隱藏元件

c. 要顯示或隱藏的元件，選擇剛剛命名的 Panel

d. Visibility選擇「Hide」隱藏

e. 「取消」、「X」加上一樣的動作

因為不管點選「刪除」、「取消」還是「X」，在Prototype上都做成關閉這個視窗就好，所以這邊加上一樣的動作就可以了

7. 加上陰影會更像個彈出視窗

8. 回到剛剛的主頁面，調整 Panel 的大小，直到能夠看到完整內容

9. 點擊編輯畫面上的空白區域，在右側互動功能（Interactions）設定一進入畫面時，隱藏這個Panel

（步驟如同剛剛設定刪除按鈕）

10. 做一個點了會展開彈出視窗的按鈕

（步驟跟剛剛一樣，但這次選擇「Show」）

～～看看效果～～