Axure教程：數(shù)據(jù)大屏設(shè)計之實時數(shù)字滾動效果_第1頁
Axure教程：數(shù)據(jù)大屏設(shè)計之實時數(shù)字滾動效果_第2頁
Axure教程：數(shù)據(jù)大屏設(shè)計之實時數(shù)字滾動效果_第3頁
Axure教程：數(shù)據(jù)大屏設(shè)計之實時數(shù)字滾動效果_第4頁
Axure教程：數(shù)據(jù)大屏設(shè)計之實時數(shù)字滾動效果_第5頁
已閱讀5頁，還剩5頁未讀， 繼續(xù)免費閱讀

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進行舉報或認領(lǐng)

文檔簡介

Axure教程：數(shù)據(jù)大屏設(shè)計之實時數(shù)字滾動效果在設(shè)置日常大屏設(shè)計工作中，我們會經(jīng)常使用到數(shù)字滾動效果，今天符號教大家?guī)讉€簡單的數(shù)字滾動效果。演示效果：演示地址：/softs/數(shù)字/#g=1本教程通過3種方式實現(xiàn)上面的數(shù)字滾動效果。需要元件：文本中繼器動態(tài)面板第一種：固定區(qū)間數(shù)字隨機無限制增加拉取一個文本元件，如圖設(shè)置元件數(shù)值，這個數(shù)字為起始數(shù)字。設(shè)置元件載入交互，如下圖：1、設(shè)置等待時間為50毫秒。時間越短滾動就越快。2、設(shè)置載入時的文字：[[LVAR1+(Math.random()*10).toFixed(0)]]

3、設(shè)置載入循環(huán)觸發(fā)事件這個很重要能不能循環(huán)動起來就看它了。這邊設(shè)置當前元件載入時就行。4、保存元件交互預(yù)覽看看。第二種：隨機增加數(shù)字，設(shè)置最大值拉取一個文本元件，如圖設(shè)置元件數(shù)值，這個數(shù)字為起始數(shù)字。1、設(shè)置判斷數(shù)值小于10000時，數(shù)字加1。通過元件載入控制效果元件載入交互，如下圖：2、設(shè)置等待時間為50毫秒。時間越短滾動就越快。2、設(shè)置載入時的文字：[[This.text+1]]3、設(shè)置載入循環(huán)觸發(fā)事件這個很重要能不能循環(huán)動起來就看它了。這邊設(shè)置當前元件載入時就行。3、保存元件交互預(yù)覽看看。第三種：使用中繼器存放隨機數(shù)字，做滾動效果拉取一個中繼器元件，一個動態(tài)面板，一個文本元件，如圖設(shè)置文本元件為0.00。1、設(shè)置中繼器字段，num,cs。cs為累計次數(shù)(數(shù)值越大顯示滾動時間越長),num為計算數(shù)值。如下圖：2、設(shè)置中繼器中的動態(tài)面板case1交互，如下圖。設(shè)置中繼器中的動態(tài)面板case2，如下圖：設(shè)置中繼器中的動態(tài)面板case3交互。如圖：3、保存元件交互預(yù)覽看看。到這

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

最新文檔

評論

0/150

提交評論