方法1
1、在需要的地方添加UI组件进度条(ProgressBar):
图中将进度条背景和进度条分开,便于观察理解。
2、将进度条显示图的渲染模式改为Filled(填充模式),填充起始位置(Fill Start)改为0,填充总量(Fill Range)改为1(截图中为0.5,即进度条加载到50%):3、代码控制加载进度条的填充总量:
//获取到进度条图片
let btn_leftPosition = cc.find("Canvas/ProgressBar_test/btn_leftPosition");
//将进度条图的填充总量置为0
this.btn_fillRange = btn_leftPosition._components[0].fillRange = 0;
//将进度条图的填充起始位置置为0(可在编辑器直接置为0)
btn_leftPosition._components[0].fillStart = 0;
let self = this;
this.schedule(function () {
//随机数字
let math_random = Math.ceil(Math.random() * 1 + 1.5);
//进度条填充总量增