v0.8 更新了什么 —— 元件外观自己画,电气图会通电

v0.8 主攻两件事:① 元件长什么样,现在你说了算 —— 内置三套皮肤,也能自己写一份存成单文件发给同事;② 图元库添了一组电气原理图符号 —— 连上线、标上电位,电流会流动、触点会合断、电机会转。一个是"好看",一个是"专业",都往前迈了一步。

---

一、元件皮肤 —— 软件没有的外观,自己画一份

以前按钮能换皮肤,别的元件只能用它自带的样子。这一版把"换皮"推到了所有元件:指示灯、液位罐、管道、仪表、进度条……凡是摆上画面的东西,外观都能整份换掉,而属性、绑定、事件、脚本一个都不变—— 元素还是那个元素,只是不画默认样子;清空皮肤就回到默认外观。

两种做法,按需选:

• 样式模式:写 HTML + CSS(安全档,脚本会被剥掉)—— 只想改配色、圆角、发光这类静态外观,用它最省心。

• 脚本模式:在沙箱里跑 JS —— 能做 canvas 动效,比如跟着液位涨落的波浪、随点值呼吸的光。

三套内置皮肤,开箱就能用:发光描边(给液位罐、管道加一圈呼吸光)、报警脉冲(故障时整块闪)、液位波浪(波浪跟着液位走)。内置这三套改不了也删不掉,但能「复制为自定义」再改 —— 拿它当模板最快。

皮肤能存成一个文件发给同事。导出来就是一份 .hmiskin,对方在「管理皮肤 → 导入」里收进去即可;同名 Id 已经存在时,可选改名、覆盖或跳过。一套皮肤做好,整个团队复用。

管理皮肤都在一处,还带实时预览。新建、编辑、复制、导出、删除集中在一个对话框:内置的排前面(只读,只给「复制为自定义」和「导出」),自己建的排后面。下方是 200×120 的固定画布,改一行代码就跟着变;勾「点亮」能看两种状态下的样子。代码框分「外观 HTML / 样式 CSS / 用户 JS」三个页签,有内容的页签带个小圆点(免得以为内容丢了)。

皮肤丢了不会丢元件。皮肤被删掉、或工程拷到没有这份皮肤的机器上,元素自动退回默认外观,画面照样能用 —— 不会因为少个文件就开天窗。

AI 也认得皮肤了。内置 AI 助手和外部 AI(MCP)都能列出、新增、修改、删除、导出、导入皮肤;问某类元件有哪些可调项时,「皮肤」会连同说明一起列出来 —— 它想"换个外观"时就知道有这条路,而不是只去改颜色。

---

二、电气原理图 —— 画完线就能通电

设备电气图一直是组态软件的空白:要么另开一套 CAD 画,要么干脆不画,现场调试时"图纸在抽屉里、画面在屏幕上",两回事。v0.8 把电气原理图搬进了组态画面 ——符号按 GB/T 4728 画,线拉到端子上,母线标个电位,合上开关整条回路就动,而且它和你的点表、你的画面是同一套东西。

24 个原理图符号,不是"设备图标"。按国标画法,不是单线图那种方块:

• 主回路:三相电源进线、断路器、熔断器、接触器主触点、热继电器发热元件、三相异步电机。

• 控制回路:常开 / 常闭触点、接触器线圈、热继电器常闭、启动 / 停止按钮、指示灯、延时闭合 / 延时断开触点、行程开关。

• 其他:接地(PE)、中性线(N)、导线连接点、双绕组变压器、变频器、固态继电器。

每个符号有两套形态。触点默认是断开画法,线圈得电、按钮按下就切到"动作"形态;三相电机切到动作会转起来。切换不用你管 —— 绑上开关点,值变它就变。

连线:把线拉到端子上就行。导线端点靠近元件端子会自动吸附,不用像素级对齐;折线随便拐,分叉处放一个「导线连接点」;母线就是一条线—— 画条直线,在属性面板填上电位(L1 / L2 / L3 / N / PE),它就成了带电的母排,不用再摆一个电源符号。

通电:有电流的线会流光。母线标好电位,一进运行态就开始算:

• 有电流的线流光,电流方向跟着走;只带电、没回路的线只显示电位、不流光 —— "线没接完"和"正在通电"一眼分得清。

• 触点真的合断:绑了开关点的常开触点,点值一到就闭合,后面那段铜立刻带电。

• 三相电机会转,旁边的转速仪表跟着走。

• 一处断开,整条回路一起灭;两段不同电位的铜被触点并到一起(典型是辅助触点接错),会判成短路并拒绝合并 —— 不会假装通电。

不写一行脚本。

它和你的点表是同一套东西。这不是一张"画着看的图":触点、线圈、按钮绑的就是点表里的点 —— 点变了图就变,图上按按钮点就变。样例工程里有一套三相电机起停回路,可以直接打开看:右侧一个开关绑内部变量,点它,主回路和控制回路一起动作。

和监控画面摆在一起。电气原理图就是普通画面里的普通元件:能和趋势图、报警列表、操作按钮摆在同一张画面,也能放进母版、能挂皮肤。设备电气图和运行监控不用两个软件、两份图纸—— 客户看到的是一张会动的图,而不是一张静态截图。

---

三、顺手修掉的一批"看着不对"

• 皮肤预览不再铺满整个窗口。 以前新建皮肤时预览会撑满整个弹窗,只剩中间一个标签;现在预览区有自己的固定画布,皮肤只在里面画。

• 新建 / 编辑皮肤的窗口不再又高又乱。 三个代码框原来同时摊开、滚到底也看不到预览;现在改成页签,一次只摊一个。顺带修掉两处:两层弹窗叠在一起看着像点不动、按一次 Esc 会把两层一起关掉(填的东西全没了)。

• 「复制过来的皮肤只有 JS」其实是正常的。 样式模式的皮肤本来就不需要 JS,脚本模式的本来就不需要 HTML / CSS;现在代码框的提示跟着模式变,说清哪个框该空着。

---

四、已知边界(先把话说在前头)

• 皮肤只接管外观与动效:属性、绑定、事件、脚本照旧由元件自己决定。想让"点了会怎样",请用元件自己的事件,不是皮肤。

• 脚本模式的皮肤跑在沙箱里:摸不到编辑器页面、不能联网。要读点值请用元件自己的绑定,别指望皮肤去问。

• 皮肤按元件类型生效:一份只给"液位罐"写的皮肤套到按钮上,会退回按钮的默认外观。

• 电气原理图还没有「一键插入整套回路模板」:现在要逐个拖元件、拉导线;重复的标准回路建议画好一套再复制粘贴。

• 电气仿真靠端子与电位标注算:没标电位的导线不参与计算(按普通导线画);算的是"通 / 断 / 有没有电流",不是电路仿真软件 —— 不计算电流大小和压降,它是给监控画面用的,不是电气设计校验工具。

• 24 个新符号还没在 Linux 运行态逐台真机复核:要上 Linux 现场,先拿样例工程挨个试一遍。

---

一句话

v0.8 让"好看"和"专业"都往前一步 ——元件外观你能整份自己画(还能存成一个文件发给同事),设备电气图能直接在画面里连线通电、电流会流动、触点会合断、电机会转。两件事都不改你原来的点表、绑定和脚本,老工程打开照常用。