Axure怎么制作點擊彈框效果?
百度經驗 發(fā)布時間：2019-10-18 08:59:38 作者：bd_373311019 
我要評論
我要評論Axure怎么制作點擊彈框效果？Axure制作網頁原型的時候，需要制作彈框效果，改怎么制作點擊 彈框效果呢？下面我們就來看看詳細的教程，需要的朋友可以參考下
我們在使用網站時，經常會用到新增、修改、刪除等功能，這些功能在點擊時都會彈框讓用戶操作。該怎么制作這種彈出對話框呢？下面我們就來看看詳細的教程。
1、打開Axure，準備一個表單，再從左側元件庫拖取一個【主要按鈕】元件到頁面。如圖
2、從左側元件庫拖取一個【動態(tài)面板】元件到頁面。如圖
3、進入【State1】，設計一個新增功能頁面，如圖
4、返回主頁面，選擇【動態(tài)面板】鼠標右鍵，在彈出選擇【設為隱藏】，如圖
5、設置主頁面的【BUTTON】按鈕的【鼠標單擊時】事件為：顯示【動態(tài)面板】，如圖
6、進入【State1】，設置【取消】按鈕的事件為：隱藏【動態(tài)面板】，如圖
7、完成設置，預覽結果，點擊彈框效果完成。
總結：
1、打開Axure，準備一個表單，再從左側元件庫拖取一個【主要按鈕】元件到頁面；
2、從左側元件庫拖取一個【動態(tài)面板】元件到頁面；
3、進入【State1】，設計一個新增功能頁面；
4、返回主頁面，選擇【動態(tài)面板】鼠標右鍵，在彈出選擇【設為隱藏】；
5、設置主頁面的【BUTTON】按鈕的【鼠標單擊時】事件為：顯示【動態(tài)面板】；6.進入【State1】，設置【取消】按鈕的事件為：隱藏【動態(tài)面板】；7.完成設置，預覽結果，點擊彈框效果完成。
以上就是Axure制作點擊彈框效果的教程 ，希望大家喜歡，請繼續(xù)關注腳本之家。
相關推薦：
Axure文本輸入框怎么去掉邊框? Axure隱藏輸入框邊框的教程
相關文章
Axure rp怎么設計微信的交互界面？Axure中想要設計一個網頁交互的效果，該怎么制作呢？下面我們就來看看Axure設計微信交互界面的教程，需要的朋友可以參考下2017-12-17
axure頁面載入時自動選中按鈕該怎么實現(xiàn)？axure中使用母版的時候想要實現(xiàn)單個頁面按鈕的添加選中狀態(tài)，我們可以使用函數(shù)來實現(xiàn)，下面我們就來看看詳細的教程，需要的朋友可2017-12-05
Axure母版怎么使用？Axure一般都會創(chuàng)建母版，但是母版有什么功能，該怎么使用呢？下面我們就來看看Axure母版功能詳細介紹，需要的朋友可以參考下2017-11-30
Axure文本輸入框怎么去掉邊框? Axure隱藏輸入框邊框的教程
Axure文本輸入框怎么去掉邊框？Axure設計網頁原型的時候，插入了文本輸入框，但是有邊框，想要去掉邊框，該怎么操作呢？下面我們就來看看Axure隱藏輸入框邊框的教程，需要2017-11-17
Axure怎么設計頁面標簽可以切換的登錄框？Axure中在設計登陸框的時候，想要設計企業(yè)會員和個人會員兩個登陸頁面，可以使用標簽切換，該怎么設計呢？下面我們就來看看詳細的2017-11-08
Axure RP 8怎么設計立體的圓角矩形按鈕？Axure RP 8中想要設計一個查詢的圓角矩形按鈕，該怎么設計呢？下面我們就來看看詳細的教程，需要的朋友可以參考下2017-11-02
axure怎么設計鼠標展開折疊效果？axure中想要繪制一個可以折疊展開功能的原型，該怎么設計呢？下面我們就來看看axure制作折疊效果的教程，需要的朋友可以參考下2017-11-01
Axure怎么給圖片增加點擊事件？Axure中想要給圖片添加鼠標單擊事件，如果鼠標單擊圖片返回主頁，該怎么實現(xiàn)這個效果呢？下面我們就來看看詳細的教程，需要的朋友可以參考下2017-11-01
axure怎么調整字間距？axure中想要調節(jié)文字的行間距，該怎么調節(jié)呢？下面我們就來看看axure字間距的設置方法，需要的朋友可以參考下2017-09-30
axure團隊項目怎么獲取? axure獲取并打開團隊項目的方法
axure團隊項目怎么獲取？axure做項目的時候，想要獲取團隊項目，該怎么獲取呢？下面我們就來看看axure獲取并打開團隊項目的方法，需要的朋友可以參考下2017-09-28
