Axure怎么制作點(diǎn)擊彈框效果?

我們?cè)谑褂镁W(wǎng)站時(shí),經(jīng)常會(huì)用到新增、修改、刪除等功能,這些功能在點(diǎn)擊時(shí)都會(huì)彈框讓用戶操作。該怎么制作這種彈出對(duì)話框呢?下面我們就來看看詳細(xì)的教程。

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