Axure中怎么制作動(dòng)態(tài)倒計(jì)時(shí)的原型?
我要評(píng)論axure是一款強(qiáng)大的原型軟件，動(dòng)態(tài)面板也是其常用的元件之一，功能強(qiáng)大。這個(gè)經(jīng)驗(yàn)通過(guò)使用動(dòng)態(tài)面板制作一個(gè)5秒的動(dòng)態(tài)倒計(jì)時(shí)來(lái)了解一下動(dòng)態(tài)面板的功能。
1、打開(kāi)axure，新建一個(gè)空白文件
2、往文件里拖入一個(gè)動(dòng)態(tài)面板
3、雙擊動(dòng)態(tài)面板并給動(dòng)態(tài)面板命名，然后點(diǎn)擊添加，添加5個(gè)面板層
4、點(diǎn)擊編輯全部狀態(tài)進(jìn)入編輯狀態(tài)
5、在state1中動(dòng)態(tài)面板范圍內(nèi)拖入文本標(biāo)簽并輸入5，然后修改字體大小至合理
6、選中文本標(biāo)簽并按Ctrl+C復(fù)制文本框
7、按照順序在state2中Ctrl+V粘貼，并將文本框中數(shù)字改為4（此步驟是為了保證字都在一個(gè)位置）
8、按照6、7步驟分別在state3、state4、state5、state6中寫(xiě)上3、2、1、0
9、回到主頁(yè)（index）頁(yè)面點(diǎn)擊選中動(dòng)態(tài)面板后在右邊的屬性欄雙擊交互處的載入時(shí)
10、在事件窗口找到設(shè)置面板狀態(tài)，并單擊添加
11、勾選當(dāng)前元件并選擇為state1
12、勾選動(dòng)態(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個(gè)事件，如圖
16、雙擊case1進(jìn)入編輯狀態(tài)，按照?qǐng)D片提示進(jìn)行依次設(shè)置
17、將最后一個(gè)當(dāng)前元件設(shè)置為state6后，將其動(dòng)態(tài)面板狀態(tài)選擇為停止，點(diǎn)擊確定。就可以在主頁(yè)頁(yè)面發(fā)布預(yù)覽效果啦~
注意事項(xiàng)：
小編是axure8.0測(cè)試版，可能跟讀者的版本有出入，但是本經(jīng)驗(yàn)的整體步驟各個(gè)版本軟件是差不多的，不影響本經(jīng)驗(yàn)的指導(dǎo)作用。
相關(guān)推薦：
Axure8怎么實(shí)現(xiàn)簡(jiǎn)易的百分比進(jìn)度條?
Axure怎么制作頁(yè)面滾動(dòng)時(shí)菜單固定在頂部的頁(yè)面？
相關(guān)文章
Axure怎么實(shí)現(xiàn)電話號(hào)碼的驗(yàn)證的原型?
Axure怎么實(shí)現(xiàn)電話號(hào)碼的驗(yàn)證的原型？很多網(wǎng)站都會(huì)用電話號(hào)碼來(lái)什么賬號(hào)，但是怎么才能判斷別人輸入的電話號(hào)碼正不正確呢？下面我們來(lái)看看Axure電話號(hào)碼的驗(yàn)證的教程，需要2016-03-30- Axure RP Pro 7.0怎么制作圖片輪播按鈕效果？經(jīng)?？吹骄W(wǎng)頁(yè)上有輪播圖在首頁(yè)，我們?cè)撛趺醋瞿兀肯旅嫖覀儊?lái)看看Axure輪播圖按鈕的原型圖的制作方法，需要的朋友可以參考下2016-03-27
- Axure繪制好的原型怎么發(fā)布和預(yù)覽？經(jīng)常使用Axure繪制網(wǎng)頁(yè)原型，但是繪制好以后需要發(fā)布出來(lái)才能看到實(shí)際效果，Axure原型怎么發(fā)布和預(yù)覽呢？請(qǐng)看下文詳細(xì)教程2016-03-23
axure怎么上傳自己下載好的元件庫(kù)/控件庫(kù)?
axure怎么上傳自己下載好的元件庫(kù)/控件庫(kù)？axure中自帶的控件庫(kù)樣式少，想自己添加一些，于是從上下載了一些元件庫(kù)，但是下載好以后不知道怎么添加到axure中，怎么辦n呢？2016-03-23Axure8怎么實(shí)現(xiàn)簡(jiǎn)易的百分比進(jìn)度條?
Axure8怎么實(shí)現(xiàn)簡(jiǎn)易的百分比進(jìn)度條？經(jīng)?？吹郊虞d數(shù)據(jù)的時(shí)候會(huì)出現(xiàn)進(jìn)度條，今天我們就來(lái)教大家Axure8中繪制進(jìn)度條的教程，很簡(jiǎn)單，需要的朋友可以參考下2016-03-23Axure8怎么使用動(dòng)態(tài)面板?Axure8的使用教程
Axure8怎么使用動(dòng)態(tài)面板？經(jīng)常使用Axure繪制原型，Axure動(dòng)態(tài)面板是最常使用的，今天我們就來(lái)詳細(xì)介紹一下Axure8的使用教程，很詳細(xì)，需要的朋友可以參考下2016-03-22- axure怎么繪制APP菜單阻尼滑動(dòng)的原型圖？想要制作手機(jī)app，可以再axure中先將自己的構(gòu)思畫(huà)出來(lái)，今天我們就來(lái)看看axure中繪制APP菜單阻尼滑動(dòng)的原型圖的方法，需要的朋友可2016-03-18
windows系統(tǒng)下axure 7.0 無(wú)法在發(fā)布中預(yù)覽的解決辦法
axure 7.0 無(wú)法在發(fā)布中預(yù)覽該怎么辦？我們?cè)谑褂胊xure7.0繪制原型的時(shí)候，想預(yù)覽一下功能能不能實(shí)現(xiàn)，但是在預(yù)覽的時(shí)候發(fā)現(xiàn)不能預(yù)覽，該怎么辦呢？請(qǐng)看下文詳細(xì)介紹2016-02-29axure怎么做滑動(dòng)效果? axure做手機(jī)觸摸屏幕滑動(dòng)效果的方法
axure怎么做滑動(dòng)效果？在axure中畫(huà)原型圖的時(shí)候，想在原型圖中加上效果，制作手機(jī)滑動(dòng)屏幕的滑動(dòng)效果該怎么做呢？下面分享axure做手機(jī)觸摸屏幕滑動(dòng)效果的方法，需要的朋友2016-02-19Axure RP Pro 7.0怎么制作圖片輪播按鈕控制效果?
Axure RP Pro 7.0怎么制作圖片輪播按鈕控制效果？很多網(wǎng)頁(yè)中都有一個(gè)圖片輪播的功能，特別是娛樂(lè)和美食，有了圖片輪播是最吸引人眼球的，今天我們就教大家使用Axure實(shí)現(xiàn)這2016-01-08