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

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

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

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

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

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

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

参考：编程 本节内容如下 :

可视化元素 本节内容如下 :

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