《Cocos Creator游戏实战》签到日历实现思路(包含常规日历)

在线体验地址

Cocos Creator | SignCalendar

Cocos Store 购买地址(如果没有显示,那就是还在审核):
https://store.cocos.com/app/detail/4975
 
微店购买地址:
https://weidian.com/item.html?itemID=6354270477

运行效果 

签到日历和常规日历

开发环境

  • 编辑器版本:3.7.3
  • 开发语言:TypeScript

实现思路

这是签到日历的节点信息:

1. Calendar是空节点。

2. Sprite1和Sprite2节点就用来显示签到日历的图片。

3. Title Label是显示在日历上的标题。

 4. Time Label是活动时间,开发者可以在代码中设置其内容。

5. 在Srpite1和Sprite2节点下都有一个滚动视图节点ScrollView,因为活动日期可能会比较长,奖品项会比较多,所以应该使用ScrollVIew。

6. content节点是一个布局节点,在代码中我们会动态地往其中加入奖品项。

7. Item预制体其实是一个按钮节点,用户点击该Item后程序就可以判断是否可以领取(AddedUPItem预制体同理)。

8 Item预制体下包含Label节点和Sprite节点。Label节点用来显示天数编号,而Sprite节点则用来显示奖品图片(AddedUPItem预制体同理)。我们可以根据天数编号和活动开始时间求出该奖品项对应的真实可签到日期。

9. Frame节点就是一个红色方框,用来提示用户可以点击这个Item。如果Item的签到日期与当天日期一样,那Frame节点就会显示出来。

10. Check节点就是一个打勾图片,如果用户签到了,Check节点就会显示在对应的奖品项上。

 11. 最后是Notice Board节点,它用来提示用户当前的签到结果。

签到日历的实现难度不大,就是麻烦些,只要日期比较方面的代码写好了,那整体功能就不会有什么问题。

注:该项目的时间验证都是在本地进行的,为了防止用户篡改本地时间,我们应该在服务器中验证时间。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

la_vie_est_belle

谢谢支持

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值