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

可视化崩溃诊断 可视化崩溃可能有不同的原因。在以下部分中，您将了解如何检测可视化崩溃的原因以及哪些操作对防止崩溃有意义。 这 停止执行已处理的异常 命令在错误检查时帮助您。在应用程序启动之前运行该命令。 提示 默认情况下， 停止执行已处理的异常 命令在任何菜单中均不可用，但可以在 工具 → 自定义 如下。 单击工具 → 自定义。 这 菜单 选项卡打开。首先，您需要定义命令的菜单位置。在这种情况下，