axure動(dòng)態(tài)面板怎么用? Axure動(dòng)態(tài)面板制作頁(yè)面彈出層的教程
我要評(píng)論在快速原型制作中，我們通常會(huì)使用到Axure軟件，有一些地方我會(huì)想要達(dá)到在頁(yè)面做出彈出層的效果，這個(gè)時(shí)候?yàn)榱丝焖龠_(dá)到效果，在Axure中，我們會(huì)用到動(dòng)態(tài)面板；下面我就自己在這方面遇到的困難和效果介紹一下用動(dòng)態(tài)面板做頁(yè)面彈出層。
快速產(chǎn)品原型設(shè)計(jì)工具 Axure RP Pro v7.0.0.3174 漢化綠色版
- 類型：應(yīng)用其它
- 大?。?/span>8.97MB
- 語(yǔ)言：簡(jiǎn)體中文
- 時(shí)間：2014-12-22
1、在制作好的頁(yè)面上添加一個(gè) hot spot 區(qū)域，然后拖動(dòng)一個(gè)“動(dòng)態(tài)面板”到“hot spot”上，右鍵將“動(dòng)態(tài)面板”設(shè)置為 “隱藏”，設(shè)置之前是淡藍(lán)色的，設(shè)置好之后是淡黃色的
2、左鍵雙擊動(dòng)態(tài)面板，對(duì)動(dòng)態(tài)面板進(jìn)行命名；這里可以對(duì)比上一步的圖，就會(huì)發(fā)現(xiàn)動(dòng)態(tài)面板已經(jīng)變?yōu)榈S色了
3、在右下方的“概要：頁(yè)面”區(qū)域，雙擊動(dòng)態(tài)面板下的state1進(jìn)行動(dòng)態(tài)面板的編輯（實(shí)質(zhì)就是把想要隱藏的部分在這里放入到動(dòng)態(tài)面板里），這一步也是比較重要的一步
4、設(shè)置動(dòng)態(tài)面板的效果，給動(dòng)態(tài)面板設(shè)置交互，選中動(dòng)態(tài)面板，在交互頁(yè)面，選擇【元件】-->【顯示】-->【aaa（這里是動(dòng)態(tài)面板的名字）】確定就完成這一步的設(shè)置了
5、也是最后一步，設(shè)置觸發(fā)頁(yè)面彈出層的事件。到此完成，可以在頁(yè)面上預(yù)覽，檢驗(yàn)一下效果
注意事項(xiàng)：
所有的時(shí)間觸發(fā)交互效果都是鼠標(biāo)單擊。
相關(guān)推薦：
axure怎么制作動(dòng)態(tài)面板的拖動(dòng)的原型?
Axure8怎么使用動(dòng)態(tài)面板?Axure8的使用教程
Axure怎么制作頁(yè)面滾動(dòng)時(shí)菜單固定在頂部的頁(yè)面？
相關(guān)文章
axure rp 8.0怎么制作幻燈片效果的網(wǎng)頁(yè)原型?
axure rp 8.0怎么制作幻燈片效果的網(wǎng)頁(yè)原型？很多網(wǎng)站上都可以看到圖片類似幻燈片一樣播放，該怎么制作這個(gè)效果呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下2016-09-12Axure設(shè)計(jì)的原型怎么一鍵生成網(wǎng)站結(jié)構(gòu)圖?
Axure設(shè)計(jì)的原型怎么一鍵生成網(wǎng)站結(jié)構(gòu)圖？Axure中設(shè)計(jì)好的網(wǎng)站原型怎么生成網(wǎng)站結(jié)構(gòu)圖呢？下面我們就來(lái)看看Axure生成網(wǎng)站結(jié)構(gòu)物的教程，需要的朋友可以參考下2016-09-01- Axure下載的外部部件怎么導(dǎo)入？Axure中繪制網(wǎng)頁(yè)原型的時(shí)候，為了讓網(wǎng)頁(yè)效果更好，該怎么導(dǎo)入已經(jīng)下載好的部件呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下2016-08-30
- Axure RP 8怎么創(chuàng)建母板？Axure RP 8中像制作一個(gè)常用的模版，該怎么制作呢？下面我們就來(lái)看看Axure創(chuàng)建母板的詳細(xì)教程，很簡(jiǎn)單，需要的朋友可以參考下2016-08-19
- Axure RP 8怎么制作一幅一年四季變化圖？Axure經(jīng)常制作網(wǎng)頁(yè)原型，該怎么制作一幅司機(jī)風(fēng)景圖呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下2016-08-18
Axure RP Pro 7.0怎么制作Tab標(biāo)簽效果?
Axure RP Pro 7.0怎么制作Tab標(biāo)簽效果？Axure經(jīng)常用于網(wǎng)頁(yè)原型設(shè)計(jì)，今天我們就來(lái)看看使用Axure設(shè)置Tab標(biāo)簽效果的教程，需要的朋友可以參考下2016-08-14Axure RP 8設(shè)計(jì)網(wǎng)頁(yè)原型怎么添加水平菜單?
Axure RP 8設(shè)計(jì)網(wǎng)頁(yè)原型怎么添加水平菜單？經(jīng)常使用Axure軟件設(shè)計(jì)網(wǎng)頁(yè)原型，想給網(wǎng)頁(yè)添加一個(gè)水平菜單，該怎么添加呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下2016-08-12Axure RP 8怎么制作鎖定對(duì)象或隱藏對(duì)象?
Axure RP 8怎么制作鎖定對(duì)象或隱藏對(duì)象？Axure設(shè)計(jì)網(wǎng)頁(yè)原型的時(shí)候，想要實(shí)現(xiàn)利用鎖定對(duì)象或隱藏對(duì)象的功能，該怎么實(shí)現(xiàn)呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參2016-08-11Axure RP 8網(wǎng)頁(yè)原型中的組合對(duì)象怎么取消組合?
Axure RP 8網(wǎng)頁(yè)原型中的組合對(duì)象怎么取消組合？Axure制作網(wǎng)頁(yè)原型的時(shí)候，有組合圖形，現(xiàn)在想將組合圖形拆開，該怎么辦呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參2016-08-10Axure RP 8中怎么制作移動(dòng)頁(yè)面原型?
Axure RP 8中怎么制作移動(dòng)頁(yè)面原型？Axure設(shè)計(jì)網(wǎng)頁(yè)的時(shí)候，網(wǎng)頁(yè)還有主網(wǎng)頁(yè)和子網(wǎng)頁(yè)，該怎么實(shí)現(xiàn)主網(wǎng)頁(yè)和子網(wǎng)頁(yè)的切換呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考2016-08-09