在EPKS的组态过程之中,流程图的绘制至关重要,其为最主要的人机操作界面。因此,一幅流程图的质量高低会直接影响到生产工作的效率,甚至影响到现场的安全。因为我们需要让工艺工程师能够在现场发生异常的情形下,能够对此状况做出及时有效的反应,所以,流程图的制作原则之中很重要的一条就是流程图的标准化。
而层叠样式表(CSS-Cascade Style Sheets)的使用,就是标准化流程图设计的一个重要方法。
CSS是一种用来表现HTM或者XML等文件样式的计算机语言,由于目前Honeywell的HMIWeb Display Builder生成的目标文件就是HTM,因此,可以使用CSS用以标准化多幅流程图。在CSS文件之中,我们可以预先定义好诸如颜色、线条粗细、字体等多个属性,并汇总为Style。当相关流程图引用此CSS文件时,我们可以应用此Style到相应对象,这样,无论是在流程图的建立过程,还是在流程图的维护过程中,都可以大量节约人工成本,标准化流程图。
如上图所示的CSS文件,我们预先定义完成3个Style,分别是:Background_Style,MyObject_Style和VectorAndAlpha_Style,在这三种Style之中,其填充颜色、线条类型、图片地址等相关信息已经建立完成。需注意,在Style的建立过程中,要遵守如下规则:
Style的类名称(Class Name)必须以“.”开头,如“.Background_Style”;
Style的类名称(Class Name)不能包含空格;
每一个单独的Style需以“{”开始,并且以“}”结束;
使用“/*”标注注释。
其主要属性如下表所示:
当CSS文件制作完成之后,需链接此文件到相应的流程图,如下所示:
当链接完成之后,针对流程图文件的每一个对象(Object),即可单独选择不同的Style以使用。