当前位置: 代码迷 >> 综合 >> 【Cocos Creator实战教程(8)】——UI组件(2)ProgressBar 组件
  详细解决方案

【Cocos Creator实战教程(8)】——UI组件(2)ProgressBar 组件

热度:30   发布时间:2023-12-18 13:29:05.0

1. 知识点讲解

ProgressBar(进度条)经常被用于在游戏中显示某个操作的进度,在节点上添加 ProgressBar 组件,然后给该组件关联一个 Bar Sprite 就可以在场景中控制 Bar Sprite 来显示进度了。

点击 属性检查器 下面的添加组件按钮,然后从添加 UI 组件中选择ProgressBar,即可添加 ProgressBar 组件到节点上。

1.1 ProgressBar 属性

属性 功能说明
Bar Sprite 进度条渲染所需要的 Sprite 组件,可以通过拖拽一个带有 Sprite组件的节点到该属性上来建立关联。
Mode 支持 HORIZONTAL(水平)、VERTICAL(垂直)和 FILLED(填充)三种模式,可以通过配合 reverse 属性来改变起始方向。
Total Length 当进度条为 100%时 Bar Sprite 的总长度/总宽度。在 FILLED 模式下 Total Length 表示取 Bar Sprite 总显示范围的百分比,取值范围从 0 ~ 1。
Progress 浮点,取值范围是 0~1,不允许输入之外的数值。
Reverse

布尔值,默认的填充方向是从左至右/从下到上,开启后变成从右到左/从上到下。

 

 


参考文档和完整的文档和源码下载地址:

https://www.write-bug.com/article/1828.html

  相关解决方案