綠色排版工具|熱門專題|網站地圖|移動官網
您的當前位置:網站首頁 > 產品經理 > 正文

Protopie實戰教程:數字自增效果

來源: 編輯: 時間:2019-11-18 15:19:43 閱讀:

本文主要介紹用戶查看個人賬戶資金或者積分的時候,資金從0開始增長的效果如何制成,enjoy~

Protopie實戰教程:數字自增效果

在很多應用中,用戶查看個人賬戶資金或者積分的時候,可以看到資金從0開始增長的效果,類似于這樣的效果:

Protopie實戰教程:數字自增效果

我們可以通過監聽“變量”的方法來實現這個效果:

在界面左下角的“變量”窗口點擊“+”號添加變量,如果所創建的變量需要跨場景使用,則選擇“適用于所有場景”,否則只要選擇“僅適用于當前場景”即可。

Protopie實戰教程:數字自增效果

創建后為了便于識別,我們可以雙擊變量將默認的變量名“variable1”改為EUR。并使用默認的設置“數字”“0”。

Protopie實戰教程:數字自增效果

我們為變量“EUR”增加“監聽”事件,監聽變量的數值;添加“文本”事件,選擇“Balance”,文本內容設置為“表達式”“EUR”。

Protopie實戰教程:數字自增效果

然后,我們為其添加停止條件:當“EUR”“≥”“93.5”時,添加停止事件并設置對象為“EUR”變量。

Protopie實戰教程:數字自增效果

我們在頁面加載時為變量“EUR”賦值,使其自增:選擇“轉場后開始自動加載”,添加“條件”當“EUR”“<”“93.67”時,為“EUR”“賦值”,其表達式為“EUR+0.17”(自增值0.17可改為任意值),實現自增循環,并勾選“反復”選項,同時勾選“無限反復”,依靠我們之前添加的停止條件來停止,當然你也可以不設置停止條件,而是設置固定的反復次數。

Protopie實戰教程:數字自增效果

至此,我們就可以刷新預覽窗看到數字自增的效果了。

 

本文由 @PMmind.net 原創發布于人人都是產品經理,未經許可,禁止轉載。

題圖來自 Unsplash,基于CC0協議。

圖文精選:

欄目分類
最新文章
熱門文章
推薦文章

Copyright?2012-2019 小螞蟻信息網版權所有 粵ICP備14061018號-1


鄭重聲明:本網站資源、信息來源于網絡,完全免費共享,僅供學習和研究使用,版權和著作權歸原作者所有,如有不愿意被轉載的情況,請通知我們刪除已轉載的信息。

Top 双色球10000期走势图表