Skip to main content

教程：可视化冰箱控制器

本教程演示如何将可视化添加到项目并将可视化元素链接到控制程序的变量。

准备

本指南基于示例程序 RefigeratorControl，在 “你的第一个程序” 一章中对此进行了介绍 CODESYS“已创建。完成的程序可以在的安装目录中找到 CODESYS 在子文件夹中 Projects。

有关更多信息，请参阅： 你的第一个 CODESYS 程序

创建可视化

. 可视化由以下三个可视化屏幕组成：

  • Visualization: 冰箱的控制元件和显示屏

  • Diagnosis：设定和实际温度、参数设置的历史记录

  • Live Visu: 带冰箱的动画

  1. 选择对象 Application 在设备树中。

  2. 选择该命令 项目 → 添加对象 → 可视化。

  3. 键入一个名字 Live_Visu 一个。

  4. 使用名称再创建两个可视化 Diagnosis 和 Visualization.

可视化结构 Visualization

该屏幕由冰箱的控制和显示元件组成。

_visu_img_tutorial_refrigerator_elements_control.png

  • _1_r.png : 实际温度的数字显示

  • _2_r.png : 用于显示实际温度的指针式仪器

  • _3_r.png : 目标温度的数字显示

  • _4_r.png : 用于设定目标温度的电位计

  • _5_r.png : 压缩机灯刻字

  • _6_r.png : 压缩机灯亮了

  • _7_r.png : 信号灯的标签

  • _8_r.png : “关门” 信号灯

  • _9_r.png : 切换到打开和关闭冰箱门

  1. 打开可视化 Visualization 在编辑器中。

  2. 拖动 矩形 可视化元素进入编辑器。

    . 更改以下属性

    • 文本 → 文本 : Actual temperature: %2.1f °C

    • 文本变量 → 文本变量 : Glob_Var.rTempActual

  3. 拖动一个 仪表 180° 编辑器的可视化元素。

    . 更改以下属性

    • 价值： Glob_Var.rTempActual

    • 斯卡拉 → Scalenende : 20

    • 斯卡拉 → 主规模 : 5

    • 斯卡拉 → 亚规模 : 1

  4. 拖动一个 长方形 编辑器的可视化元素。

    . 更改以下属性

    • 文本 → 文本 : Temperature presetting: %.1f °C

    • 文本变量 → 文本变量 : Glob_Var.rTempSet

  5. 拖动 电位计 可视化元素进入编辑器。

    . 更改以下属性

    • 变量 : Glob_Var.rTempSet

    • 背景 → 背景颜色: 黄色

    • 齐格尔 → 颜色: 红色

    • 斯卡拉 → 子尺度位置 : 外面

    • 斯卡拉 → 规模的开始 : 3

    • 斯卡拉 → Scalenende : 13

    • 斯卡拉 → 亚规模 : 1

    • 斯卡拉 → 主规模 : 1

    • 刻字 → Einheit : °C

    • 刻字 → 比例格式（C 语法） : %.0f

    • 刻字 → 标签的最大宽度 : 21

    • 刻字 → 标签高度 : 15

  6. 拖动 标签 可视化元素进入编辑器。

    . 更改以下属性

    • 文本 → 文本 : Cooling compressor

  7. 拖动 灯 可视化元素进入编辑器。将其放在 “” 后面Cooling compressor“文本。

    . 更改以下属性

    • 多变的： Glob_Var.bCompressor

  8. 拖动一个 标签 编辑器的可视化元素。

    . 更改以下属性

    • 文本 → 文本 : Signal (Beep)

  9. 拖动一个 灯 编辑器的可视化元素。将其放置在文本“信号（哔）”后面。

    . 更改以下属性

    • 多变的： Glob_Var.bSignal

    • 背景 → Bild : Rot

  10. 拖动一个 长方形 编辑器的可视化元素。

    . 更改以下属性

    • 文本 → 文本 : Door open

  11. 拖动 摇杆开关 编辑器的可视化元素。

    . 更改以下属性

    • 多变的： Glob_Var.rDoorOpen

可视化结构 Diagnosis

在此屏幕中，您可以监控温度曲线并优化参数。

