progressBar組件

LayaIDE自帶的特殊組件一共有5個,分別是垂直滑動條組件VSlider、水平滑動條組件HSlider、進度條組件ProgressBar、垂直滾動條組件VScrollBar、水平滾動條組件HScrollBar。

VScrollBar和HScrollBar常用於list和panel滑動,ProgressBar用於各種進度,如完成度、加載進度等等。這三種較爲常見。

下面說下進度條組件的使用

特殊組件並不是單張圖片,而是由多張圖片組成。主資源(編輯器中skin路徑下的資源,通俗點可以理解爲進度的背景圖片)圖片的命名規則遵守基礎組件的命名規則,附加資源(通俗理解成用來顯示進度變化的資源,層級在主資源上)由兩部分構成,這兩部分由$符號連接,$之前是主資源的變量名,$之後是關聯狀態的名稱。

使用時可以直接在資源管理器的組件中拉一個ProgressBar組件到層級管理器中,這裏給組件賦值變量名progressbar_bar。

progressbar_bar的使用需要主資源和附加資源,主資源命名爲progressBar.png,那麼對於附加資源的命名就有要求了,必須是

progressBar$bar.png,以主資源名progressBar爲前綴,$爲連接符號,bar指的是滑動/移動狀態。使用時只需要設置progressbar_bar的value即可控制進度。

用兩張不同的圖片資源,設置層級在上的圖片資源的scaleX或者scaleY可以達到同樣的效果。

需要注意的是,資源管理器中對於特殊組件的附加資源不會單獨顯示,列表中只會顯示主資源組件。如果要對特殊組件資源進行操作,需要打開特殊組件資源所在目錄,在系統的文件目錄中進行管理操作。這路說的資源管理器是laya編輯器中的資源管理器,而不是代碼運行時的資源管理器。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章