04 · 属性与绑定
选中一个控件,右侧(或与工程管理器同栏的)属性面板就列出它的全部属性。改属性、套样式、把属性绑到数据上、加动画——都在这里。
【配图：属性面板——一个按钮选中后平铺出的全部属性(文字/颜色/字体/样式下拉/绑定行)】
属性面板:全属性平铺
属性全部平铺、不折叠分级(易语言风格),放不下就滚轮下滑。所有属性都是数据、都能被 AI 操作(第 08 章)。常见几类:
- 位置尺寸 —— X/Y/宽/高。
- 文字/字体 —— 文本内容、字体(下拉最前是免费可商用且内嵌的字体,离线也能显示)、字号、对齐。
- 颜色 —— 填充、边框、文字色等,点开取色。
- 样式 —— 见下。
套样式:选一套现成的
产品自带大量现成样式,搭画面像挑衣服而不是调参数:
- 按钮有几十套预设样式,属性面板里有「选样式」下拉(按语义分组),也有样式画廊并存。
- 指示灯 / 棒图等也有多套预设(多态灯、渐变棒图、带刻度棒图…)。
- 下拉里的选项一律中文显示(图标位置/对齐/缩放/形状/方向/等级不露英文枚举)。
自定义按钮皮肤
工具相关入口可开「按钮皮肤管理(自定义 SVG 皮)」弹窗:列出 / 新建 / 编辑 / 删除每工程的自定义 SVG 皮肤。皮肤是矢量,任意缩放清晰;导入的 SVG 会经净化后内联渲染。
绑定:把属性接到数据上
要让控件"活"起来(显示实时值、点击写值),就给属性绑定一个数据源。点属性旁的绑定入口,弹出三段式绑定选择器——鼠标点着选,不用手打:
- 第一列选范围:全局变量 / 采集点 / 某个窗口。
- 第二列:选全局变量→列全局变量;选采集点→列点表;选窗口→列该窗口的组件。
- 第三列(选了窗口组件时):列该组件的属性。
结果:
- 选全局变量 / 采集点 → 直接用它的名字(如
转速/Pump1.Speed)。 - 选窗口→组件→属性 → 返回
#窗口.组件.属性简写(和脚本里的界面简写同一写法)。
单向还是双向
给交互控件(滑块 / 输入框 / 复选框等能改值的)绑定时,会问单向还是双向:
- 单向(→):只把数据显示到控件上。
- 双向(⇄):控件改了值也写回数据源。
纯显示属性(文本 / 填充 / 填充比例等)不问,只能单向。绑定后属性行上会标 ⇄ 或 → 提示方向。
运行态里,脚本/界面对内部变量的写值放行,对通道/PLC 点的写值受运行时闸门约束——这条安全线在底层钉死。
动画绑定
除了绑值,还能给控件加动画绑定,按数据驱动动起来:旋转 / 水平移动 / 垂直移动 / 缩放 / 管道流动。多种动画作用于不同 transform 分量,会合成而不是互相覆盖(比如又转又移)。
一句话总结
属性面板全属性平铺;套样式挑现成的(按钮几十套 + 自定义 SVG 皮肤),绑定走三段式选择器鼠标点选(交互控件问单/双向,标 ⇄/→),再按需加旋转/移动/缩放/管道流动的动画绑定——不用手打名字、不露英文枚举。