當前位置:股票大全官網 - 財經新聞 - Axure是如何設計並制作實時數字滾動效果的原型的?

Axure是如何設計並制作實時數字滾動效果的原型的?

數字滾動也經常出現在許多電子商務平臺中,通過數字滾動吸引用戶的註意力!數字滾動效果應該在Axure中制作。我該怎麽辦?很多小夥伴可能不會操作,下面就詳細教大家制作方法吧!入門Axure做產品經理,上來學習!精選幾套優質Axure自學視頻課,全面教妳Axure軟件基本操作和原型交互,讓妳理論聯系實際全面發展~

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自學視頻課系統學!不僅可以更清晰、更有條理,而且每個人還可以利用自己的碎片化時間進行學習!