### 触摸热区控件（Touch）

Guition 触摸热区控件是一个不可见的按钮，允许您在界面上创建可响应触摸事件的区域，具有多种可设置的属性，使您能够自定义热区的位置和大小。

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

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

    *   类型: 整数
    *   默认值: 0
    *   说明: 设置触摸热区左上角的横坐标位置。

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

    *   类型: 整数
    *   默认值: 0
    *   说明: 设置触摸热区左上角的纵坐标位置。

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

    *   类型: 整数
    *   默认值: 100
    *   说明: 设置触摸热区的宽度。

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

    *   类型: 整数
    *   默认值: 100
    *   说明: 设置触摸热区的高度。

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

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

6.  **do（执行事件）**：按钮控件执行的事件，比如点击事件。可以设置为执行特定的动作或事件。

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

```json
{
    "name": "to0",
    "prop": {
        "x": 200,
        "y": 100,
        "w": 150,
        "h": 50,
        "vis": 1
    },
    "do": "click"
}

```

**说明:**

在上面的示例中，设置了一个触摸热区控件的属性，包括位置、大小和可见性。当触摸热区被点击时，执行点击事件，其行为根据具体的应用场景而定。

#### 属性设置示例：

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

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

    ```

    *   **说明:** 设置触摸热区左上角的横坐标位置为 200。
2.  **纵坐标 (y):**

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

    ```

    *   **说明:** 设置触摸热区左上角的纵坐标位置为 100。
3.

<!---->

    ```json

<!---->

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

    ```

    *   **说明:** 设置触摸热区的宽度为 150。

4\.

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

    ```

    *   **说明:** 设置触摸热区的高度为 50。

5\.  **可见性 (vis):**

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

    ```

    *   **说明:** 设置触摸热区可见性为可见 (1)。

#### 执行事件示例：

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

```

*   **说明:** 设置触摸热区点击事件，当触摸热区被点击时，执行点击事件的操作。