Axure 教程：如何做倒計時和數(shù)字累加效果？

0 評論 5989 瀏覽 5 收藏 3 分鐘

如何實(shí)現(xiàn)倒計時和數(shù)字累加效果呢？文章給大家介紹了一個簡單的方法，一起來看看~

1. 平臺規(guī)模數(shù)字累加

所需元件：單獨(dú)變動的數(shù)字用獨(dú)立部件。

條件設(shè)置：

（1）為數(shù)字部件設(shè)置載入時用。

（2）為頁面設(shè)置[載入時]設(shè)置，重復(fù)觸發(fā)部件載入時用例。

操作步驟：

（1）為需變動的數(shù)字部件設(shè)置用例，預(yù)設(shè)好最大值。

設(shè)置如下：

（2）為頁面設(shè)置載入時用例

如下：

點(diǎn)擊預(yù)覽

2. 倒計時

所需元件：用文字部件。

條件設(shè)置：設(shè)置頁面載入用例。當(dāng)時大于0且分秒微秒等于0時，則時自動減1，下一級別數(shù)字設(shè)為59，其它同理。

如果頁面中不僅僅只有這個用例，就引用動態(tài)面板。

  1. 為動態(tài)面板加上[面板狀態(tài)改變時]用例，設(shè)置同上。
  2. 設(shè)置頁面[載入時]用例，設(shè)置如下。

點(diǎn)擊預(yù)覽

 

本文由 @流素 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自Unsplash，基于CC0協(xié)議

更多精彩內(nèi)容，請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
流素
2篇作品 10698總閱讀量
04-033394 瀏覽
視覺效果好不好，到底誰說了算？
12-243185 瀏覽
2023，消費(fèi)世界尋找“自己原因”
05-045237 瀏覽
年入百萬的付費(fèi)社群，做對了這6點(diǎn)
01-1111027 瀏覽
如何通過運(yùn)營突破在線教育的轉(zhuǎn)化瓶頸，這個方法你一定要懂
02-234617 瀏覽
我對于知識管理的實(shí)踐分析vol1
評論
評論請登錄
  1. 目前還沒評論，等你發(fā)揮！