按钮（Button）​

按钮（Button） ​按钮是工程中常用的交互元素，用于触发事件或执行操作。可以添加文本、图片或两者结合的控件。 通常是一个背景图片+一个文字内容用做按钮。

1、按钮组件 ​typescript// 添加文本组件

let button = new LM.Button();

this.addChild(button);

//按钮图

button.src = "Graphics/按钮.png"

// 按钮文本内容

button.text = "点击";

// 设置位置

button.x = 100;

button.y = 100;

// 文字横向布局 0:left 1:center 2:right

button.alignHorizontal = 1;

// 文字竖向布局 0:top 1:center 2:bottom

button.alignVertical = 1;

//字体颜色

button.fontColor = "#ffffff";

//字号

button.fontSize = 36;

//使用字体，必须放在Graphics文件夹下

button.textFamily = "Graphics/font/微软雅黑.ttf";

//设置九宫格

button.is9GridEnabled = true;

button.scale9Grid = "10,10,10,10";

//设置按钮的点击事件

botton.click(() =>{

console.log("click ")

})2、常用属性

属性解释值默认值xx数值0yy数值0z图层高度，越高越靠上层数值0width宽数值，不填为自适应height高数值，不填为自适应text文本内容字符串src图片路径字符串backgroundColor背景色字符串，填色号如黑色“#000000”visible是否可见布尔值，true可见，false不可见truealpha不透明度数值，0~255，255表示完全不透明255touchEnabled是否可点击布尔值，true可点击，false不可点击truealphaHitUnable透明区域是否可点击布尔值，true可点击，false不可点击trueisPenetrable是否可以穿透（点击到下层组件）布尔值，true可穿透，false不可穿透truescaleX宽缩放率数值，1为原始的宽1scaleY高缩放率数值，1为原始的高1zoomCenterX缩放中心x（相对于自己）数值，0.5为自身X轴中点0zoomCenterY缩放中心y（相对于自己）数值，0.5为自身Y轴中点0alignHorizontal横向布局0:left 1:center 2:right0alignVertical竖向布局0:top 1:center 2:bottom0fontColor字体颜色字符串，填色号如黑色“#000000”fontSize字号数值textFamily字体字符串，填字体文件地址，必须放在is9GridEnabled开启九宫格适配布尔值falsescale9Grid九宫格设置字符串，固定格式如"10,10,10,10"，表示上下左右边距其他属性见文档

3、常用方法 ​（1）onClick ​点击行为

（2）onTouchDown ​按下行为

（3）onTouchUp ​抬起行为

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

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

typescriptlet button = new LM.Button()

// 注册了点击事件

button.onClick(()=>{console.log("点击了控件")})

// 注册了按下事件

button.onTouchDown(()=>{console.log("按下")})

// 注册了抬起事件

button.onTouchUp(()=>{console.log("抬起")})

// 注册了移动事件

button.onTouchMove(()=>{console.log("移动了")})

// 注册了移出事件

button.onTouchCancel(()=>{console.log("移出")})