###  图片按钮控件(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)

*   **取值范围**: 字符串
*   **默认值**: 无
*   **说明**: 当用户点击按钮时执行的事件。可以是任何有效的事件名称。

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

```json
{
    "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)

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

```

**说明**:

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

#### 2. 设置纵坐标 (y)

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

```

**说明**:

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

#### 3. 设置宽度 (w)

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

```

**说明**:

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

#### 4. 设置高度 (h)

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

```

**说明**:

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

#### 5. 设置可见性 (vis)

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

```

**说明**:

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

#### 6. 设置默认图片索引 (pic)

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

```

**说明**:

*   设置图片按钮控件默认显示的图像索引为 0。

#### 7. 设置按下时图片索引 (pic1)

```json
{
    "name": "ImageBtn_y3FS_cImn",
    "prop": {
        "pic1": 0
    }
}

```

**说明**:

*   设置图片按钮控件在按下时显示的图像索引为 0。

#### 8. 执行事件 (do)

```json
{
    "name": "ImageBtn_y3FS_cImn",
    "do": "click"
}

```

**说明**:

*   点击图片按钮控件时执行相应的事件，例如 "click" 表示点击事件。