【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

相關文章
相關標籤/搜索