1.界面显示

简单点击按钮增减金额的demo    简单点击按钮增减金额的demo

2. 点击左边的按钮,金额减少固定值100,点击右边的按钮,金额增加固定值100。当金额等于100不能再减,当金额等于1000不能再增加。

按钮按下时:按钮有个tween缩小效果

按钮抬起时:按钮有一个twen放大效果

难点:手指再按钮处按下移开再抬起时,要将按钮置回原来的大小。

逻辑实现:

  • 分别为按钮注册点击事件实现金额增减逻辑,为按钮注册手指按下的事件实现按钮变小以及检测金额大小能否被点击,为舞台注册手指抬起事件实现按钮置回。

简单点击按钮增减金额的demo

以点击add按钮为例(手指按下):

简单点击按钮增减金额的demo

手指抬起时:

简单点击按钮增减金额的demo

由于egret的addeventlister不能传递参数,可设置显示对象的name来判断是点击sub按钮还是add按钮。

  • 初始金额为200,点击一次sub后将禁用按钮sub(金额等于100),点击了add按钮(金额大于100)后,解禁按钮sub。同理当金额为1200时(金额等于1200),禁用按钮add,当点击了sub按钮(金额小于1200)解禁按钮add。

以add按钮为例:

点击后处理的逻辑主要有:

根据当前金额和操作做边界判断解禁或禁用操作按钮。

简单点击按钮增减金额的demo

 

这里的逻辑似乎不是很友好,在做了一系列的判断后还是人工设置解禁和禁用。这块地方应该可以在优化。

相关文章:

  • 2021-11-01
  • 2021-09-04
  • 2022-12-23
  • 2021-11-01
  • 2022-01-21
  • 2022-12-23
  • 2022-12-23
  • 2021-08-20
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2021-06-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-11-11
相关资源
相似解决方案