Axure中怎么制作動態(tài)倒計(jì)時的原型?
axure是一款強(qiáng)大的原型軟件,動態(tài)面板也是其常用的元件之一,功能強(qiáng)大。這個經(jīng)驗(yàn)通過使用動態(tài)面板制作一個5秒的動態(tài)倒計(jì)時來了解一下動態(tài)面板的功能。
1、打開axure,新建一個空白文件

2、往文件里拖入一個動態(tài)面板

3、雙擊動態(tài)面板并給動態(tài)面板命名,然后點(diǎn)擊添加,添加5個面板層

4、點(diǎn)擊編輯全部狀態(tài)進(jìn)入編輯狀態(tài)

5、在state1中動態(tài)面板范圍內(nèi)拖入文本標(biāo)簽并輸入5,然后修改字體大小至合理

6、選中文本標(biāo)簽并按Ctrl+C復(fù)制文本框

7、按照順序在state2中Ctrl+V粘貼,并將文本框中數(shù)字改為4(此步驟是為了保證字都在一個位置)

8、按照6、7步驟分別在state3、state4、state5、state6中寫上3、2、1、0

9、回到主頁(index)頁面點(diǎn)擊選中動態(tài)面板后在右邊的屬性欄雙擊交互處的載入時

10、在事件窗口找到設(shè)置面板狀態(tài),并單擊添加

11、勾選當(dāng)前元件并選擇為state1

12、勾選動態(tài)面板并選擇狀態(tài)為NEXT

13、勾選向后循環(huán)并將循環(huán)間隔設(shè)置為1000毫秒,點(diǎn)擊確定

14、在屬性欄狀態(tài)中鼠標(biāo)單擊事件使事件處于選中狀態(tài),Ctrl+C復(fù)制事件

15、鼠標(biāo)點(diǎn)擊case1選中后Ctrl+V粘貼5個事件,如圖


16、雙擊case1進(jìn)入編輯狀態(tài),按照圖片提示進(jìn)行依次設(shè)置




17、將最后一個當(dāng)前元件設(shè)置為state6后,將其動態(tài)面板狀態(tài)選擇為停止,點(diǎn)擊確定。就可以在主頁頁面發(fā)布預(yù)覽效果啦~



注意事項(xiàng):
小編是axure8.0測試版,可能跟讀者的版本有出入,但是本經(jīng)驗(yàn)的整體步驟各個版本軟件是差不多的,不影響本經(jīng)驗(yàn)的指導(dǎo)作用。
相關(guān)推薦:
Axure8怎么實(shí)現(xiàn)簡易的百分比進(jìn)度條?
相關(guān)文章
Axure怎么實(shí)現(xiàn)電話號碼的驗(yàn)證的原型?
Axure怎么實(shí)現(xiàn)電話號碼的驗(yàn)證的原型?很多網(wǎng)站都會用電話號碼來什么賬號,但是怎么才能判斷別人輸入的電話號碼正不正確呢?下面我們來看看Axure電話號碼的驗(yàn)證的教程,需要2016-03-30- Axure RP Pro 7.0怎么制作圖片輪播按鈕效果?經(jīng)??吹骄W(wǎng)頁上有輪播圖在首頁,我們該怎么做呢?下面我們來看看Axure輪播圖按鈕的原型圖的制作方法,需要的朋友可以參考下2016-03-27
- Axure繪制好的原型怎么發(fā)布和預(yù)覽?經(jīng)常使用Axure繪制網(wǎng)頁原型,但是繪制好以后需要發(fā)布出來才能看到實(shí)際效果,Axure原型怎么發(fā)布和預(yù)覽呢?請看下文詳細(xì)教程2016-03-23
- axure怎么上傳自己下載好的元件庫/控件庫?axure中自帶的控件庫樣式少,想自己添加一些,于是從上下載了一些元件庫,但是下載好以后不知道怎么添加到axure中,怎么辦n呢?2016-03-23
Axure8怎么實(shí)現(xiàn)簡易的百分比進(jìn)度條?
Axure8怎么實(shí)現(xiàn)簡易的百分比進(jìn)度條?經(jīng)??吹郊虞d數(shù)據(jù)的時候會出現(xiàn)進(jìn)度條,今天我們就來教大家Axure8中繪制進(jìn)度條的教程,很簡單,需要的朋友可以參考下2016-03-23Axure8怎么使用動態(tài)面板?Axure8的使用教程
Axure8怎么使用動態(tài)面板?經(jīng)常使用Axure繪制原型,Axure動態(tài)面板是最常使用的,今天我們就來詳細(xì)介紹一下Axure8的使用教程,很詳細(xì),需要的朋友可以參考下2016-03-22- axure怎么繪制APP菜單阻尼滑動的原型圖?想要制作手機(jī)app,可以再axure中先將自己的構(gòu)思畫出來,今天我們就來看看axure中繪制APP菜單阻尼滑動的原型圖的方法,需要的朋友可2016-03-18
windows系統(tǒng)下axure 7.0 無法在發(fā)布中預(yù)覽的解決辦法
axure 7.0 無法在發(fā)布中預(yù)覽該怎么辦?我們在使用axure7.0繪制原型的時候,想預(yù)覽一下功能能不能實(shí)現(xiàn),但是在預(yù)覽的時候發(fā)現(xiàn)不能預(yù)覽,該怎么辦呢?請看下文詳細(xì)介紹2016-02-29axure怎么做滑動效果? axure做手機(jī)觸摸屏幕滑動效果的方法
axure怎么做滑動效果?在axure中畫原型圖的時候,想在原型圖中加上效果,制作手機(jī)滑動屏幕的滑動效果該怎么做呢?下面分享axure做手機(jī)觸摸屏幕滑動效果的方法,需要的朋友2016-02-19Axure RP Pro 7.0怎么制作圖片輪播按鈕控制效果?
Axure RP Pro 7.0怎么制作圖片輪播按鈕控制效果?很多網(wǎng)頁中都有一個圖片輪播的功能,特別是娛樂和美食,有了圖片輪播是最吸引人眼球的,今天我們就教大家使用Axure實(shí)現(xiàn)這2016-01-08

