Axure RP 8怎么制作倒計時動畫?
發(fā)布時間：2016-12-07 10:16:59 作者：佚名 
我要評論
我要評論Axure RP 8怎么制作倒計時動畫？Axure設(shè)計網(wǎng)頁原型的時候，想要一個倒計時的動畫效果，該怎么制作呢？下面我們就來看看Axure制作倒計時的教程，需要的朋友可以參考下
倒計時這個是經(jīng)常用到的，那如何利用Axure RP 8實現(xiàn)這個效果呢？場景是：一個按鈕觸發(fā)倒計時，點擊后，時間倒數(shù)。下面利用一個實例實現(xiàn)這個倒計時，操作如下：
1、打開Axure RP 8設(shè)計軟件，依此操作“項目---全局變量”，添加全局變量“timer”，如下圖所示：
2、拖曳一個按鈕和面板到頁面，修改按鈕顯示內(nèi)容為“倒計時”，如下圖所示：
3、選中面板雙擊，再添加一個面板狀態(tài)，如下圖所示：
4、設(shè)置按鈕禁用時，按鈕的交互樣式；禁用時，按鈕背景色為灰色，如下圖所示：
5、添加鼠標單擊實例，狀態(tài)為“Next”，向后循環(huán)、循環(huán)間隔1000毫秒，如下圖所示：
6、設(shè)置禁用時組織動作，選擇禁用單選按鈕，如下圖所示：
7、為全局變量添加條件，確保timer大于0；并設(shè)置timer在不斷減一，如下圖所示：
8、設(shè)置倒計時按鈕文本顯示內(nèi)容，這里設(shè)置為倒計時秒數(shù)，如下圖所示：
注意事項：
注意鼠標單擊事件的用法
注意全局變量的設(shè)置
相關(guān)推薦：
Axure8怎么設(shè)計點擊按鈕觸發(fā)控件變化的交互效果?
相關(guān)文章
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
- Axure RP 8.0怎么設(shè)置紙張尺寸和大??？Axure中設(shè)置網(wǎng)頁原型的時候，想給設(shè)置網(wǎng)頁的大小，該怎么設(shè)置呢？下面我們就來看看Axure RP紙張的大小和尺寸的設(shè)置方法，需要的朋友2016-08-03
- axure左右側(cè)工具欄消失了該怎么恢復(fù)？axure繪制原型的時候，享用到工具欄，卻發(fā)現(xiàn)左右側(cè)的工具欄經(jīng)常消失，該怎么掉出來呢？下面我們就來看看詳細的教程，需要的朋友可以參2016-08-02
Axure RP母版中怎么制作可復(fù)用的網(wǎng)頁?
Axure RP母版中怎么制作可復(fù)用的網(wǎng)頁？Axure中如果使用母板可以方便很多，將它可以復(fù)用到很多的頁面中，比如網(wǎng)頁的頂部導(dǎo)航，下面我們就來看看詳細教程，需要的朋友可以參2016-08-01- Axure8怎么制作彩色個性化的按鈕？在設(shè)置網(wǎng)頁原型的時候，想給網(wǎng)頁設(shè)計特別的按鈕，該怎么設(shè)計呢？下面我們就來看看Axure8制作彩色按鈕的教程，需要的朋友可以參考下2016-07-26
- axure怎么制作動態(tài)面板的拖動的原型？axure中看到網(wǎng)頁有各種效果，今天我們就來看看通過動態(tài)面板的拖動實現(xiàn)想要的效果的教程，需要的朋友可以參考下2016-07-18
- Axure中怎么使用內(nèi)部框架？Axure中經(jīng)常繪制網(wǎng)頁原型，該怎么合理的使用內(nèi)部框架來完成，下面我們就來看看axure的詳細的使用教程，,需要的朋友可以參考下2016-07-15