PlantCruise小课堂第八十九讲——流程图标准化之CSS

        在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的建立过程中,要遵守如下规则:

  1. Style的类名称(Class Name)必须以“.”开头,如“.Background_Style”;

  2. Style的类名称(Class Name)不能包含空格;

  3. 每一个单独的Style需以“{”开始,并且以“}”结束;

  4. 使用“/*”标注注释。


        其主要属性如下表所示:



        当CSS文件制作完成之后,需链接此文件到相应的流程图,如下所示:

        当链接完成之后,针对流程图文件的每一个对象(Object),即可单独选择不同的Style以使用。

新闻中心

联系我们

联系人:苏经理

手机:17822252668

电话:022-59650192

邮箱:tjhkkj_sales@126.com

地址:天津市津南区恒生科技园