axure是一款強大的原型軟件,動態面板也是其常用的元件之一,功能強大。這個經驗通過使用動態面板制作一個5秒的動態倒計時來了解一下動態面板的功能。
1、打開axure,新建一個空白文件
2、往文件里拖入一個動態面板
3、雙擊動態面板并給動態面板命名,然后點擊添加,添加5個面板層
4、點擊編輯全部狀態進入編輯狀態
5、在state1中動態面板范圍內拖入文本標簽并輸入5,然后修改字體大小至合理
6、選中文本標簽并按Ctrl+C復制文本框
7、按照順序在state2中Ctrl+V粘貼,并將文本框中數字改為4(此步驟是為了保證字都在一個位置)
8、按照6、7步驟分別在state3、state4、state5、state6中寫上3、2、1、0
9、回到主頁(index)頁面點擊選中動態面板后在右邊的屬性欄雙擊交互處的載入時
10、在事件窗口找到設置面板狀態,并單擊添加
11、勾選當前元件并選擇為state1
12、勾選動態面板并選擇狀態為NEXT
13、勾選向后循環并將循環間隔設置為1000毫秒,點擊確定
14、在屬性欄狀態中鼠標單擊事件使事件處于選中狀態,Ctrl+C復制事件
15、鼠標點擊case1選中后Ctrl+V粘貼5個事件,如圖
16、雙擊case1進入編輯狀態,按照圖片提示進行依次設置
17、將最后一個當前元件設置為state6后,將其動態面板狀態選擇為停止,點擊確定。就可以在主頁頁面發布預覽效果啦~
注意事項:
小編是axure8.0測試版,可能跟讀者的版本有出入,但是本經驗的整體步驟各個版本軟件是差不多的,不影響本經驗的指導作用。
相關推薦:
Axure8怎么實現簡易的百分比進度條?
Axure RP Pro 7.0怎么制作圖片輪播按鈕效果?
Axure怎么制作頁面滾動時菜單固定在頂部的頁面?
新聞熱點
疑難解答