基础组件列表
基础组件主要是基础的数值和文本展示以及开关控制。
图标 | 名称 | 说明 |
---|---|---|
文本 | 用于静态表达和展示所指定的内容,支持设备字体大小、背景等样式,支持使用固定文本(支持多语言)或者展示绑定的变量的制定内容 | |
滚动文本 | 将文本内容以动画的形式展示在可视化组态中 | |
动态样式文本 | 工程在运行时支持动态的改变文本内容及样式 | |
按钮 | 单击按钮用于触发不同事件或效果 | |
图片 | 用于展示不同静态图片资源 | |
动态图片 | 展示静态图片的同时,支持在运行时点击进行更换图片 | |
开关 | 基础的启停控件,用于切换开关型变量的状态(Bool 型) | |
输入 | 绑定变量后,支持在页面上动态改变数值型或字符型变量的值 | |
位显示 | 显示一个开关型变量的状态值 | |
字设定 | 设置一个数值型变量的值 | |
字显示 | 根据一个数值型变量的不同值来显示不同的状态 | |
下拉框 | 将设定的状态数以下拉清单形式显示出来 | |
进度条 | 以图形的形式显示当前数值变化或处理任务的进度 | |
赋值 | 将指定值赋值到指定的变量中 | |
超链接 | 可以链接第三方网站,通过点击进行跳转 | |
批量赋值 | 批量将指定值赋值到指定的变量中 |
文本
属性 | 说明 |
---|---|
内容 | |
类型 | 文本图元支持显示指定的固定文本或多语言文本内容,支持展示绑定的变量内容 |
样式 | |
字号 | 设置字体的大小像素 |
字体 | 设置字体文本显示的样式,可自定义上传字体文件 |
行距 | 设置单个图元中文本字体相邻行中间的距离 |
间距 | 设置单个图元中文本相邻字符之间的距离 |
字色 | 设置字体的颜色样式 |
对齐/垂直 | 设置当前图元中字体相对于当前图元内部位置的水平和垂直对齐方式 |
加粗 | 将字体进行加粗 |
斜体 | 将字体样式进行倾斜 |
下划线 | 在字体底部增加下划线 |
滚动文本
属性 | 说明 |
---|---|
内容 | |
存样变量 | 存储动态文本样式的变量,变量类型:字符串,长度 200 以上 |
内容 | 动态文本显示的初始内容,支持多语言 |
初始样式 | 滚动图元的内容及样式配置项同文本图元 |
动态样式文本
属性 | 说明 |
---|---|
内容 | 滚动图元的内容及样式配置项同文本图元 |
滚动 | |
滚动方向 | 滚动文本的滚动方向支持从上下左右四个方向进行滚动 |
滚动周期 | 文本滚动的速度,值越大,滚动速度越慢(范围:0.1~200) |
按钮
属性 | 说明 |
---|---|
基本 | 按钮的基本样式属性配置请参考通用类外观属性 |
事件 | |
类型 | 点击按钮时支持的事件类型:切换画面、弹窗画面、关闭弹窗、切换工程、执行数据源,什么是按钮事件? |
切换画面 | 支持切换当前工程的首页(主页面)、末页(最后一个画面)、当前页面的上一页、当前页面的下一页、指定页面 |
弹窗画面 | 选择指定的子画面,点击按钮时,将弹出选择的子画面 |
切换工程 | 根据项目中工程的指定 ID 进行访问 |
内容 | 设置按钮的文本相关配置 |
图片
属性 | 说明 |
---|---|
基本 | 按钮的基本样式属性配置请参考通用类外观属性 |
模式 | 图片展示的模式: 铺满:根据组件的大小并保留图元原始的纵横比充满组件范围; 适应:保持图片的原始纵横比缩放图片到组件宽高值小的一边; 变形:铺满组件,不保持图片原始比例 |
图片 | 在图片资源库中选择需要 的图片,图片库详细配置请参考图片管理 |
动态图片
属性 | 说明 |
---|---|
基本 | 动态图片的基本样式设置请参考图元图片 |
图址变量 | 存放图片地址的变量,变量类型:字符串,长度:100 以上 |
点击可换 | 设置图片在运行时是否可以通过点击进行更换,默认开启 |
默认图片 | 动态图片的初始默认图片 |
开关
属性 | 说明 |
---|---|
基本 | |
圆角 | 设置图元的圆角半径大小,为 0 时无圆角 |
边框 | 设置图元的外边框粗细和颜色 |
投影 | 设置图元组件的背景投影样式,包括阴影颜色、X、Y、模糊、扩展,可以使图元组件更具立体感 |
切换点样式 | 设置开关中切换点的圆角、边框、背景等基本样式 |
操作 | |
动作 | 设置开关在点击时的动作模式: 切换:点击开关图元时,开关状态在 ON、OFF 之间进行切换; 点动:点击开关时置为 ON,松开置为 OFF; 置 OFF:将开关状态置为 OFF; 置 ON:将开关状态置为 ON; |
询问框 OFF>ON | 开关从 OFF 置为 ON 时会弹出询问框,点击确认后状态才会改变 |
询问框 ON>OFF | 开关从 ON 置为 OFF 时会弹出询问框,点击确认后状态才会改变 |
输入
属性 | 说明 |
---|---|
交互变量 | |
读取变量 | 选择需要读取数据的变量 |
读写一致 | 设置显示的值是否和读取变量的值一样,关闭后可以绑定新的变量显示,默认为是 |
显示类型 | 输入图元显示值的样式类型:默认显示明文值;选择密码时,将使用 · 进行代替,保证数据的私密性 |
样式 | 基本样式请参考图元组件的公共属性 |
图标样式 | 是否显示输入图标,默认显示,支持设置图标大小以及颜色 |
前缀/后缀 | 是否在显示输入值增加前后缀,默认为不显示,支持设置前后缀的基础样式 |
位显示
属性 | 说明 |
---|---|
基本 | |
反向显示 | 反向显示变量的状态值 |
显示模式 | 设置图元的显示模式:默认为常亮,选择闪烁时,图元将根据设置的【闪烁间隔】进行闪烁 |
闪烁间隔 | 设置图元闪烁的间隔时间,默认为 1000,单位 L 毫秒,范围:1000-5000 |
边框设置 | 设置图元的外边框粗细和颜色以及投影样式 |
状态 | |
读取变量 | 选择需要显示状态的位变量 |
状态使用图片 | 位显示默认使用颜色样式,启用后,可以使用自定义图片来显示状态 |
状态配置 | 设置 OFF 和 ON 状态的颜色样式 |
字设定
属性 | 说明 |
---|---|
事件 | |
写入变量 | 选择需要写入数据的变量 |
提示文本 | 在点击图元时,会出现弹窗进行提示,文本为空不提示 |
功能 | 字设定图元的功能: 赋值:将固定的操作数值写入变量中; 递增:在变量值的基础上递增指定的操作数值; 递减:在变量值的基础上递减指定的操作数值 |
操作数 | 赋值、递增或递减时的操作值 |
阈值类型 | 写入变量的上限类型,可以使用静态的固定值或使用变量来动态设置 |
阈值大小 | 使用静态上限的设定值 |
阈值变量 | 动态上限的变量 |
限制值返回 | 写入值超过上限后返回值 |
字显示
属性 | 说明 |
---|---|
样式 | 设置图元组件的圆角、边框、投影等基础样式 |
状态 | |
读取变量 | 选择需要显示状态的字变量 |
超出使用 | 设置当读取的变量值超出设定状态后使用的某个状态或不显示 |
状态配置 | 设置显示的状态样式,默认有 2 个状态,可自行添加 |
背景 | 设置状态背景颜色 |
文字 | 设置状态的文本内容支持多语言 |
图片 | 状态背景默认使用纯色背景,可以使用图片替换,使用图片后,背景色失效 |
文字样式 | 文字样式设置请参考字体类公共属性 |
下拉框
属性 | 说明 |
---|---|
样式 | 详细样式设置请参考图元公共属性 |
图标样式 | 设置是否显示下拉图标,默认显示,支持设置图标的大小及颜色 |
状态 | |
读写变量 | 选择需要设置的变量 |
读写一致 | 设置显示的值是否和读取变量的值一样,关闭后可以绑定新的变量显示,默认为是 |
超出使用 | 设置当读取的变量值超出设定状态后使用的某个状态或不显示 |
状态配置 | 设置显示的状态样式,默认有 1 个状态,可自行添加 |
状态文本 | 设置下拉内容的文本,支持多语言 |
进度条
属性 | 说明 |
---|---|
设置 | |
类型 | 进度条数据来源,支持使用读取数值型变量值或使用静态值,默认使用变量 |
变量 | 使用变量时绑定的变量 |
静态值 | 使用静态模式时的静态值 |
限制 | 进度条值得上下限值,默认 0~100 |
文本设置 | |
显示文本 | 图元组件中是否显示当前值,默认显示 |
显示类型 | 数值显示类型: 百分比:当前值占上限值的百分比; 实际值:显示变量或静态值的实际值 |
单位设置 | 设置图元组件中数值的单位 |
小数点位 | 设置图元组件中数值的小数位数 |
赋值
属性 | 说明 |
---|---|
基本 | 支持设置图元的透明的、背景色、边框等基础样式 |
交互变量 | |
写入变量 | 需要写入的变量 |
类型 | 写入数据的类型,静态值或者某个变量的值 |
写入值 | 写入的静态值 |
写入值变量 | 写入值的变量 |
询问框 | |
启用询问 | 在赋值前是否二次询问,默认不启用 |
类型 | 询问文本的类型,固定的文本还是变量值 |
静态值 | 询问的固定文本 |
变量 | 询问值得变量 |
内容 | 设置赋值按钮的文本相关配置 |
超链接
属性 | 说明 |
---|---|
基本 | 支持设置图元的透明的、背景色、边框等基础样式 |
设置 | |
类型 | 跳转链接得类型,是固定链接还是通过变量值 |
链接地址 | 固定链接的值 |
链接变量 | 链接值的变量 |
新窗口打开 | 是否在新的浏览器窗口打开,默认启用 |
询问框 | |
启用询问 | 跳转前二次确认,默认不启用 |
类型 | 询问文本的类型,固定的文本还是变量值 |
静态值 | 询问的固定文本 |
变量 | 询问值得变量 |
内容 | 设置超链接按钮的文本相关配置 |
批量赋值
属性 | 说明 |
---|---|
基本 | 支持设置图元的透明的、背景色、边框等基础样式 |
交互变量 | |
赋值方式 | 批量复制的方式,顺序赋值还是同时赋值。 顺序赋值:按照指定的赋值顺序,依次赋值,中间某个赋值失败后,后续不再继续执行; 同时赋值:所有变量同时进行赋值操作,互不影响 |
写入变量 | 需要写入的变量 |
类型 | 写入数据的类型,静态值或者某个变量的值 |
写入值 | 写入的静态值 |
写入值变量 | 写入值的变量 |
询问框 | |
启用询问 | 跳转前二次确认,默认不启用 |
类型 | 询问文本的类型,固定的文本还是变量值 |
静态值 | 询问的固定文本 |
变量 | 询问值得变量 |
内容 | 设置批量赋值按钮的文本相关配置 |