白鹭引擎进度条封装 ----反向进度条


class ProgressBar extends egret.Sprite {
    public background:egret.Bitmap;
    public bar:egret.Bitmap;
    public barMask:egret.Rectangle;
    /**
     * 反向进度条
     * */
    public reverse = false;
    public constructor(_bg:string, _bar:string) {
        super();
        this.background = new egret.Bitmap(RES.getRes(_bg));
        this.bar = new egret.Bitmap(RES.getRes(_bar));
        this.addChild(this.background);
        this.addChild(this.bar);
        this.bar.x = (this.background.width - this.bar.width) / 2;
        this.bar.y = (this.background.height - this.bar.height) / 2;
        this.barMask = new egret.Rectangle(0, 0, this.bar.width, this.bar.height);
        this.bar.mask = this.barMask;
    }
    public setProgress(_p) {
            this.barMask = new egret.Rectangle(0, 0, (this.reverse ? (1 - _p) : _p) *       this.bar.width, this.bar.height);
        this.bar.mask = this.barMask;
    }
}

使用方法

// 传入 进度条纹理名称 进度条背景纹理名称
var progress=new ProgressBar('bg_texture_name','bar_texture_name');
//设置进度 0-1
progress.setProgress(0.5)
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值