用户界面 可视化编辑器：在这里您可以从可视化元素创建和编辑您的可视化。 可视化工具箱 view：提供已安装的可视化元素 特性 view：用于配置在编辑器区域中选择的可视化元素 可视化 menu：用于在可视化编辑器中工作的命令 界面编辑器 ：在此编辑器中，您声明由上级可视化的框架元素（或选项卡元素）引用的可视化页面的界面。您声明由调用可视化实例指定的参数（接口变量）。 热键配置 : 在线模式下可视化

为分布式告警管理创建用户界面 您可以在 HMI 设备上创建具有分布式报警管理的应用程序。分布式告警管理是指本地设备发生的告警和网络内设备发生的告警都集中处理。报警信息通过数据源连接进行交换，每个数据源连接都由代理服务器扩展。对于警报信息，您可以创建一个可视化，将网络中的所有警报显示在单个警报元素中。这允许用户在一个警报元素中以清晰组织的可视化方式从中央位置监控网络中的所有设备。 以下部分将逐步描述

开发 HTML5 控件 . 一般的 可以显示 HTML5 控件 只要 上 CODESYS WebVisu s。 如果带有 HTML5 控件的可视化应该在 CODESYS TargetVisu 例如，然后发出警告。 HTML5 控件不在那里显示。 使用 HTML5 控件需要启用覆盖功能。 因此，在可视化管理器中，选择 支持客户端动画和原生元素叠加 选项。否则会发出错误。 有关详细信息，请参阅： 可视

链接和使用 HTML5 控件 您可以将 HTML5 控件直接安装到可视化元素存储库中。 可以将 HTML5 控件添加到存储库，以便可以分发包含所有必要内容的项目。 提示 HTML5 控件通常以包的形式提供。然后在包管理器中执行初始安装。 过程 . 首次安装 HTML5 控件 点击 工具 → 可视化元素存储库 . 提示 该命令仅在没有打开项目时可用 CODESYS . 这 视觉元素库 对话框打开。

查看图像文件 注意 HTML5 控件示例 以下选项可用于从 HTML5 控件访问图像。 参考 描述 来自 JavaScript 代码中引用的静态图像 附加文件 该图像在 HTML5 控件编辑器中引用，位于 一般的 选项卡，在 附加文件 场地。 在脚本代码中，实际文件名是通过使用 API “ CDSWebVisuAccess.getAdditionalFile "。然后可以将图像集成到控件中。 来自

签约 在里面 可视化元素库 对话框，您可以签署 HTML5 元素并管理其证书。 过程 . 签署 HTML5 控件 点击 工具 → 可视化元素库 . 提示 该命令仅在没有项目打开时可用 CODESYS . 这 视觉元素库 对话框打开。 选择 HTML5 控件 选项。 在里面 安装元素 字段，您可以看到所有已安装的元素。 选择要签名的元素，然后单击 签约 按钮。 这 签署要素 对话框打开并显示带有证书

安全通知 开发一个 HTML5 控件 无法传输大型阵列可能出现的任何数量的数据。在这种情况下，将数组与滚动范围功能绑定会很有帮助。这也允许更好的传输性能，因为仅传输实际需要的部分。 编辑器类型 ： ArrayRange 财产种类 ： 更新 变量类型 : 数组的基本类型 因此，使用数组的接口属性配置 HTML5 控件，如下所示： 使用 HTML5 控件 重要 出于安全原因，在使用 HTML5 控件时

应用可视化样式 可视化样式是颜色、字体、图像和任何定义为样式属性的值的集合。在设计可视化元素时，您只能使用这些样式属性。然后你就有了一个统一的、依赖于风格的外观。 应用样式颜色和样式字体的元素根据每个选定样式中的选定样式设计运行。这样，一个样式属性，如 Element basic color , 在一种样式中可以是蓝色，在另一种样式中可以是灰色。相反，如果元素的颜色具有固定值，则即使在样式切换时该

在编辑器中编辑可视化样式 样式是带有文件扩展名的 XML 文件 *.visustyle.xml .它包含一组特定的样式属性，这些属性会自动检查一致性。 您可以创建新样式或自定义现有样式。为此目的提供了可视化样式编辑器。 如果您自定义样式，则会创建一个新样式作为样式层次结构。层次结构由至少两种基于彼此的样式组成。嵌套深度不受限制。一个层次结构简单地用它的顶级派生样式来标识。您可以通过不同的样式属性扩

管理存储库中的可视化样式 中列出的样式 CODESYS 在不同对话框和编辑器的列表框中，都检查了一致性并安装在可视化样式存储库中。对于派生样式，完全检查层次结构并安装层次结构的所有样式。存储库是开发系统中的版本控制系统。 您可以在可视化样式编辑器中从可视化样式存储库中以写保护的方式打开样式。这 保存 和 保存并安装 那里的命令不适用于只读文件。但是，您可以将其派生为新样式的基础或副本。 有关更多信