axure動態(tài)面板怎么用? Axure動態(tài)面板制作頁面彈出層的教程

在快速原型制作中,我們通常會使用到Axure軟件,有一些地方我會想要達到在頁面做出彈出層的效果,這個時候為了快速達到效果,在Axure中,我們會用到動態(tài)面板;下面我就自己在這方面遇到的困難和效果介紹一下用動態(tài)面板做頁面彈出層。

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