### 图片控件(Image) Guition 图片控件允许您在界面上显示图像,并具有多种可设置的属性,使您能够自定义图像的外观和行为。 #### 可设置的属性值说明: 1. **透明度 (opa)**: * 类型: 整数 * 默认值: 100 * 说明: 设置图像的透明度,取值范围为 0(完全透明)到 255(完全不透明)。 2. **横坐标 (x)**: * 类型: 整数 * 默认值: 0 * 说明: 设置图像左上角的横坐标位置。 3. **纵坐标 (y)**: * 类型: 整数 * 默认值: 0 * 说明: 设置图像左上角的纵坐标位置。 4. **宽度 (w)**: * 类型: 整数 * 默认值: 100 * 说明: 设置图像的宽度。 5. **高度 (h)**: * 类型: 整数 * 默认值: 100 * 说明: 设置图像的高度。 6. **可见性 (vis)**: * 类型: 布尔值 (0 或 1) * 默认值: 1 * 说明: 设置图像是否可见,1 表示可见,0 表示隐藏。 7. **图片索引 (pic)**: * 类型: 整数 * 默认值: 0 * 说明: 设置显示的图像索引。如果有多个图像可供选择,可以通过索引值来指定要显示的图像。 #### 通过串口指令设置属性示例: ```json { "name": "ImageBtn_y3FS_cImn", "prop": { "opa": 100, "x": 200, "y": 100, "w": 150, "h": 50, "vis": 1, "pic": 0 }, "do": "click" } ``` **说明**: * 在上面的示例中,设置了一个图片控件的属性,包括透明度、位置、大小、可见性和要显示的图像索引。 * 当点击图片时,执行点击事件,其行为根据具体的应用场景而定。 #### 属性设置示例 #### 1. 设置透明度 (opa) ```json { "name": "ImageBtn_y3FS_cImn", "prop": { "opa": 100 } } ``` **说明**: * 透明度属性设置为 100,表示完全不透明。 #### 2. 设置横坐标 (x) ```json { "name": "ImageBtn_y3FS_cImn", "prop": { "x": 200 } } ``` **说明**: * 将图片控件的左上角横坐标位置设置为 200。 #### 3. 设置纵坐标 (y) ```json { "name": "ImageBtn_y3FS_cImn", "prop": { "y": 100 } } ``` **说明**: * 将图片控件的左上角纵坐标位置设置为 100。 #### 4. 设置宽度 (w) ```json { "name": "ImageBtn_y3FS_cImn", "prop": { "w": 150 } } ``` **说明**: * 将图片控件的宽度设置为 150。 #### 5. 设置高度 (h) ```json { "name": "ImageBtn_y3FS_cImn", "prop": { "h": 50 } } ``` **说明**: * 将图片控件的高度设置为 50。 #### 6. 设置可见性 (vis) ```json { "name": "ImageBtn_y3FS_cImn", "prop": { "vis": 1 } } ``` **说明**: * 将图片控件设置为可见状态。 #### 7. 设置图片索引 (pic) ```json { "name": "ImageBtn_y3FS_cImn", "prop": { "pic": 0 } } ``` **说明**: * 设置要显示的图像索引为 0。