图片按钮控件(ImageBtn)
Guition 图片按钮控件(ImageBtn)是一种用于在用户界面中显示可点击的图像的控件。以下是该控件的可设置属性和使用示例。
1. 横坐标 (x)
取值范围: 整数
默认值: 0
说明: 控件在屏幕上的水平位置。
2. 纵坐标 (y)
取值范围: 整数
默认值: 0
说明: 控件在屏幕上的垂直位置。
3. 宽度 (w)
取值范围: 整数
默认值: 0
说明: 控件的宽度。
4. 高度 (h)
取值范围: 整数
默认值: 0
说明: 控件的高度。
5. 可见性 (vis)
取值范围: 0 或 1
默认值: 1 (可见)
说明: 控件是否可见。1 表示可见,0 表示不可见。
6. 图片 (pic)
取值范围: 整数
默认值: 0
说明: 控件显示的主图像。图像的索引从0开始。
7. 按下时的图片 (pic1)
取值范围: 整数
默认值: 0
说明: 控件按下时显示的图像。图像的索引从0开始。
8. 执行事件 (do)
取值范围: 字符串
默认值: 无
说明: 当用户点击按钮时执行的事件。可以是任何有效的事件名称。
通过串口指令设置属性示例
{
"name": "ImageBtn_y3FS_cImn",
"prop": {
"x": 200,
"y": 100,
"w": 150,
"h": 50,
"vis": 1,
"pic": 0,
"pic1": 0
},
"do": "click"
}
说明: 上面的示例设置了一个图片按钮控件,位置为 (200, 100),宽度为 150,高度为 50。按钮可见,并且显示的图像和按下时的图像索引均为 0。当用户点击按钮时,执行 “click” 事件。
图片按钮控件(ImageBtn)属性设置示例
1. 设置横坐标 (x)
{
"name": "ImageBtn_y3FS_cImn",
"prop": {
"x": 200
}
}
说明:
将图片按钮控件的左上角横坐标位置设置为 200。
2. 设置纵坐标 (y)
{
"name": "ImageBtn_y3FS_cImn",
"prop": {
"y": 100
}
}
说明:
将图片按钮控件的左上角纵坐标位置设置为 100。
3. 设置宽度 (w)
{
"name": "ImageBtn_y3FS_cImn",
"prop": {
"w": 150
}
}
说明:
将图片按钮控件的宽度设置为 150。
4. 设置高度 (h)
{
"name": "ImageBtn_y3FS_cImn",
"prop": {
"h": 50
}
}
说明:
将图片按钮控件的高度设置为 50。
5. 设置可见性 (vis)
{
"name": "ImageBtn_y3FS_cImn",
"prop": {
"vis": 1
}
}
说明:
将图片按钮控件设置为可见状态。
6. 设置默认图片索引 (pic)
{
"name": "ImageBtn_y3FS_cImn",
"prop": {
"pic": 0
}
}
说明:
设置图片按钮控件默认显示的图像索引为 0。
7. 设置按下时图片索引 (pic1)
{
"name": "ImageBtn_y3FS_cImn",
"prop": {
"pic1": 0
}
}
说明:
设置图片按钮控件在按下时显示的图像索引为 0。
8. 执行事件 (do)
{
"name": "ImageBtn_y3FS_cImn",
"do": "click"
}
说明:
点击图片按钮控件时执行相应的事件,例如 “click” 表示点击事件。