Protopie實戰教程:數字自增效果
本文主要介紹用戶查看個人賬戶資金或者積分的時候,資金從0開始增長的效果如何制成,enjoy~
在很多應用中,用戶查看個人賬戶資金或者積分的時候,可以看到資金從0開始增長的效果,類似于這樣的效果:
我們可以通過監聽“變量”的方法來實現這個效果:
在界面左下角的“變量”窗口點擊“+”號添加變量,如果所創建的變量需要跨場景使用,則選擇“適用于所有場景”,否則只要選擇“僅適用于當前場景”即可。
創建后為了便于識別,我們可以雙擊變量將默認的變量名“variable1”改為EUR。并使用默認的設置“數字”“0”。
我們為變量“EUR”增加“監聽”事件,監聽變量的數值;添加“文本”事件,選擇“Balance”,文本內容設置為“表達式”“EUR”。
然后,我們為其添加停止條件:當“EUR”“≥”“93.5”時,添加停止事件并設置對象為“EUR”變量。
我們在頁面加載時為變量“EUR”賦值,使其自增:選擇“轉場后開始自動加載”,添加“條件”當“EUR”“<”“93.67”時,為“EUR”“賦值”,其表達式為“EUR+0.17”(自增值0.17可改為任意值),實現自增循環,并勾選“反復”選項,同時勾選“無限反復”,依靠我們之前添加的停止條件來停止,當然你也可以不設置停止條件,而是設置固定的反復次數。
至此,我們就可以刷新預覽窗看到數字自增的效果了。
本文由 @PMmind.net 原創發布于人人都是產品經理,未經許可,禁止轉載。
題圖來自 Unsplash,基于CC0協議。
評論
你好,我是ProtoPie團隊成員,感謝您制作ProtoPie教程。如果您有興趣成為內測成員,歡迎聯系我們support@protopie.io,來信說明您是PMmind即可。