示例：UML：咖啡机状态图 产品 ： CODESYS UML 这 UML_SC_CoffeeMachine.project 示例显示了如何使用 UML 状态图对分配机的行为进行编程。 描述 状态图中说明了咖啡机的完整流程。包含动作和方法的状态和转换元素用于此目的。 有关详细信息，请参阅： 教程：状态图 系统要求和限制 编程系统 CODESYS Development System （版本 3.5.

例子 CODESYS Application Composer 本节内容如下 :

示例：应用程序编辑器示例 产品 ： CODESYS Application Composer 该项目包包含各种示例。每个示例项目都描述了特定的功能 CODESYS Application Composer 。这些示例让您大致了解该应用程序的功能 CODESYS Application Composer 。 描述 . 例子 解耦模块 此示例展示了如何使用解耦模块。解耦模块可以用作顶级模块或作为其他模

CODESYS Visualization CODESYS GmbH 版本：V4.6.0.0，2024 年 5 月 www.codesys.com 最后更新: Thu, 24 Oct 2024 09:18:59 本节内容如下 :

CODESYS Visualization 这 CODESYS Visualization 附加组件允许创建完全集成的用户界面 CODESYS Development System 基于可用的可视化元素。它们显示在目标设备、PC 或 Web 浏览器中。这也可以同时基于相同的数据集。 您可以创建结构化的用户界面，其中包含以任何复杂方式互连的可视化。 您可以与应用程序一起监视用户界面，或将其用于测试和

概述 万物一体 CODESYS 项目 随着 CODESYS Visualization 附加组件，在您的项目中，您可以为您的应用程序创建合适的用户界面。为了可视化这一点，您将可视化链接到您的应用程序数据。 在创建可视化和应用程序时，您可以使用常用功能，例如，作为库和源代码管理或在整个项目中查找/替换。 注意 示例项目：“Visu Demo Factory” 移动设备的示例项目 有关详细信息，请参阅

开发环境和项目的准备 默认设置 您可以在下面看到哪些默认设置可用于可视化。 范围 设置位置 环境 始终 CODESYS 选项：可视化 可视化样式 可视化编辑器：显示、处理 基本文本和图像文件的路径 可视化风格 对话框：自定义 - 菜单 可视化菜单的调整 在整个项目中 可视化 可视化配置文件 可视化元素的属性处理 基本文本和图像文件的路径 已准备好内容的符号库 可视化配置文件 项目特定 可视化配置文

用元素设计 可视化编辑器提供了用于设计用户界面的可视化元素 可视化工具箱 看法。 将所需元素拖到编辑器视图中并在 特性 视图：纯视觉设计、标签、数据显示、对用户输入的反应、输入值的可能性等。 属性的静态或动态配置是可能的。这意味着分配固定值或分配应用程序变量。动态配置允许在运行时执行动画。 有关更多信息，请参阅： 可视化工具箱 注意 使用可视化元素和事件的示例项目 本节内容如下 :

选择元素 这 可视化工具箱 view 提供以下元素供选择： 设置的可视化配置文件定义的所有可视化元素。 来自集成库或符号库的项目所有图像的图像元素。 用于项目的所有可视化或来自集成库的框架元素。 提示 看 对话框：项目设置 - 可视化 对于当前设置的可视化配置文件和当前使用的符号库。 元素被组合成特定的类别，每个类别都有自己的按钮 可视化工具箱 看法。您可以创建新类别并分配其元素。 类别的元素显示

定位元素，调整大小和图层 可视化是以像素为单位的光栅图像。像素位置以 X/Y 坐标指定。原点 (0,0) 位于窗口的左上角。正 X 值向右运行，正 Y 值向下运行。元素在可视化 Z 轴上的位置由元素列表中的位置控制（见下文）。 在编辑器中配置大小和位置 元素的大小和位置被指定为像素坐标 特性 看法。这些设置同时以图形方式显示在编辑器视图中。 当您从 可视化工具箱 view 到编辑器视图，它显示为选