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

在很多应用中,用户查看个人账户资金或者积分的时候,可以看到资金从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. 至此,我们就可以刷新预览窗看到数字自增的效果了。
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Swift1> Swift和OC的区别1.1> Swift没有地址/指针的概念1.2> 泛型1.3> 类型严谨 对...
    cosWriter阅读 13,803评论 1 32
  • 《裕语言》速成开发手册3.0 官方用户交流:iApp开发交流(1) 239547050iApp开发交流(2) 10...
    叶染柒丶阅读 28,436评论 5 19
  • ¥开启¥ 【iAPP实现进入界面执行逐一显】 〖2017-08-25 15:22:14〗 《//首先开一个线程,因...
    小菜c阅读 11,752评论 0 17
  • 6.10 星期天 天气 雨 一早起来,天气阴的厉害,看来今天这场雨是躲不过了。大宝一早跟她爸去上古筝课了,...
    经常不在线h阅读 2,675评论 0 1
  • 2018.3.19 星期一 晴 老公今天说为了让我轻松一下,想把妞妞接过去照顾一段时间。 我这就开...
    e137b32b4680阅读 988评论 0 1