任务18：progressBar进度条的使用

一、任务目标

进度条的使用在游戏开发中是非常常见的，该任务介绍LayaAir中的进度条组件progressBar的使用。

二、任务分解

2.1 基本属性的简介

• sizeGrid九宫格，改变范围防止拉升时变形，根据需要更改

• skin进度条的皮肤，皮肤由背景条和Bar条组成，根据皮肤的命名规则就可以替换自带的皮肤（testProgress.png，testProgress$bar.png）
  

• value当前进度值，范围为0-1

2.2 案例的实现

实现一个进度条示例，点击“开始游戏”进度条开始加载，点击“继续游戏”可以实现进度的暂停和继续，点击“退出游戏”可以重置进度条。

export default class ProgessBar_test extends Laya.Script {
   

    /** @prop {name:progressBar,tips:"progessBar",type:Node,default=null} */
    progressBar: Laya.ProgressBar;
    /** @prop {name:btn_start,tips:"开始游戏按钮",type:Node,default=null} */
    btn_start: Laya.Button;
    /** @prop {name:btn_continue,tips:"继续游戏按钮",type:Node,default=null} */
    btn_continue: Laya.Button;
    /** @prop {name:btn_exit,tips:"退出游戏按钮",type:Node,default=null} */
    btn_exit: Laya.Button;

    /**
     * 标识进度条是否前进的标志
     */
    private isProgress: boolean