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

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

在很多應用中,用戶查看個人賬戶資金或者積分的時候,可以看到資金從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協議。

給作者打賞,鼓勵TA抓緊創作!

6人打賞



文章若有侵權請來信告知:品牌行銷策略,產品行銷與設計,各類型行銷推廣案例分享-品牌行銷點點讚 » Protopie實戰教程:數字自增效果