滑块（Slider）

滑块是一种常用的用户界面元素，用于在一定范围内选择一个值。它通常由一个可拖动的滑块条和一个表示当前值的指示器组成。 通常用于工程中调整音量等。

1、滑块组件

sliderSourceconst slider = LM.Slider()
// 设置颜色类型  0是图片类型，1是颜色类型
slider.sourceType = 1;
// 设置位置
slider.x = 100;
slider.y = 100;
// 设置尺寸
slider.w = 200;
slider.h = 40;
// 设置最大最小
slider.max = 100;
slider.min = 0;
// 设置步长
slider.step = 1;
// 设置当前进度
slider.current = 30;
// 设置方向
slider.sliderDirection = 0;
//设置资源类型
slider.sourceType  = 1;
// 设置下层图
slider.bottomSource = "#FFFFFF";
// 设置上层图
slider.upSource = "#FF0000";
// 设置滑块图
slider.sliderSource = "#00FF00";
// 滑块与进度条的对齐方式"center" | "inslide" | "outside"
slider.sliderAlign = "center";

2、常用属性

属性	解释	值	默认值
x	x	数值	0
y	y	数值	0
z	图层高度，越高越靠上层	数值	0
width	宽，超出范围会显示不完整	数值，不填为自适应
height	高，超出范围会显示不完整	数值，不填为自适应
sourceType	资源类型	0:为图片 1:颜色
bottomSource	下层资源 图片链接或者颜色	字符串
upSource	上层资源 图片链接或者颜色	字符串
sliderSource	滑块资源 图片链接或者颜色	字符串
current	当前值	数值
max	最大值	数值	100
min	最小值	数值	0
step	步长	数值，必须可以整除max-min	1
sliderDirection	方向	进度方向 0-3 对应左右上下
sliderAlign	滑块与进度条的对齐方式	字符串，"center" | "inslide"	"outside"
backgroundColor	背景色	字符串，填色号如红色“#FF0000”
visible	是否可见	布尔值，true可见，false不可见	true
alpha	不透明度	数值，0~255，255表示完全不透明	255
touchEnabled	是否可点击	布尔值，true可点击，false不可点击	true
alphaHitUnable	透明区域是否可点击	布尔值，true可点击，false不可点击	true
isPenetrable	是否可以穿透（点击到下层组件）	布尔值，true可穿透，false不可穿透	true
scaleX	宽缩放率	数值，1为原始的宽	1
scaleY	高缩放率	数值，1为原始的高	1
zoomCenterX	缩放中心x（相对于自身）	数值，0.5为自身X轴中点	0
zoomCenterY	缩放中心y（相对于自身）	数值，0.5为自身Y轴中点	0

其他属性见文档

3、常用方法

（1）onClick

点击行为

（2）onTouchDown

按下行为

（3）onTouchUp

抬起行为

（4）onTouchMove

鼠标在组件区域内移动（可用作悬浮）

（5）onTouchCancel

鼠标移出组件区域（可用作离开悬浮）

let progressBar = new LM.ProgerssBar()
// 注册了点击事件
progressBar.onClick(()=>{console.log("点击了控件")})
// 注册了按下事件
progressBar.onTouchDown(()=>{console.log("按下")})
// 注册了抬起事件
progressBar.onTouchUp(()=>{console.log("抬起")})
// 注册了移动事件
progressBar.onTouchMove(()=>{console.log("移动了")})
// 注册了移出事件
progressBar.onTouchCancel(()=>{console.log("移出")})