_visu_img_tutorial_refrigerator_diagnosis.png

  1. 标签 标题的元素

  2. 追踪 用于显示温度曲线的元素

  3. 矩形 用于显示值的元素

  1. 打开可视化 Diagnosis 在编辑器中。

  2. 拖动一个 标签 编辑器的可视化元素。

    . 更改以下属性

    • 文本 → 文本 : Refrigerator Diagnosis & Service Menu

    • 文本属性 → 字体 : Arial, Standard, 18

  3. 拖动一个 痕迹 编辑器的可视化元素。

  4. 点击 Diagnosis_Trace1 的价值 痕迹 财产。

    这 跟踪配置 对话框打开。

  5. 选择 任务 任务 MainTask 关闭。

  6. 点击 添加变量 关联。

    一个变量被添加到跟踪中。变量设置显示在对话框中。

  7. 选择 Glob_Var.bCompressor 为变量。

  8. 添加 Glob_Var.rTempSet 和 Glob_Var.rTempActual 跟踪变量。对于其他设置，您可以使用默认值。

  9. 点击 好的 退出对话框。

  10. 拖动一个 长方形 编辑器的可视化元素。将其放置在微量元素旁边。

    . 更改以下属性

    • 文本 → 文本 : %s

    • 文本变量 → 文本变量 : PLC_PRG.rHysteresis

  11. 配置输入配置 OnMouseDown 元素的。为此，请单击 输入配置 → OnMouseDown → 配置。

    这个 输入配置 对话框打开。

  12. 分配 写变量 行动的命令。接受默认值并单击 好的.

  13. 拖动一个 标签 编辑器的可视化元素。将其放置在第一个矩形上。

    . 更改以下属性

    • 文本 → 文本 : Hysteresis Regulator

  14. 调整两个元素的大小和位置。

  15. 选择两个 长方形 和 标签 元素并通过复制和粘贴的方式复制它们。

  16. . 调整复制元素的标签和变量。

    • 文本: Compressor Efficiency

      文本变量: Simulation.P_Cooling

    • 文本: Environment Efficiency

      文本变量: Simulation.P_Environment

    • 文本: Environ. Efficiency DoorOpen Sim

      文本变量: Simulation.P_EnvironmentDoorOpen

    • 文本: Time until Beep for DoorOpen

      文本变量: Glob_Var.timDoorOpenThreshold

    • 文本: Time until Beep for Compressor On

      文本变量: Glob_Var.timAlarmThreshold

结构 Live-Visu 可视化

该屏幕包括冰箱的表示。冰箱由几个多边形类型的可视化元素组成。冰箱的门在关闭和打开状态下都被拉动。两扇门都由一组单一元素组成。

_visu_img_tutorial_refrigerator_elements.png

  1. 打开可视化 Live_Visu 在编辑器中。

  2. 选择可视化元素 多边形 在视野中 可视化工具。

  3. 在编辑器中单击几次以创建曲面。右键单击以停止添加角标记。

  4. 将顶点移动到所需位置，这样元素就可以了 _1_r.png 出现。

    _visu_img_tutorial_polygon1.png

  5. 选择元素。

    . 更改以下属性：

    • Farben → 渐变 使用： _cds_icon_checked.png

    • 外观 → 线路类型 : 隐形

  6. 点击该属性 颜色 → 使用渐变。

  7. 选择颜色 灰色的 为了 颜色 1 在里面 渐变编辑器 对话。

    _visu_img_tutorial_polygon2.png

  8. 使用 多边形 可视化元素。

  9. 对封闭门的元素进行分组 (_2_r.png， _3_r.png， _4_r.png）和敞开的门（_5_r.png， _6_r.png， _7_r.png， _8_r.png）。要执行此操作，请按选择元素 移动按钮并选择命令 可视化 → 组。

  10. 将这些元素一起移动，以形成完整的冰箱。将打开的门精确定位在关闭的门上。

  11. 选择群组 “Offene Türe“。

  12. 在属性中，双击输入字段 状态变量 → 隐身 。

  13. 按 F2 打开输入助手。

  14. 在类别中选择 变量 变量 rDoorOpen 关闭（低于 Application → Glob_Var）。

  15. 使用否定变量 NOT (→ NOT Glob_Var.rDoorOpen）。

    如果 rDoorOpen 变量为 FALSE（门已关闭），则元素不可见。然后下面的门是可见的。

    当变量变量时 rDoorOpen FALSE 是（门关上了），元素变得不可见。这使下方封闭的门清晰可见

  16. . 从可视化图像中复制以下元素 Visualization:

    • 设定温度的电位器

    • 显示设定温度的矩形

    • Door open 转变

    • Cooling compressor 灯

    • Signal (beep) 灯

  17. 将剪贴板中的元素插入到 Live_Visu 可视化屏幕。

  18. 减少元素并将它们放置在冰箱上。

    _visu_img_tutorial_refrigerator_complete.png

在线模式下的可视化（模拟）

可视化完成后，在模拟模式下进行测试。

  1. 选择该命令 在线 → 模拟 。

  2. 选择该命令 在线 → 登录。

    将打开一个对话框并提示您创建和下载应用程序。

  3. 点击 是的 确认对话框。

  4. 选择该命令 调试 → 开始 。

  5. 打开可视化 Live_Visu 在编辑器中。

    冰箱处于联机模式。

  6. 用开关打开门并监控温度和警报。更改屏幕中的参数 Diagnosis 并观察温度曲线中的反应。

本节内容如下: