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

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	布尔值，默认的填充方向是从左至右/从下到上，开启后变成从右到左/从上到下。

 

点击此处下载文档和源码