cocos2d-js 控件——UILoadingBar

UILoadingBar 公有属性、方法

/**
 * 进度条方向
 */
enum class Direction
{
    LEFT, // 左至右
    RIGHT // 右至左
};

/**
 * 构造函数
 * @return UILoadingBar实例
 */
LoadingBar();
static LoadingBar* create();

/**
 * 使用图片名称和预定义的进度值创建一个加载条
 * @param textureName       进度条的背景图
 * @param TextureResType    图片类型（Local、Plist）
 * @param percentage        进度值
 * @return UILoadingBar实例
 */
static LoadingBar* create(const std::string& textureName, float percentage = 0);
static LoadingBar* create(const std::string& textureName, TextureResType texType, float percentage = 0);

/**
 * 设置进度条的方向
 * 方向`LEFT`意味着从左到右的展示，否则`RIGHT`
 * @param direction 方向
 */
void setDirection(Direction direction);

/**
 * 获取进度条的方向
 * 方向`LEFT`意味着从左到右的展示，否则`RIGHT`
 * @return LoadingBar的进度方向
 */
Direction getDirection()const;

/**
 * 加载图片
 * @param texture 图片路径
 * @param texType 图片类型（Local、Plist）类型（本地文件或压缩成Plist的文件）
 */
void loadTexture(const std::string& texture,TextureResType texType = TextureResType::LOCAL);

/**
 * 设置进度
 * @param percent 进度值1~100
 */
void setPercent(float percent);

/**
 * 获取进度
 * @return 进度值1~100
 */
float getPercent() const;

/**
 * 设置九宫格渲染
 * @param enabled 设置为true将使用scale9渲染器，否则为false。
 */
void setScale9Enabled(bool enabled);

/**
 * 获取是否设置了九宫格渲染
 * @return LoadingBar是否使用scale9渲染器。
 */
bool isScale9Enabled()const;

/**
 * 为LoadingBar设置capInsets
 * 此设置仅在启用scale9渲染器时生效
 * @param capInsets 拉伸范围
 */
void setCapInsets(const Rect &capInsets);


/**
 * 获取capInsets
 * @return LoadingBar的capInsets值
 */
const Rect& getCapInsets()const;

UILoadingBar示例

// 图片路径
var loadImage =  game.platform.path + "Login/Loadbar2.png";

// 初始化
var loading = new ccui.LoadingBar(loadImage, 50);

// 设置进度条的加载图片
loading.loadTexture(loadImage, ccui.Widget.LOCAL_TEXTURE);

// 设置九宫格
loading.setScale9Enabled(true);

// 设置九宫格的拉伸范围
loading.setCapInsets(cc.rect(0, 0, 100, 100));

// 设置进度
loading.setPercent(100);//开始的进度
loading.setPosition(640, 360);
this.addChild(loading);