cocos2d-js 控件——UISlider

UISlider 公有属性、方法

/**
 Slider事件
 */
enum class EventType
{
    ON_SLIDEBALL_DOWN,
    ON_SLIDEBALL_UP,
    ON_SLIDEBALL_CANCEL
};

/** 
 * 构造函数
 * @param barTextureName            Slider背景图片
 * @param normalBallTextureName     Slider滑动块图片
 * @param resType Texture resource  图片类型（Local、Plist）
 * @return Slider实例
 */
static Slider* create(const std::string& barTextureName,
                      const std::string& normalBallTextureName,
                      TextureResType resType = TextureResType::LOCAL);

/**
 * 设置Slider的背景图片
 * @param fileName 图片名
 * @param resType  图片类型（Local、Plist）
 */
void loadBarTexture(const std::string& fileName,TextureResType resType = TextureResType::LOCAL);

/**
 * 设置使用九宫格
 * @param 是否启用九宫格渲染
 */
void setScale9Enabled(bool able);

/**
 * 获取是否使用九宫格渲染
 * @return 是否启用九宫格渲染
 */
bool isScale9Enabled()const;

/**
 * 设置九宫格的拉伸范围
 * @param capInsets 拉伸范围
 */
void setCapInsets(const Rect &capInsets);

/**
 * 如果滑块正在使用九宫格渲染器，则为条形滑块设置拉伸范围
 * @param capInsets 拉伸范围
 */
void setCapInsetsBarRenderer(const Rect &capInsets);

/**
 * 获取滑块的九宫格拉伸范围
 * @return capInsets 拉伸范围
 */
const Rect& getCapInsetsBarRenderer()const;

/**
 * 如果滑块正在使用九宫格渲染器，则为进度条设置拉伸范围
 * @param capInsets 拉伸范围
 * @js NA
 */
void setCapInsetProgressBarRenderer(const Rect &capInsets);

/**
 * 获取进度条的九宫格拉伸范围
 * @return Capinsets 拉伸范围
 */
const Rect& getCapInsetsProgressBarRenderer()const;

/**
 * 加载滑块的纹理
 * @param normal    默认情况下的图片
 * @param pressed   按压情况下的图片
 * @param disabled  不可交互时的图片
 * @param texType   图片类型（Local、Plist）
 */
void loadSlidBallTextures(const std::string& normal,
                          const std::string& pressed = "",
                          const std::string& disabled = "",
                          TextureResType texType = TextureResType::LOCAL);

/**
 * 加载滑块默认情况下的纹理
 * @param normal    图片
 * @param resType   图片类型（Local、Plist）
 */
void loadSlidBallTextureNormal(const std::string& normal,TextureResType resType = TextureResType::LOCAL);

/**
 * 加载滑块按压情况下的纹理
 * @param pressed    图片
 * @param resType    图片类型（Local、Plist）
 */
void loadSlidBallTexturePressed(const std::string& pressed,TextureResType resType = TextureResType::LOCAL);

/**
 * 加载滑块不可用情况下的纹理
 * @param disabled   图片
 * @param resType    图片类型（Local、Plist）
 */
void loadSlidBallTextureDisabled(const std::string& disabled,TextureResType resType = TextureResType::LOCAL);

/**
 * 加载进度条进度部分的纹理
 *
 * @param fileName   图片
 * @param resType    图片类型（Local、Plist）
 */
void loadProgressBarTexture(const std::string& fileName, TextureResType resType = TextureResType::LOCAL);

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

/**
 * 获取进度值
 * @return percent 1-100
 */
int getPercent()const;

/**
 * 设置最大进度值，可以给精度更多的控制
 * @param percent 最大进度
 */
void setMaxPercent(int percent);

/**
 * 获取最大进度
 * @return 最大进度
 */
int getMaxPercent()const;

/**
 * 添加交互事件
 * @param callback 回调
 */
void addEventListener(const ccSliderCallback& callback);

/**
 * 设置当用户按下按钮时，按钮将缩放到一个比例
 * 按钮的最终比例等于（按钮原始比例+ _zoomScale）
 */
void setZoomScale(float scale);

/**
 * 获取当用户按下按钮时，按钮将缩放到一个比例
 */
float getZoomScale()const;

UISlider 示例

// 初始化
var task_progress = new ccui.Slider();

// 设置进度条背景图片
task_progress.loadBarTexture(this.processbarbg_task_image, ccui.Widget.PLIST_TEXTURE);  

// 设置进度条进度图片
task_progress.loadProgressBarTexture(this.processbar_task_image, ccui.Widget.PLIST_TEXTURE); 

// 设置进度
task_progress.setPercent(progress);

// 不可交互
task_progress.setTouchEnabled(false);

task_line_contain.addChild(task_progress);