图片框
| 名称 | 类型 | 必填 | 说明 |
| 类型 | 文本 | true | 固定值：图片框 表示这是一个图片框控件 |
| 名称 | 文本 | true | 窗口中唯一标识 |
| x | 整数 | false | 默认显示坐标x |
| y | 整数 | false | 默认显示坐标y |
| 宽度 | 整数 | false | |
| 高度 | 整数 | false | |
| 锚点x | 小数 | false | |
| 锚点y | 小数 | false | |
| 角度 | 整数 | false | |
| 透明度 | 小数 | false | 0-1 |
| 背景色 | RGBA | false | |
| 边框宽度 | 整数 | false | |
| 边框色 | RGBA | false | |
| 圆角半径 | 整数 | false | |
| 圆角边数 | 整数 | false | |
| 进度 | 整数 | false | 0-100 |
| 显示方式 | 整数 | false | 0 左上对齐 1 自动缩放 2 居中对齐 3 平铺 4 自适应 |
| 底图 | 文本 | false | 资源标识 |
| 九宫 | table | false | 底图的九宫描述 |
| 变换矩阵 | 整数 | false | 取值范围：0-5, 0:无变换, 1:X斜切, 2:Y斜切, 3:X拉伸, 4:Y拉伸, 5:等比拉伸 |
| 矩阵系数 | 数值 | false | 组件的矩阵系数。 |
| 遮罩 | 整数 | false | 0.无 1.定义遮罩镂空的形状,有像素的区域被镂空。 2.仅在镂空的区域显示。 3.仅在镂空之外的区域显示。 |
| 气泡提示 | 文本 | false | |
| 气泡皮肤 | 文本 | false | |
| 鼠标事件 | 逻辑 | false | 是否响应鼠标事件 默认：false |
| 附加 | table | false | 自定义变量 |
| 默认可视 | 逻辑 | false | 默认是否显示 |
| 系统事件 | table | false |
{
名称 = "图片框1",
类型 = "图片框",
x = 40,
y = 40,
宽度 = 200,
高度 = 128,
背景色 = RGBA(80,80,80,255),
边框宽度 = 1,
边框色 = RGBA(255,255,255,255),
圆角半径 = 4,
圆角边数 = 8,
显示方式 = 2,
底图 = "大图标_铁刀"
},
属性
可视
- 类型：
逻辑 - 读写：
读写 - 说明：是否显示控件
父窗口
- 类型：
窗口对象 - 读写：
只读 - 说明：控件的父窗口对象
调试输出(图片框1.父窗口.名称)
名称
- 类型：
文本 - 读写：
只读 - 说明：标签的名称。
x
- 类型：
数值 - 读写：
读写 - 说明：坐标x。
y
- 类型：
数值 - 读写：
读写 - 说明：坐标y。
宽度
- 类型：
整数 - 读写：
只读 - 说明：控件的宽度。
高度
- 类型：
整数 - 读写：
只读 - 说明：控件的高度。
次序
- 类型：
数值 - 读写：
读写 - 说明：动态改变控件的显示层级，值越大越先显示。
水平缩放
- 类型：
数值 - 读写：
读写 - 说明：水平缩放比例。
垂直缩放
- 类型：
数值 - 读写：
读写 - 说明：垂直缩放比例。
背景色
- 类型：
RGBA - 读写：
读写 - 说明：读写背景色。
边框色
- 类型：
RGBA - 读写：
读写 - 说明：读写边框色。
边框宽度
- 类型：
数值 - 读写：
读写 - 说明：读写边框宽度。
灯光
- 类型：
RGBA - 读写：
读写 - 说明：取出或者设置一个颜色值可以改变亮度。
透明度
- 类型：
小数 - 读写：
读写 - 说明：取值范围 0-1
进度
- 类型：
数值 - 读写：
读写 - 说明：进度值 0 - 100。
底图
- 类型：
文本 - 读写：
读写 - 说明：读写图片框底图。
角度
- 类型：
数值 - 读写：
读写 - 说明：图片框的角度。
变换矩阵
- 类型：
整数 - 读写：
读写 - 说明：
0:无变换,1:X斜切,2:Y斜切,3:X拉伸,4:Y拉伸,5:等比拉伸
矩阵系数
- 类型：
数值 - 读写：
读写 - 说明：矩阵系数。
鼠标坐标
- 类型：
{x=,y=} - 读写：
只读 - 说明：鼠标指针在图片框上的相对坐标。
鼠标焦点
- 类型：
逻辑 - 读写：
只读 - 说明：鼠标是否在图片框上。
气泡提示
- 类型：
文本 - 读写：
读写 - 说明：读写控件的气泡提示。
附加
- 类型：
table - 读写：
读写 - 说明：读写控件的附加信息。
系统事件
🔹 焦点
控件焦点实时状态, 需要启用 鼠标事件
| 回调参数 | 类型 | 说明描述 |
| 图片框 | 图片框对象 | |
| 焦点状态 | 逻辑 |
示例
系统事件 = {
焦点 = function(图片框,焦点状态)
if (焦点状态) then
图片框.灯光 = RGBA(255,255,255,60)
else
图片框.灯光 = nil
end
end,
}
🔹 鼠标按下
- 鼠标按下时触发，需要启用
鼠标事件。 - 返回
true可以阻止事件的继续传递。
| 回调参数 | 类型 | 说明描述 |
| 图片框 | 图片框对象 | |
| 键值 | 整数 | 0：左键 1：右键 2：中键。 |
| 功能键 | 整数 | 1：Ctrl 2：Shift 3：Alt 是否处于按下状态 |
示例
系统事件 = {
鼠标按下 = function(图片框,键值,功能键)
调试输出(图片框.名称)
return true
end,
}
🔹 鼠标弹起
- 鼠标弹起时触发，需要启用
鼠标事件。 - 返回
true可以阻止事件的继续传递。
| 回调参数 | 类型 | 说明描述 |
| 图片框 | 图片框 | |
| 键值 | 整数 | 0：左键 1：右键 2：中键。 |
| 功能键 | 整数 | 1：Ctrl 2：Shift 3：Alt 是否处于按下状态 |
示例
系统事件 = {
鼠标弹起 = function(图片框,键值,功能键)
end,
}
🔹 鼠标移动
- 鼠标在组件上移动时触发，需要启用
鼠标事件。 - 返回
true可以阻止事件的继续传递。
| 回调参数 | 类型 | 说明描述 |
| 图片框 | 图片框 | |
| 功能键 | 整数 | 1：Ctrl 2：Shift 3：Alt 是否处于按下状态 |
示例
系统事件 = {
鼠标移动 = function(图片框,功能键)
调试输出("鼠标移动",图片框.名称,图片框.鼠标坐标.x,图片框.鼠标坐标.y)
end,
}
🔹 鼠标滚轮
- 鼠标在组件上滚轮滚动时触发，需要启用
鼠标事件。 - 返回
true可以阻止事件的继续传递。
| 回调参数 | 类型 | 说明描述 |
| 图片框 | 图片框 | |
| 滚动状态 | 数值 | 滚轮滚动值。 |
示例
系统事件 = {
鼠标滚轮 = function(图片框,滚动状态)
调试输出("鼠标滚轮",滚动状态)
end,
}
🔹 点击
控件被点击时触发, 需要启用 鼠标事件
| 回调参数 | 类型 | 说明描述 |
| 图片框 | 图片框对象 |
示例
系统事件 = {
点击 = function(图片框)
引擎.播放特效(0,0,{{延迟=0,抖动={时间=500,幅度=4,对象=图片框}}})
end,
}