复选框控件（CheckBox）

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

可设置的属性值说明：

文本内容 (txt):
- 类型: 字符串
- 默认值: “”
- 说明: 设置复选框显示的文本内容。
字体 (font):
- 类型: 整数
- 默认值: 0
- 说明: 设置复选框文本的字体。
值 (val):
- 类型: 布尔值 (0 或 1)
- 默认值: 0
- 说明: 设置复选框的选中状态，1 表示选中，0 表示未选中。
横坐标 (x):
- 类型: 整数
- 默认值: 0
- 说明: 设置复选框左上角的横坐标位置。
纵坐标 (y):
- 类型: 整数
- 默认值: 0
- 说明: 设置复选框左上角的纵坐标位置。
宽度 (w):
- 类型: 整数
- 默认值: 100
- 说明: 设置复选框的宽度。
高度 (h):
- 类型: 整数
- 默认值: 30
- 说明: 设置复选框的高度。
可见性 (vis):
- 类型: 布尔值 (0 或 1)
- 默认值: 1
- 说明: 设置复选框是否可见，1 表示可见，0 表示隐藏。
执行事件（do属性）说明：
- do: 表示执行事件，可选值为 “open” 或 “close”。
  - “open”: 表示选中复选框。
  - “close”: 表示取消选中复选框。

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

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

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

复选框控件属性设置示例

1. 设置文本内容 (txt)

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

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

2. 设置字体 (font)

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

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

3. 设置选中状态 (val)

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

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

4. 设置横坐标 (x)

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

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

5. 设置纵坐标 (y)

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

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

6. 设置宽度 (w)

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

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

7. 设置高度 (h)

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

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

8. 设置可见性 (vis)

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

说明：设置复选框可见。

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

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

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