### 复选框控件（CheckBox）

Guition 复选框控件允许用户在界面上选择一个或多个选项，具有多种可设置的属性，使您能够自定义复选框的外观和行为。

**可设置的属性值说明：**

1.  **文本内容 (txt):**

    *   类型: 字符串
    *   默认值: ""
    *   说明: 设置复选框显示的文本内容。

2.  **字体 (font):**

    *   类型: 整数
    *   默认值: 0
    *   说明: 设置复选框文本的字体。

3.  **值 (val):**

    *   类型: 布尔值 (0 或 1)
    *   默认值: 0
    *   说明: 设置复选框的选中状态，1 表示选中，0 表示未选中。

4.  **横坐标 (x):**

    *   类型: 整数
    *   默认值: 0
    *   说明: 设置复选框左上角的横坐标位置。

5.  **纵坐标 (y):**

    *   类型: 整数
    *   默认值: 0
    *   说明: 设置复选框左上角的纵坐标位置。

6.  **宽度 (w):**

    *   类型: 整数
    *   默认值: 100
    *   说明: 设置复选框的宽度。

7.  **高度 (h):**

    *   类型: 整数
    *   默认值: 30
    *   说明: 设置复选框的高度。

8.  **可见性 (vis):**

    *   类型: 布尔值 (0 或 1)
    *   默认值: 1
    *   说明: 设置复选框是否可见，1 表示可见，0 表示隐藏。

9.  **执行事件（do属性）说明：**

    *   do: 表示执行事件，可选值为 "open" 或 "close"。

        *   "open": 表示选中复选框。
        *   "close": 表示取消选中复选框。

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

```json
{
    "name": "cb0",
    "prop": {
        "txt": "hello,world",
        "font": 0,
        "val": 0,
        "x": 200,
        "y": 100,
        "w": 150,
        "h": 50,
        "vis": 1
    },
    "do": "open"
}

```

**说明:** 在上面的示例中，设置了一个复选框控件的属性，包括文本内容、字体、选中状态、位置、大小和可见性。 当执行打开事件时，复选框被选中；执行关闭事件时，复选框取消选中。具体行为根据应用场景而定。

#### **复选框控件属性设置示例**

**1. 设置文本内容 (txt)**

```json
{
    "name": "cb0",
    "prop": {
        "txt": "hello,world"
    }
}

```

说明：设置复选框显示的文本内容为 "hello,world"。

**2. 设置字体 (font)**

```json
{
    "name": "cb0",
    "prop": {
        "font": 0
    }
}

```

说明：设置复选框文本的字体。

**3. 设置选中状态 (val)**

```json
{
    "name": "cb0",
    "prop": {
        "val": 1
    }
}

```

说明：设置复选框为选中状态。

**4. 设置横坐标 (x)**

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

```

说明：设置复选框左上角的横坐标位置为 200。

**5. 设置纵坐标 (y)**

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

```

说明：设置复选框左上角的纵坐标位置为 100。

**6. 设置宽度 (w)**

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

```

说明：设置复选框的宽度为 150。

**7. 设置高度 (h)**

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

```

说明：设置复选框的高度为 50。

**8. 设置可见性 (vis)**

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

```

说明：设置复选框可见。

**9. 执行事件（do属性）示例**

```json
{
    "name": "cb0",
    "do": "open"
}

```

说明：执行 "open" 事件，选中复选框。