LayaUI做圆形倒计时

Laya引擎制作圆形倒计时(比如游戏中技能图标的倒计时)

核心功能:使用IDE中的扇形Pie组件
IDE具体操作为:
父节点:shenfu的图片是在这里插入图片描述
第一个子节点是kuang2.png 在这里插入图片描述
第二个子节点:扇形组件 在这里插入图片描述
在这里插入图片描述

最后一个即是技能图在这里插入图片描述

代码部分:
主要是改变扇形的大小即可


```typescript
 let time = 0;
                if (((this.owner as Laya.MeshSprite3D).getComponent(HeroInfoManange) as HeroInfoManange).heroType == 4) {
                    time = 0.54;
                }
                else {
                    time = 0.58;
                }
                let r: number = 360;
                var t = function () {
                    if (r <= 0) {
                        r = 0;
                        Laya.timer.clear(this, t);
                    }
                    r -= time;
                    (GameUIManange.instance.shenfu_img.getChildByName("1") as Laya.Sprite).graphics.clear(true);
                    (GameUIManange.instance.shenfu_img.getChildByName("1") as Laya.Sprite).graphics.drawPie(25, 25, 25.5, 0, r, "#ffffff");
                }
                Laya.timer.loop(1, this, t, null, false);

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值