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

1. 知识点讲解html

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

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

1.1 ProgressBar 属性文档

属性 功能说明get

Bar Sprite 进度条渲染所须要的 Sprite 组件,能够经过拖拽一个带有 Sprite组件的节点到该属性上来创建关联。源码

Mode 支持 HORIZONTAL(水平)、VERTICAL(垂直)和 FILLED(填充)三种模式,能够经过配合 reverse 属性来改变起始方向。it

Total Length 当进度条为 100%时 Bar Sprite 的总长度/总宽度。在 FILLED 模式下 Total Length 表示取 Bar Sprite 总显示范围的百分比,取值范围从 0 ~ 1。io

Progress 浮点,取值范围是 0~1,不容许输入以外的数值。class

Reverse渲染

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


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

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

相关文章
相关标签/搜索