Cocos Creator之微信小游戏的进度条(填充模式)

本文介绍了在Cocos Creator中制作微信小游戏进度条的两种方法。方法1通过添加ProgressBar组件并设置填充模式、填充起始位置和总量。方法2调整进度条Mode属性为Filled,并通过代码控制进度。提供了相关代码示例和运行效果。
摘要由CSDN通过智能技术生成

方法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); 
    //进度条填充总量增
  • 4
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值