# 创建可视应用界面

### 创建可视界面

编辑可视界面标题以及描述，进入可视化界面

![](https://3662671755-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lv8u0uivkRn8UzKBg4R%2F-MPgFsJ4Q3SBXszb3tlx%2F-MPgOZ-GZTWoejuH9R-z%2F%E5%8F%AF%E8%A7%86%E7%95%8C%E9%9D%A21.png?alt=media\&token=dc085b7c-6730-464b-b4b4-964dbbfda6e2)

![](https://3662671755-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lv8u0uivkRn8UzKBg4R%2F-MPgFsJ4Q3SBXszb3tlx%2F-MPgOfVmqrxKmT_ZiNc2%2F%E5%8F%AF%E8%A7%86%E7%95%8C%E9%9D%A22.png?alt=media\&token=744f31b1-0308-4d37-bb65-68488bd02421)

![](https://3662671755-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lv8u0uivkRn8UzKBg4R%2F-MPgFsJ4Q3SBXszb3tlx%2F-MPgP-KEHIDL5RoohNEF%2F%E5%8F%AF%E8%A7%86%E7%95%8C%E9%9D%A23.png?alt=media\&token=20e2e21f-cc9b-40ab-878e-124e8dd53bc7)

### 界面配置项

可视界面：页面基本配置，添加子界面，绑定实体设备，选择界面需要的组态控件等

![](https://3662671755-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lv8u0uivkRn8UzKBg4R%2F-MPgFsJ4Q3SBXszb3tlx%2F-MPgP6U8XLvry056ypqu%2F%E5%8F%AF%E8%A7%86%E7%95%8C%E9%9D%A24.png?alt=media\&token=bfcbc576-7b01-4b6f-8f8b-2e2655584770)

### 基本配置

![](https://3662671755-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lv8u0uivkRn8UzKBg4R%2F-MPgFsJ4Q3SBXszb3tlx%2F-MPgUhgM0DIBOpTNHQ0u%2F%E5%8F%AF%E8%A7%86%E7%95%8C%E9%9D%A212.png?alt=media\&token=72ec5cc7-29e7-4357-b45f-d4cbc0699d14)

### 绑定实体设备

![](https://3662671755-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lv8u0uivkRn8UzKBg4R%2F-MPgFsJ4Q3SBXszb3tlx%2F-MPgQn6OHl43jHtx1i0y%2F%E5%8F%AF%E8%A7%86%E7%95%8C%E9%9D%A25.png?alt=media\&token=f6dd6697-280f-4963-bfce-1fb71c45daf0)

### 添加界面组态控件

#### 图表类

![](https://3662671755-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lv8u0uivkRn8UzKBg4R%2F-MPgFsJ4Q3SBXszb3tlx%2F-MPgR4VM4KfeE2FqEt2n%2F%E5%8F%AF%E8%A7%86%E7%95%8C%E9%9D%A26.png?alt=media\&token=c637d166-1bfd-4713-86af-e60b3982e8d3)

![](https://3662671755-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lv8u0uivkRn8UzKBg4R%2F-MPgFsJ4Q3SBXszb3tlx%2F-MPgRAwJECjCYicGGyOS%2F%E5%8F%AF%E8%A7%86%E7%95%8C%E9%9D%A27.png?alt=media\&token=f731edae-f3bc-40b0-8ab6-9760e4b46589)

#### 列表类

![](https://3662671755-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lv8u0uivkRn8UzKBg4R%2F-MPgWFjGXUTiN5NqnWwo%2F-MPgWxUw805C92njwP_V%2F%E5%8F%AF%E8%A7%86%E7%95%8C%E9%9D%A213.png?alt=media\&token=c8d3b27f-e3ad-4dfb-a43a-bdfba7ec1187)

![](https://3662671755-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lv8u0uivkRn8UzKBg4R%2F-MPgWFjGXUTiN5NqnWwo%2F-MPgXGqMZXY4hkWr1PzH%2F%E5%8F%AF%E8%A7%86%E7%95%8C%E9%9D%A214.png?alt=media\&token=e3407330-d772-4ac1-ae93-74e661214612)

### 组态控件配置

#### 图表类

![](https://3662671755-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lv8u0uivkRn8UzKBg4R%2F-MPgFsJ4Q3SBXszb3tlx%2F-MPgRmYTJ-DVAwcBmsmO%2F%E5%8F%AF%E8%A7%86%E7%95%8C%E9%9D%A28.png?alt=media\&token=e30164d9-fc49-4cc1-b6a4-1675c5f06981)

![](https://3662671755-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lv8u0uivkRn8UzKBg4R%2F-MPgFsJ4Q3SBXszb3tlx%2F-MPgRrXAgdPjXgFjMwLo%2F%E5%8F%AF%E8%A7%86%E7%95%8C%E9%9D%A29.png?alt=media\&token=97a1370b-b6da-4cfc-bc4d-a64c3948e497)

#### 列表类

![](https://3662671755-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lv8u0uivkRn8UzKBg4R%2F-MPgFsJ4Q3SBXszb3tlx%2F-MPgVAJnYTR3ATdeOmgE%2F%E5%8F%AF%E8%A7%86%E7%95%8C%E9%9D%A210.png?alt=media\&token=cd55d74e-90b0-42a8-8bf0-fb4e75a41631)

![](https://3662671755-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lv8u0uivkRn8UzKBg4R%2F-MPgFsJ4Q3SBXszb3tlx%2F-MPgVFa_yfPOjn06WcXj%2F%E5%8F%AF%E8%A7%86%E7%95%8C%E9%9D%A211.png?alt=media\&token=d0d55b35-6efa-425e-822d-2054d7a4c2ca)

### 添加可视界面子页面

![](https://3662671755-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lv8u0uivkRn8UzKBg4R%2F-MPgFsJ4Q3SBXszb3tlx%2F-MPgQPUUMl2UbfGfICHy%2F%E5%8F%AF%E8%A7%86%E7%95%8C%E9%9D%A24_1.png?alt=media\&token=7c989c2d-b25a-42fd-bc9c-c7cf0bafd919)

![](https://3662671755-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lv8u0uivkRn8UzKBg4R%2F-MPgFsJ4Q3SBXszb3tlx%2F-MPgQY-QDT0rREyH8rds%2F%E5%8F%AF%E8%A7%86%E7%95%8C%E9%9D%A24_2.png?alt=media\&token=d7845761-e9e4-41dd-8785-41bc94cbc5a0)

![](https://3662671755-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lv8u0uivkRn8UzKBg4R%2F-MPgFsJ4Q3SBXszb3tlx%2F-MPgQb1V3VoFATNhErFZ%2F%E5%8F%AF%E8%A7%86%E7%95%8C%E9%9D%A24_3.png?alt=media\&token=38618594-5861-4749-bbc5-c661cc803bde)