美文网首页
Protopie实战教程:数字自增效果

Protopie实战教程:数字自增效果

作者: PMmind | 来源:发表于2018-12-16 19:43 被阅读0次

    在很多应用中,用户查看个人账户资金或者积分的时候,可以看到资金从0开始增长的效果,类似于这样的效果:

    protopie-increase.gif

    我们可以通过监听“变量”的方法来实现这个效果:

    1. 在界面左下角的“变量”窗口点击“+”号添加变量,如果所创建的变量需要跨场景使用,则选择“适用于所有场景”,否则只要选择“仅适用于当前场景”即可。

      1544938636991.png

    创建后为了便于识别,我们可以双击变量将默认的变量名“variable1”改为EUR。并使用默认的设置“数字”“0”。

    1544938879702.png
    1. 我们为变量“EUR”增加“监听”事件,监听变量的数值;添加“文本”事件,选择“Balance”,文本内容设置为“表达式”“EUR”。

      1544940001988.png

    然后,我们为其添加停止条件:当“EUR”“≥”“93.5”时,添加停止事件并设置对象为“EUR”变量。

    1544940115773.png
    1. 我们在页面加载时为变量“EUR”赋值,使其自增:选择“转场后开始自动加载”,添加“条件”当“EUR”“<”“93.67”时,为“EUR”“赋值”,其表达式为“EUR+0.17”(自增值0.17可改为任意值),实现自增循环,并勾选“反复”选项,同时勾选“无限反复”,依靠我们之前添加的停止条件来停止,当然你也可以不设置停止条件,而是设置固定的反复次数。

      1544940471488.png
    1. 至此,我们就可以刷新预览窗看到数字自增的效果了。

    相关文章

      网友评论

          本文标题:Protopie实战教程:数字自增效果

          本文链接:https://www.haomeiwen.com/subject/mtixkqtx.html