前阵子帮朋友调一套空压机触摸屏程序打开他做的威纶通画面说实话功能全有就是颜值太惨——灰底白框的默认按钮一排排原件堆着客户每次验收都皱眉。我直接帮他把威纶通触摸屏图库模板程序调出来用现成的图库素材和页面框架重排了一版前后花了不到半天界面立刻精神了客户那边也顺利签字。这个事儿让我特别有感触很多电气工程师不是不会组态是根本没把“界面设计”当回事。这篇就把我从普通画面到高颜值画面的完整改造思路分享一下尤其适合做设备配套、非标自动化、空压机/水泵/烤箱这类单机控制的工程师以及所有正在用EBPro写威纶通工程的兄弟。1. 为什么你的触摸屏界面总显Low图库模板到底解决什么问题1.1 默认控件做出来的画面差在哪儿威纶通的EBPro默认控件其实不算丑但问题是大多数人直接拿原始按钮、原始数值显示、原始指示灯往画面上摆摆完就再也不调了。结果就是按钮是方方正正的灰色块指示灯是千篇一律的圆形画面背景是默认的浅灰连个区隔都没有。这种界面不能说不能用但给客户的直观感受就是“粗制滥造”。我做过的客户现场里很多设备厂的电气图纸、装配工艺都挺规范一到触摸屏界面就露怯。原因很简单我们学PLC、学触摸屏组态的时候教程里教的都是“怎么把按钮连上变量”“怎么显示报警”没有哪个老师会教“怎么让画面看起来专业”。可客户不这么想他们看设备的第一眼就是看屏幕屏幕好不好看直接影响他们对整台设备的质量判断这事儿在卖设备时尤其明显。再有一个隐形问题默认控件之间的风格是割裂的。你放一个默认按钮、放一个默认指示灯、再放一个默认数据显示框三者之间没有任何统一的视觉语言颜色、粗细、字体都不一样组合在一起就显得很“乱”。而图库模板程序恰恰解决的就是这个“统一性”问题。1.2 图库模板程序不是“皮肤”是一套完整工程框架接触过一些模板程序的朋友有个误区以为图库模板就是一堆PNG图片贴上去就完事。其实威纶通的图库模板程序通常包含三层东西。第一层是图片素材库也就是系统自带的“图库”功能里面有几千张位图、矢量图、按钮、指示灯、管道、阀门、电机等工业图形比你想象中丰富得多。第二层是完整的画面框架比如一个标准的操作主画面、参数设置画面、报警记录画面、趋势图画面连窗口大小、弹出位置、切换按钮都给你排好了。第三层才是真正值钱的——配套的宏指令、变量规划、数据日志、用户权限设置甚至包括一些通用的PLC通讯配置。拿我常用来改空压机程序的模板来说它的主画面里已经预置了页眉、页脚、导航按钮组、状态指示灯区、数据显示区五个区域的颜色搭配是统一设计过的字体层级也分好了。我只需要把按钮改名、把变量重新映射到我的PLC地址上画面直接就成型了。相比从零开始拖控件能省掉至少一半的时间而且出来的效果比自己“凭感觉排版”高出好几个档次。所以图库模板程序本质上是一个“带设计经验的工程脚手架”它把界面工程师的审美和逻辑一起打包给你。你用它的素材也用它的框架你省的是拖拽排布的时间得到的是专业、统一、成熟的视觉结果。这套东西适合所有想提高交付质量和开发效率的威纶通用户。2. 正式迁移前必做三步版本核对、模板选型、工程备份2.1 EBPro版本和HMI固件关系先把工具链整明白分享了很多项目先把自己的思路整理一下。2.2 模板从哪里找、怎么判断适不适合自己的机型和工艺模板的获取渠道其实比大家想的多。威纶通EBPro软件安装后自带一批示例工程在“打开工程”的示例目录里官网上有一个“图库下载”专区里面有不少按行业分类的素材包比如空压机、水泵、热泵、包装机都有另外一些行业论坛、技术群也常有人分享自己的工程模板。拿到模板后第一个要判断的是分辨率你用的是7寸屏还是10寸屏模板的像素尺寸差很多硬拿来用的话控件会撑出边界。第二个是触摸屏型号MT/TK/CMT系列内部硬件规格不同有些模板调用了特定型号才有的功能比如数据采集、趋势图等机型选不对编译都过不去。第三个是工艺匹配度你是做空压机的就别硬套一个恒温恒湿箱的模板那里面全是温湿度控制逻辑改起来比重新做还费劲。我的习惯是先看模板的窗口结构在左侧窗口列表里浏览一遍有几个主窗口、几个弹出窗口、调用了哪些公共宏。窗口多不代表好关键在于够不够清晰。一个成熟的模板窗口命名应该是有规律的比如“Main”“Param”“Alarm”“Recipe”而不是一堆Window1、Window2、Window3。命名乱七八的模板我劝你别碰说明原作者自己都没有规划能力。2.3 工程备份与迁移正确姿势从零开始用模板和改造旧工程是两条完全不同的路我分别说。如果你是从模板开始带新项目操作顺序是先打开模板工程在“工程文件”里点“另存为”用项目名称重新命名。然后进“项目属性”把HMI型号改成你实际使用的型号再把系统参数里的型号代码改好最后逐屏修改画面内容。如果你是想把自己旧工程里的设备图画得更好看那就别急着套模板。正确做法是把模板作为一个“参考图库”打开两个工程在EBPro里同时编辑你从模板工程里复制想要的美化元件粘贴到自己的工程里然后再绑定自己的变量。直接“导入工程文件”会覆盖原有画面新手很容易把报警、配方这些东西搞丢。还有一个特别容易踩的坑改了HMI型号之后原来模板里用的元件库会变。不同型号的分辨率不同EBPro会提示“某些元件超出画面边界”这时候千万别直接点确认要一个个画面检查我用过几次“全部调整”结果把原本对齐的布局全打乱了。稳妥的做法是先把所有窗口截图存个档改完型号后再对比哪里有偏移手动拉回来。3. 实操案例空压机触摸屏程序如何用图库模板完成颜值改造3.1 原画面问题拆解和改造目标拿我上个月改的一套空压机程序当例子这个项目特别典型。原工程用的是一个老工程师的初版画面一共三页主画面、参数设置、报警。主画面上全是按钮和指示灯没有页眉没有标题也没有导航栏三个页面之间切换靠的是画面左上角两个小箭头按钮整体视觉效果基本是“功能齐全但谈不上设计”。我先列了一下改造目标给朋友看他说可行然后我们花了一个下午做完。改造目标有三个第一建立统一的视觉规范让同一层级的控件看起来是一样的比如所有启动按钮都用绿色系、所有停止按钮都用红色系第二规划版面布局增加页眉和导航区让操作者一眼知道当前在哪个页面第三把关键设备状态图形化比如用风机旋转动画替代指示灯闪烁这样机房的老师傅也能直观看出运行状态。3.2 页面布局和素材摆放页眉、导航、内容区打开图库模板后我先在一张空白画面上搭了框架画布的尺寸是1024x600的横屏这在国内10寸屏上很常见。框架分为三块顶部页眉区高度约50像素左边放设备名称“22kW空压机控制系统”右边放当前时间和操作员登录状态左侧导航区宽度约120像素放了四个导航按钮分别是“运行监控”“参数设置”“报警记录”“用户管理”剩下的就是主内容区所有设备图和操作控件都放在这里。页眉和导航的颜色我直接用了模板里自带的深蓝色渐变图块再把文本覆盖在上面。按钮用的也是模板里的立体感按钮它自带高光和阴影比EBPro默认的平面按钮立体得多。这些东西都不需要额外加工直接从图库里拖出来就能用这也是图库模板程序最省时间的地方。在摆放元件时我用了一个小技巧画面里所有按钮统一宽度180像素、高度40像素间距统一20像素在EBPro里用“格式”菜单下的“对齐”和“统一尺寸”功能一键搞定。这样保证不管放多少按钮视觉上都是整齐的不会出现一个按钮宽一个按钮窄的业余感。3.3 动态部分落地动画、内插法、变量连接很多漂亮画面之所以“动不起来”是因为大家只学了静态组态忽略了威纶通的动画功能和一个叫“内插法”的转换方式。先说动画。空压机最需要的是风机和电机的旋转效果。实现思路是在图片图库里找两张风机叶片不同角度的位图0度和180度或者直接用图库里的“旋转动画”功能设置两个状态交替显示。我用的方法是在模板里找了一组现成的风机动画元件它包含4帧图片分别对应叶片旋转的4个位置然后指定一个内部地址LW100用PLC程序每500ms把LW100加1画面就会循环切换这4帧看起来就像风机在转。效果比单纯亮一个指示灯直观多了客户看了都说好。再说内插法。这个词听起来玄乎其实就是一个线性换算。比如说空压机的压力传感器量程是0-1.6MPa输出电流是4-20mA模拟量模块读到的数值是0-4000。你不想让操作工看到4000这个数而是想看到1.2MPa之类的工程量就需要用到内插法。威纶通里最简单的内插法不用写宏在数值显示元件的“比例缩放”功能里操作。假设传感器量程0-1.6MPa、PLC读值范围0-4000那么比例值就这样算压力显示值 (原始读值 - 0) x (1.6 - 0) / (4000 - 0) 0也就是比例因子填0.0004偏移量填0。如果读数范围下限不是0比如量程4-20mA对应400-2000那就得先减下限再做比例公式就是显示值 (原始读值 - 400) x 1.6 / (2000 - 400)很多控制画面里的压力、温度、流量数字其实都需要这么换算。你把这套逻辑想明白了画面上的数就能和实际仪表对上客户操作时才有信任感。3.4 参数配置和用户权限给按钮加把锁画面好看还不够真正干活的设备必须考虑安全操作。在空压机项目里操作工应该只能做启停控制不应该随便改PID参数或压力上限设备调试工程师才应该能进参数设置页。这就牵涉到威纶通的用户权限功能。在EBPro里点击“系统参数”-“用户”可以把密码等级分成管理员、工程师、操作员三个级别默认有Admin账户密码是可改的。你给每个用户分配不同等级然后在按钮的属性里面找到“安全”选项卡设置“允许操作的最低用户等级”。比如“启动”按钮允许等级10操作员以上“修改PID”按钮只允许等级9工程师以上。实操时我习惯在页眉区放一个“用户登录”按钮调用系统自带的弹出窗口“用户登录窗口”画面跳出来让操作员输密码输对了之后按钮的可操作状态跟着刷新。这样一方面安全另一方面也显得工程很正规客户验收时经常对这一点非常认可。4. 高频坑位实录HMI未定义、素材变黑、7号窗口和按钮加密4.1 EBPro提示“未定义”导致工程文件打不开的完整解法我在技术群被问得最多的就是“工程文件打不开了提示HMI未定义”。这个问题十有八九是软件版本和工程文件里的机种信息不匹配造成的。威纶通的EBPro版本对老工程不是完全兼容的高版本能开低版本低版本开高版本就会报错还有一些工程是从别的工程师手里拷来的里面的HMI型号代码在当前EBPro版本里不存在软件就不知道你用的是哪款屏。摸索出来的解决办法是先看报错的具体描述如果里面带有“HMI(174)未定义”这类的字样基本就是机种不匹配这时候不要乱点直接换一台电脑上装了对应版本的EBPro去打开。如果当前版本确实用的是高版本有一个变通招用记事本打开工程文件里的pro文件找一下“HMI”开头的字段看能不能改成现有版本支持的型号但这种方法不推荐容易把变量表搞坏。我自己的经验是工程文件一定要留两重备份一个是原始文件一个是另存出来的不同机种文件。每当我要换型号测试就用“另存为”生成新文件绝不直接覆盖原工程。4.2 图库素材导入后透明背景变黑怎么破做图库模板的时候最让人头疼的问题是图片透明背景变黑块。明明在PS里存出来的PNG是透明底导入威纶通之后就变成一块黑底放到画面上把下面的底色全盖住了特别难看。问题出在威纶通图库图片的格式处理上。威纶通对图片的透明处理是通过设置“透明色”实现的它会把图片里某个特定颜色定义成完全透明。PNG带的是Alpha通道威纶通的老图库格式不一定认就会把透明区域当成实色黑。解决方法是在电脑上把图片转成BMP然后确保想让它透明的位置是纯色比如纯紫色、纯绿色这种画面里不会用到的颜色导入到图片元件后在“图片”设置里点“透明色”再用取色器点一下这个纯色区域透明效果就出来了。但这里有个细节透明色不能和图片本身的颜色太接近否则图片的主体也会被透明掉我试过一次蓝色风机盘管图透明色选了深蓝色结果风机叶片也穿了改了半天才好。4.3 7号窗口是什么弹窗窗口怎么规划有朋友搜索“威纶通触摸屏7号窗口怎么设置”这大概率是在某个模板里看到了“窗口7”这个编号想知道它干嘛用的。威纶通的窗口编号不是系统规定死的而是每个工程自由定义的。模板程序里常常把特定的弹出窗口约定在一个固定号段比如Window1到Window10是弹窗其中Window7是“报警历史弹窗”。遇到这种问题我的建议是别猜直接在EBPro左侧窗口列表里双击“窗口7”看看里面放了什么东西。它可能是一个数字键盘、一个报警列表或者一个确认对话框。如果你想要它按弹窗方式出现确保在“控制”选项卡里把“窗口样式”设为“弹窗”并且设置“弹窗位置”。实际调试时很多模板自带的数字输入窗口需要关联一个“弹出窗口标签”你要先在窗口的全局属性里给这个窗口定义一个标签然后在其他画面里通过“弹出窗口”元件控制它。4.4 按钮加密和权限管理的常规做法“给按钮加密”这件事我在上一节提到过再补充一些模板程序里常见的处理细节。除了在按钮“安全”选项卡里设置用户等级还有一种是“软开关加密码”输入指定密码才能让按钮动作这个可以用宏实现按下去时弹出一个小键盘输入数字宏判断数字对不对对了把控制位设为ON错了就忽略。具体宏可以这么写在EBPro的宏编辑器中新增一个宏内容大致是如果GETDATA(输入寄存器)等于预设值则SETDATA(启动位, ON)否则清空输入变量。注意这里不能直接在按钮上绑定PLC变量而是要调用这个宏去操作这样即使误触按钮也不会启动设备安全性高很多。调试时我踩过坑忘记在宏前面加“中断”关闭默认触发导致画面一加载宏就跑了一遍设备自己启动了。那块怕了现在做加密宏都会先空运行几遍再连真实设备。这个问题我单独拿出来讲是因为集中整理项目时经常重犯。安全生产无小事所有关于“启动”“停止”“急停”的按钮我都强制要求至少有一层用户确认哪怕客户说不用我也留着。5. 进阶心得模板用得好不如“拆”得好5.1 颜色、字体、间距统一性三板斧图库模板用熟了以后你会发现模板给你最值钱的东西不是某个图片素材而是它的“统一性”。画面专业的秘诀其实就是三个维度的一致颜色一致、字体一致、间距一致。颜色方面我的个人习惯是整张画面主色不超过四个一个深色作为页眉和页脚的底色一个浅色作为背景一个亮色作为运行指示一个红色作为故障报警。用模板时我会先看看它的深色和浅色具体是什么色值记下来后续新加元件的时候继续沿用不用再临场发挥。实际调过的案子证明颜色控制住以后画面很难难看。字体方面初学者喜欢在同一个画面里混用宋体、黑体、楷体这是大忌。一个工程从第一页到最后一页统一用一种中文黑体字型比如“微软雅黑”字号层级控制在三级标题用24号普通文字用18号状态显示用14号。这样层级分明页面再多也不乱。间距方面手动拖出来的画面总是东歪西扭关键是没利用EBPro的对齐工具。模板程序里的控件往往已经按一定网格排好复制到新工程时这个网格也会保留。我的实际操作是选中两三个需要对齐的元件点击“格式-对齐-左对齐”再点“垂直居中”一次搞定。间距统一用20像素的倍数这个数值在12寸屏以下最合适太密视觉上会压迫太宽又会浪费屏幕空间。5.2 把模板里的交互逻辑拆出来复用说起来你可能不信很多好模板真正值钱的是宏指令和变量逻辑而不是图库里的图片。我第一次拿到一个模板时也以为是素材厉害后来深入研究才发现画面切换写法、报警记录分组、配方调用、用户权限初始化这些逻辑都是代码层面写好的。举一个例子某个模板里有“语言切换”按钮中英文界面随时切换我以前自己写要花一两天。后来把这个模板工程打开把语言切换相关的窗口标签、文字切换宏全部复制到新工程里绑定好内部变量十分钟就能用。这就是“拆模板”的价值。复制宏的时候要注意宏里用到的寄存器地址如果和新工程冲突一定要检查。我接触过的一个模板里用了LW9000-LW9100存配方参数结果新工程的报警记录也用到了这段地址两边数据互相覆盖现场调试时发现页面数据跳来跳去。最后花了两个小时重新映射地址才把逻辑理顺。所以从模板里复制宏以后第一步就是打开“变量表”把模板自身用的内部地址全部导出成Excel再和你原有的地址一对比冲突的就改掉。5.3 交付时让别人也能顺利接手最后一个比较长远的事情交付工程时热处理厂、设备厂客户往往不是写程序的人他们只管生产设备坏了找电工看画面。电工不熟悉你的工程万一某个画面打不开他很难处理。所以我在交付时工程文件里都会额外放一个“说明”文件夹放三个东西第一变量表和PLC点位表告诉后来的人某个按钮对应PLC哪个地址第二工程文件版本和EBPro软件版本说明避免他拿自家电脑的旧版EBPro打不开然后骂人第三画面设计规范简表比如主色、字体、页面编号规则这样后续谁要加画面还能照着原风格做下去。这个习惯是吃过亏换来的。早年间我做的一个小项目过了半年客户打电话说想改个画面但原来的合作电工离职了新来的电工打开工程文件就是报错最后只能把PLC程序读出来从零反推。从那以后我坚持交付文档必须齐工程备份至少两个版本。模板程序再好看别人打不开一切等于零。说到底威纶通触摸屏图库模板程序并不是什么灵丹妙药它是一套经过打磨的“审美和逻辑的沉淀”。我对它的态度是把模板当成老师和脚手架从里面偷配色、偷布局、偷逻辑然后在自己的项目里消化成自己的能力。当你已经熟练到能把模板拆开、读懂每一层设计用意的时候你的触摸屏画面就不会再被客户排在“设备短板”那一栏了。
