Axure RP 8怎么制作倒計(jì)時(shí)動(dòng)畫(huà)?
我要評(píng)論倒計(jì)時(shí)這個(gè)是經(jīng)常用到的，那如何利用Axure RP 8實(shí)現(xiàn)這個(gè)效果呢？場(chǎng)景是：一個(gè)按鈕觸發(fā)倒計(jì)時(shí)，點(diǎn)擊后，時(shí)間倒數(shù)。下面利用一個(gè)實(shí)例實(shí)現(xiàn)這個(gè)倒計(jì)時(shí)，操作如下：
原型設(shè)計(jì)工具Axure RP Pro 8.1特別版 中文漢化特別版(附漢化包+注冊(cè)碼+安裝教程)
- 類(lèi)型：輔助設(shè)計(jì)
- 大小：90.5MB
- 語(yǔ)言：簡(jiǎn)體中文
- 時(shí)間：2018-05-24
1、打開(kāi)Axure RP 8設(shè)計(jì)軟件，依此操作“項(xiàng)目---全局變量”，添加全局變量“timer”，如下圖所示：
2、拖曳一個(gè)按鈕和面板到頁(yè)面，修改按鈕顯示內(nèi)容為“倒計(jì)時(shí)”，如下圖所示：
3、選中面板雙擊，再添加一個(gè)面板狀態(tài)，如下圖所示：
4、設(shè)置按鈕禁用時(shí)，按鈕的交互樣式；禁用時(shí)，按鈕背景色為灰色，如下圖所示：
5、添加鼠標(biāo)單擊實(shí)例，狀態(tài)為“Next”，向后循環(huán)、循環(huán)間隔1000毫秒，如下圖所示：
6、設(shè)置禁用時(shí)組織動(dòng)作，選擇禁用單選按鈕，如下圖所示：
7、為全局變量添加條件，確保timer大于0；并設(shè)置timer在不斷減一，如下圖所示：
8、設(shè)置倒計(jì)時(shí)按鈕文本顯示內(nèi)容，這里設(shè)置為倒計(jì)時(shí)秒數(shù)，如下圖所示：
注意事項(xiàng)：
注意鼠標(biāo)單擊事件的用法
注意全局變量的設(shè)置
相關(guān)推薦：
Axure中怎么制作動(dòng)態(tài)倒計(jì)時(shí)的原型?
axure RP7.0怎么制作60秒倒計(jì)時(shí)效果?
Axure8怎么設(shè)計(jì)點(diǎn)擊按鈕觸發(fā)控件變化的交互效果?
相關(guān)文章
Axure 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è)置紙張尺寸和大?。緼xure中設(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
axure怎么制作動(dòng)態(tài)面板的拖動(dòng)的原型?
axure怎么制作動(dòng)態(tài)面板的拖動(dòng)的原型？axure中看到網(wǎng)頁(yè)有各種效果，今天我們就來(lái)看看通過(guò)動(dòng)態(tài)面板的拖動(dòng)實(shí)現(xiàn)想要的效果的教程，需要的朋友可以參考下2016-07-18- Axure中怎么使用內(nèi)部框架？Axure中經(jīng)常繪制網(wǎng)頁(yè)原型，該怎么合理的使用內(nèi)部框架來(lái)完成，下面我們就來(lái)看看axure的詳細(xì)的使用教程，,需要的朋友可以參考下2016-07-15