Axure設計和制作實時數字滾動效果原型的步驟:
第壹種:固定區間數隨機無限增加。
拉出壹個文本元素,如圖所示,並設置元素值,即起始編號。
設置組件加載交互,如下所示:
1,將等待時間設置為50毫秒。時間越短,滾動越快。
2.加載時設置文本:【【lvar 1+(math。random()* 10)。固定(0)】】
3.設置加載循環觸發事件非常重要。能否循環就看它了。只需在此設置當前組件加載時間。
4.保存組件交互預覽。
第二種:隨機增加數字,設置最大值拉動壹個文本元素,如圖所示,並設置元素值,即起始數字。
1.當設定判斷值小於10000時,該數字加1。通過組件加載控制組件加載交互的效果,如下圖所示:
2.將等待時間設置為50毫秒。時間越短,滾動越快。
2.加載時設置文本:【【This.text+1】】
3.設置加載循環觸發事件非常重要。能否循環就看它了。只需在此設置當前組件加載時間。
3.保存組件交互預覽。
第三種:repeater用於存儲隨機數,拉動repeater元素、動態面板和文本元素進行滾動效果,如圖所示,文本元素設置為0.00。
1.設置中繼器字段,編號,cs。Cs是累計數(數值越大,滾動時間越長),num是計算值。如下圖所示:
2.在中繼器中設置動態面板case1交互,如下所示。
在中繼器中設置動態面板案例2,如下所示:
在中繼器中設置動態面板case3交互。如圖所示:
3.保存組件交互預覽。此時,滾動三個不同數字的效果就完成了。
好了,關於“Axure如何設計並制作實時數字滾動效果原型?”今天的分享就到這裏。希望妳能從中有所收獲!Axure學習、Axure相關文章和Axure自學視頻課程都是不錯的選擇!如果妳對單詞的理解能力很強,個人推薦Axure文章來學習;但是,如果妳想專業學習Axure,我仍然建議妳選擇Axure自學視頻課系統學!不僅可以更清晰、更有條理,而且每個人還可以利用自己的碎片化時間進行學習!