使用响应式设计 注意 在 CODESYS Visualization 版本 4.7.0.0 及更高版本，您可以设计响应式可视化。 响应式设计可自动适应显示变体的大小和布局。无论设备是台式机、笔记本电脑、平板电脑、面板还是智能手机，都会考虑相应设备的规格，并调整可视化的大小和布局。 为了向可视化用户提供这一便捷功能，您需要根据客户端大小配置显示变体和可视化元素。这与 Web 可视化相关，因为此处的客

作为集成可视化执行 您可以将可视化作为集成可视化运行。在这种情况下，可视化的显示变体在开发系统上运行 没有 正在加载到控制器的可视化代码。 使用集成的可视化对您的应用进行测试和诊断，或者对设备进行服务和调试。对此的要求是可视化管理器下没有对象。 或者，可以从编译中排除位于那里的任何对象。您可以在其对话框中相应地配置单个对象 特性 在选项卡上 建造 . 配置和启动显示变量 重要 对于固定编译器版本

作为在线可视化执行 在线可视化可以在在线模式下照常操作。然而，与集成可视化相比，可视化管理器下有一个可视化客户端。如果有一个可视化客户端和 VISU_TASK 任务配置下面的task，那么这个就是在线可视化了。然后可以使用与 TargetVisu 或 WebVisu 相同的功能。 提示 当您选择 支持客户端动画和原生元素的叠加 可视化管理器中的选项，支持覆盖功能的 Web 浏览器用于在线可视化。

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

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

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

设计具有样式属性的可视化元素 设置样式包括样式属性。这些在 特性 列表框中元素的视图 价值 柱子。检查哪些样式属性适用于哪个属性。例如，只有带有颜色定义的样式属性可用于颜色分配。 提示 样式可以具有直接定义的可视化元素属性。如果在项目中使用此样式，则这些属性不再可配置。 要求：具有可视化的项目已打开。 双击可视化。 选择一个元素。 点击 查看 → 元素属性 . 在里面 特性 看来，在 颜色 类别，

切换可视化样式 在可视化管理器中设置样式时，存储库中的所有完整样式都可供选择。没关系，也不清楚一种风格是否源自另一种风格。 您可以预览样式以了解其行为方式。 可视化如何在运行时实现样式还取决于显示变体。例如，如果样式中定义的字体不可用，则显示变体会使用预设字体显示可视化。 要求：具有可视化的项目已打开。 双击 可视化管理器 设备树中的对象。 编辑器打开。 在 设置 选项卡，在 样式设置 组，点击输

更新版本 要求：具有可视化的项目已打开。 在 项目 → 项目环境 ， 点击 可视化样式 标签。 CODESYS 列出当前使用的样式的所有新版本。 点击 全部设置为最新 . 样式已更新。可视化及其元素应用新样式。 本节内容如下 :

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