Axure RP 8怎么設(shè)計(jì)按鈕空值頁(yè)面大小?

一般網(wǎng)頁(yè)中,有時(shí)會(huì)添加動(dòng)畫效果,如淡入、淡出、左移、右移等。利用Axure RP 8 設(shè)計(jì)出動(dòng)畫的效果,可以利用按鈕點(diǎn)擊事件控制頁(yè)面框框改變寬度和高度達(dá)到改變大小的目的,操作如下:

原型設(shè)計(jì)工具Axure RP Pro 8.1特別版 中文漢化特別版(附漢化包+注冊(cè)碼+安裝教程)
- 類型:輔助設(shè)計(jì)
- 大小:90.5MB
- 語(yǔ)言:簡(jiǎn)體中文
- 時(shí)間:2018-05-24
1、雙擊打開(kāi)Axure RP 8原型設(shè)計(jì)工具,在元件庫(kù)中拖曳一個(gè)矩形元件到編輯區(qū)域,如下圖所示:
2、改變矩形框坐標(biāo)、寬度和高度,并添加一個(gè)按鈕,按鈕寬度跟框框?qū)挾纫恢?/strong>,如下圖所示:
3、修改按鈕上顯示的內(nèi)容,并預(yù)覽該原型頁(yè)面,如下圖所示:
4、選中按鈕,添加鼠標(biāo)單擊時(shí)的用例,打開(kāi)用例編輯窗口,如下圖所示:
5、添加組織動(dòng)作,設(shè)置點(diǎn)擊按鈕后,矩形框?qū)挾群透叨劝l(fā)生改變,并添加緩慢退出的動(dòng)畫,如下圖所示:
6、再次預(yù)覽頁(yè)面原型,點(diǎn)擊“改變大小”按鈕,這時(shí)矩形框?qū)挾群透叨茸優(yōu)樵瓉?lái)的一半,如下圖所示:
注意事項(xiàng):
注意按鈕單擊事件
注意改變?cè)傩缘姆椒?/p>
相關(guān)推薦:
Axure RP Pro 7.0怎么制作Tab標(biāo)簽效果?
相關(guān)文章
- 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)在想將組合圖形拆開(kāi),該怎么辦呢?下面我們就來(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- Axure RP 8.0怎么設(shè)置紙張尺寸和大小?Axure中設(shè)置網(wǎng)頁(yè)原型的時(shí)候,想給設(shè)置網(wǎng)頁(yè)的大小,該怎么設(shè)置呢?下面我們就來(lái)看看Axure RP紙張的大小和尺寸的設(shè)置方法,需要的朋友2016-08-03
- axure左右側(cè)工具欄消失了該怎么恢復(fù)?axure繪制原型的時(shí)候,享用到工具欄,卻發(fā)現(xiàn)左右側(cè)的工具欄經(jīng)常消失,該怎么掉出來(lái)呢?下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參2016-08-02
Axure RP母版中怎么制作可復(fù)用的網(wǎng)頁(yè)?
Axure RP母版中怎么制作可復(fù)用的網(wǎng)頁(yè)?Axure中如果使用母板可以方便很多,將它可以復(fù)用到很多的頁(yè)面中,比如網(wǎng)頁(yè)的頂部導(dǎo)航,下面我們就來(lái)看看詳細(xì)教程,需要的朋友可以參2016-08-01- Axure8怎么制作彩色個(gè)性化的按鈕?在設(shè)置網(wǎng)頁(yè)原型的時(shí)候,想給網(wǎng)頁(yè)設(shè)計(jì)特別的按鈕,該怎么設(shè)計(jì)呢?下面我們就來(lái)看看Axure8制作彩色按鈕的教程,需要的朋友可以參考下2016-07-26