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