第二节

一、画面概念

• 画面，也称“人机界面”，也称“可视化”。
• 是易控天地工程的使用人员与其进行交互的软件界面，工程使用人员通过图形化、可视化的软件界面获取工程信息，并发布指令。
• 是工程使用人员和工程之间的媒介，在自动化监控和信息管理系统中占有十分重要的地位
• 简单的画面，例如在一个设备监控项目中，显示设备本身运转参数和生产数据，下发命令参数改变工艺和设备状态，显示所有报警信息及其处理情况，当日生产情况形成报表，等等。
• 复杂的画面，例如在一个指挥调度系统中，指挥调度人员通过大屏幕上的GIS地图、布局图、工艺流程图、视频、三维模型、统计分析图等内容，及时了解系统状况，并根据情况发布调度命令是指挥调度的重要环节。

二、易控画面特点和相关名词

易控天地画面功能极大增强，具有业内最为高端的人机交互效果，除了直观炫酷效果之外，还能够直观、准确、多维、全面地将企业监控管理过程中的所有与数据、图像等相关的信息展示出来。

• 具有专业的画面制作系统，支持画面高效开发
• 具有丰富的图形库，支持二维和三维图形动画
• 支持图形模板、画面模板、画面分层，满足复杂画面制作
• 支持无极缩放、大画面导航、分辨率自适应
• 支持大屏和多屏显示，界面显示非常灵活，调度指挥、数据中心青睐此功能
• 完全兼容Exc报表，丰富的图表混排，强大的统计分析媲美专业报表软件
• 支持画面回放，以动画形式再现历史，丰富追溯手段

名词	含义
布局和区域、画面	“布局”是一种排列方式按照一定规则排列画面，布局由多个区域组成，每个区域对应一个画面。 “画面”在工程人机界面中显示各种文字和图形等来模拟监控现场、场景或过程、通过图形动画、图表、曲线等各种图形形式显示动态变化的数据，接受工程使用人员的指令来控制设备、修改参数。
虚拟屏幕和物理屏幕	物理屏幕是工程运行电脑用于显示工程界面的显示器，当电脑具有多个显示器时，物理屏幕可以是所有显示器，也可以是其中的一个或多个显示器工程界面显示的屏幕是一个虚拟屏幕，所有的界面是先显示在虚拟屏幕上，然后再映射到实际的物理屏幕上（一个或多个显示器）
属性、动画和事件	属性：画面或者图形元素具有的名称、描述、大小、背景等内容。 动画：画面上的相关图形对象的颜色、形状、大小、位置、内容等根据变量的变化而变化的过程。通过它来展现监控现场的状况。 事件：在监控界面上通过对对象的鼠标操作，执行相关的动作，比如输入数值、执行相关命令等。
画面模板、图形模板和组合图形	画面模板是代表一类画面的。外观和其它特性相同但变量不同的画面可以作成画面模板。画面模板能大幅度减少画面开发的工作量。 组合图形是由多个基本图形对象组合后形成一个全新图形对象。图形模板是用户把画面上的组合图形放到图形模板工具箱中形成的其它工程也可以使用的一种全新图形工具。
画面分层	根据工艺流程要求等，画面建立图层放置不同的监控内容，使画面监控内容显示更加有序，直观。
插件和组件	专门设计，具有特有属性，丰富和增强监控系统的功能和效果的图形组件。

三、画面的建立、管理，开发和运行

• 画面的建立
  • 第一步确定屏幕，定义虚拟屏幕大小、物理屏幕个数等
  • 第二布定义布局，一个布局包含多个区域，一个区域指定一个默认画面
  • 第三步新建画面，画面显示到布局的每一个区域中
• 画面的管理
  • 分组管理、新建组、组下新建画面
  • 新建画面、画面的属性
  • 画面的复制、导入、导出
• 画面内容的开发
  • 从图形工具箱选取图形，图形属性、图形编辑、图形模板、常用控件
  • 图形动画配置，常规动画、复合动画
  • 图形的事件操作
• 画面的运行
  • 静态画面的显示
  • 数据驱动的动画刷新
  • 操作画面或者画面对象产生动作

四、画面内容的开发

屏幕：虚拟屏幕，映射到计算机的物理屏幕（一个或多个显示器）

布局：和虚拟屏幕大小一致，画面依托于布局，每个区域对应一副画面。

画面：工程界面的主要构成部分，工程界面由若干个画面构成，画面由图形对象构成，图形界面是人机交互的主要途径。画面可分组管理。

画面属性

• 未打开画面
  • 区域：该画面属于哪个布局
  • 适应：画面在布局中以哪种方式填充
    • 不：不适应，原始画面多大，在布局中就多大
    • 区域：平铺（填充满）到布局
    • 按比例
    • 区域宽度
• 打开画面
  • 大小
  • 背景：修改背景颜色、图片

以下内容具体操作请观看第二节视频

1、图形工具箱介绍基本图形和高级图形工具

2、图形工具箱的工具使用：绘制和修改、属性介绍

3、图形对象的编辑，组合图形及图形模板

4、动画和事件定义

5、画面预览

五、画面模板、大画面、画面分层

• 画面模板
  • 满足大量相同监控对象的监控需求
  • 模板的建立、导入导出和运行
• 大画面
  • 画面大于区域大小
  • 大画面的操作：缩放、平移、导航等
• 画面分层
  • 大系统和复杂系统经常用到的高级功能画面分层支持的操作

六、布局和大屏多屏

• 使用布局的意义
• 布局、布局区域和窗体
• 布局的建立、预览
• 起始布局、起始画面
• 布局模板

工程设计提示

• 画面设计通常要考虑的原则：一致性（例如颜色一致、大小相等、对齐等）；重要性（例如画面中的元素的颜色、 布局应与所显示的数据的主次重要程度相匹配)；顺序性（例如画面及画面中的图形元素的访问顺序应尽量与操作顺序一致)。
• 画面的层次设计应与所监控的生产装置的规模相对应，不宜过多，但也不应将多个层次的信息堆放在一幅画面中显示。例如对于一个中等规模的工厂监控项目而言，可以划分为三个等级：厂级（展示全流程的结构和相关关系)、流程级（展示相对独立的一套生产流程）和单元级（展示具体某一设置或装置)。
• 画面分区需要仔细规划，包括导航区、标题、菜单栏、功能区、信息提示区。
• 画面上的重要操作应提供用户确认、允许取消等操作。
• 画面颜色和字体：为避免颜色过多过杂导致信息获取困难，同一画面中的颜色一般不超过4~5种，背景色与前景色应有明显的差异，背景色应暗淡，宜采用灰色或蓝色，前景色应明亮一些，提示和警告信息宜采用红色和黄色。同画面中的字型也尽量统一，采用简洁清晰的字型，易于辨识。