图片控件（Image）

Guition 图片控件允许您在界面上显示图像，并具有多种可设置的属性，使您能够自定义图像的外观和行为。

可设置的属性值说明：

透明度 (opa):
- 类型: 整数
- 默认值: 100
- 说明: 设置图像的透明度，取值范围为 0（完全透明）到 255（完全不透明）。
横坐标 (x):
- 类型: 整数
- 默认值: 0
- 说明: 设置图像左上角的横坐标位置。
纵坐标 (y):
- 类型: 整数
- 默认值: 0
- 说明: 设置图像左上角的纵坐标位置。
宽度 (w):
- 类型: 整数
- 默认值: 100
- 说明: 设置图像的宽度。
高度 (h):
- 类型: 整数
- 默认值: 100
- 说明: 设置图像的高度。
可见性 (vis):
- 类型: 布尔值 (0 或 1)
- 默认值: 1
- 说明: 设置图像是否可见，1 表示可见，0 表示隐藏。
图片索引 (pic):
- 类型: 整数
- 默认值: 0
- 说明: 设置显示的图像索引。如果有多个图像可供选择，可以通过索引值来指定要显示的图像。

通过串口指令设置属性示例：

{
    "name": "ImageBtn_y3FS_cImn",
    "prop": {
        "opa": 100,
        "x": 200,
        "y": 100,
        "w": 150,
        "h": 50,
        "vis": 1,
        "pic": 0
    },
    "do": "click"
}

说明:

在上面的示例中，设置了一个图片控件的属性，包括透明度、位置、大小、可见性和要显示的图像索引。
当点击图片时，执行点击事件，其行为根据具体的应用场景而定。

属性设置示例

1. 设置透明度 (opa)

{
    "name": "ImageBtn_y3FS_cImn",
    "prop": {
        "opa": 100
    }
}

说明:

透明度属性设置为 100，表示完全不透明。

2. 设置横坐标 (x)

{
    "name": "ImageBtn_y3FS_cImn",
    "prop": {
        "x": 200
    }
}

说明:

将图片控件的左上角横坐标位置设置为 200。

3. 设置纵坐标 (y)

{
    "name": "ImageBtn_y3FS_cImn",
    "prop": {
        "y": 100
    }
}

说明:

将图片控件的左上角纵坐标位置设置为 100。

4. 设置宽度 (w)

{
    "name": "ImageBtn_y3FS_cImn",
    "prop": {
        "w": 150
    }
}

说明:

将图片控件的宽度设置为 150。

5. 设置高度 (h)

{
    "name": "ImageBtn_y3FS_cImn",
    "prop": {
        "h": 50
    }
}

说明:

将图片控件的高度设置为 50。

6. 设置可见性 (vis)

{
    "name": "ImageBtn_y3FS_cImn",
    "prop": {
        "vis": 1
    }
}

说明:

将图片控件设置为可见状态。

7. 设置图片索引 (pic)

{
    "name": "ImageBtn_y3FS_cImn",
    "prop": {
        "pic": 0
    }
}

说明:

设置要显示的图像索引为 0。