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協議。