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

许可 除了一般的 许可软件指标 ，为 CODESYS Visualization 附加组件。下载期间会检查这些指标。 重要 这 CODESYS Visualization 指标在编译期间计算，并且当前值仅在之后显示在编辑器中。 确定的数值针对单个应用，当存在多个应用时，将各个应用的数值相加。 软件度量的计算 提示：首先选择您的设备，然后单击 编辑对象 命令。在设备编辑器中，选择 用于确定许可证的软

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

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

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

优化调整位置和大小 您可以根据容器元素（ 框架 或者 标签 ).为此，自动生成 Container 变量用于将容器的大小传递给从属或引用的可视化。因此，可视化可以在离线和运行时访问上级元素和对象的大小。这允许您配置可视化，以便计算可用区域并以最佳方式填充每个更改。这也适用于放置在其中的元素。 这些变量在以下情况下很有用，例如，您正在为库开发可视化，而库可视化的位置和大小取决于调用库可视化的上级可视

分配颜色 您可以通过以下方式静态配置可视化元素的颜色 颜色 属性，或动态地通过分配应用程序变量 颜色变量 财产。根据元素，颜色分配也可用于其他属性。例如，对于字体颜色，这在 文本 标记元素的属性。 对于颜色值的静态分配，您始终可以使用属性编辑器中的颜色对话框，它提供了可供选择的调色板。 您可以将颜色指定为样式颜色。样式颜色是来自主动应用样式的颜色定义的颜色名称。配置相应的属性时，会为您提供可用样式

显示变量值 有一些简单到非常专业的可视化元素用于显示来自正在运行的应用程序的数据。 例子： 变量值的简单输出： 例如，您可以为 长方形 中的元素 文本 属性和其值将显示在元素中的变量 文本变量 财产。 结构化变量值的显示（结构、数组和功能块）： 您使用 桌子 元素并在其配置中指定一个数组变量 数据数组 其值将显示在表中的属性。一维数组也可以显示为 直方图 . 通过图像切换显示值。 示例：根据出现的

更改可视化中的变量值 除了显示来自控制器的值外，用户界面还用于输入和更改值。 通常，您可以为其中的每个元素配置用户输入 输入配置 特性。此外，还专门针对特定输入开发了元素。 例子： 一种 按钮 元素（或 长方形 元素等）单击以打开预定义的对话框可视化，以便轻松指定值。 一种 滑块 用于通过移动可视元素部分（例如使用鼠标）来更改变量值的元素。在滑块的情况下：该元素根据滑块在滑块中的位置调整变量的值。

设计背景，使用设备图片 您可以使用颜色或图像设计可视化的背景。为此，请使用 可视化 → 背景 命令。 应为可视化提供背景颜色或背景图像。为此，请使用命令 可视化 → 背景 并配置颜色或图像文件。以这种方式设计的背景在使用可视化时会出现，即也在 TargetVisu 或 WebVisu 中。 在为特定设备创建可视化时，使用背景中的图像来帮助正确定位可视化元素。以这种方式创建的可视化稍后将用于主可视化