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