菜单命令 菜单：文件 新的 HTML5 控件 打开 创建一个新的 HTML5 控件 对话 打开 打开设备选择对话框 选择要在此处编辑的 HTML5 控件。 关闭 关闭在编辑器中打开的控件 保存 保存描述文件中的更改 另存为 打开文件选择对话框，以新名称保存 HTML5 控件 保存并安装 保存并安装 HTML5 控件 最近打开的文件 列出最近使用的 HTML5 控件 中止 退出 HTML5 控件编辑

参考：可视化样式编辑器 本节内容如下 :

对话框 本节内容如下 :

对话框：创建新的可视化样式 象征： 功能 ：对话框提示您为新创建的样式文件指定数据。 . 称呼 ： 在 CODESYS ： 在里面 可视化管理器 对象，在 设置 选项卡，在 样式设置 ): 点击 打开一个列表框。点击 创建和编辑派生样式 那里。 可视化风格编辑器： 菜单： 文件 → 新样式 姓名 新样式的名称。 例子： Style_CI 地点 样式编辑的工作目录 基本款 新样式所基于的样式 列表框

对话框：打开现有样式作为副本 功能 ：对话框提示您指定用于复制样式文件的数据。 . 称呼 ： 在 CODESYS ： 在编辑部 可视化管理器 对象，在 设置 选项卡，在 样式设置 分组，点击 对于列表框）。点击 复制和编辑样式 . 可视化风格编辑器： 菜单： 文件 → 作为副本打开 风格 要复制的样式 例子： Basic Style, 3.5.9.0 注意 您还可以从存储库中选择样式。 目的地 样

可视化样式中的条目 下面描述了您作为用户需要了解的样式条目，以影响可视化或元素的外观。 基本上可以使用编辑可视化样式 可视化样式编辑器 .您可以在可视化管理器中调用编辑器。如果那里预设了样式，那么您可以使用该样式打开编辑器以创建新样式（从中派生）。从我们的角度来看，这是创建您自己的可视化样式的最简单方法。 继续如下： 选择最接近您想要的可视化样式。 在可视化管理器中，使用 复制和编辑样式 命令。

教程 在这里，您将找到各种用例的具体说明。 提示 该指令集正在不断扩展。 提示 有关配置和创建可视化的最佳实践的提示和技巧，请参阅文档“最佳实践，可视化”。它以 PDF 格式提供 CODESYS 安装。 本节内容如下 :

教程：可视化冰箱控制器 本教程演示如何将可视化添加到项目并将可视化元素链接到控制程序的变量。 另一个例子，见：你的第一个 CODESYS 程序 准备 本教程基于示例程序 RefigeratorControl ，它是在“你的第一个程序”中创建的 CODESYS ”章节。完成的程序也可以在安装目录中找到 CODESYS 在里面 Projects 子文件夹。 创建可视化 . 可视化由以下三个可视化屏幕组

教程：在直方图中显示数组数据 设置直方图的元素属性 . 要求 一个项目包含一个可视化对象和一个程序。 程序中声明了一个一维数组（例如： histogram : ARRAY[1...10] OF INT; ）。 在节目中， histogram 数据被分配给数组（例如：在范围内 0 到 50 ）。 双击 可视化 设备树中的对象。 在里面 可视化工具箱 查看，点击 测量控制 并拖动 直方图 元素到可视化

教程：在表格中显示数组变量 用户界面的一个经常需要的功能是数据数组的显示。 CODESYS Visualization 提供 桌子 为此目的的元素。 在配置中 桌子 元素，您在 数据数组 财产。数组元素显示在表格的行和列中。 后续指令描述了如何在表格中显示结构数组的示例。作为准备，创建 MYSTRUCT DUT 和中的声明 PLC_PRG 程序。 TYPE MYSTRUCT : STRUCT iN