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