教程 在这里，您将找到各种用例的具体说明。 提示 该指令集正在不断扩展。 提示 有关配置和创建可视化的最佳实践的提示和技巧，请参阅文档“最佳实践，可视化”。它以 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

教程：使用客户端动画 该示例显示了具有三个屏幕的可视化。菜单控制屏幕的导航。菜单在通过汉堡按钮进入视图之前是隐藏的。在移动过程中，菜单的透明度会发生变化。选择屏幕后，菜单移回视野之外。动画完全在目标系统上计算。这 CODESYS 可视化仅定义目标值（位置、透明度）。 准备 创建一个新的标准项目 CODESYS Control Win V3 控制器。 添加一个 可视化 下面的对象 应用 .选择名称

教程：显示 Web 内容 在可视化中显示网站 要求：可视化在 CODESYS 项目。这 可视化工具箱 和 特性 可视化视图也已打开。 拖动 网页浏览器 元素来自 特殊控制 到可视化编辑器。 在编辑器中选择元素。 在里面 特性 视图中，列出了元素属性 网页浏览器 元素。 在里面 位置 属性，指定大小（以像素为单位） 宽度 和 高度 （例子： 600 ）。 在 控制变量 → URL ，指定网站的 UR

可视化元素：矩形、圆角矩形、椭圆 象征： 类别： 基本的 这 长方形 , 圆角矩形 ， 要么 椭圆 是同一类型的元素。它们可以通过改变 元素类型 财产。 元素属性 所有元素属性都可用吗？ 仅当您选择 先进的 选项或 所有类别 过滤 特性 。 元素名称 例子： Workpiece_3 提示 为元素分配单独的名称，以便在元素列表中更快地找到它们。 元素类型 长方形 , 圆角矩形 ， 要么 椭圆 位置

可视化元素：线 象征： 类别： 基本的 该元素表示一条简单的线。 元素属性 所有元素属性都可用吗？ 仅当您选择 先进的 选项或 所有类别 过滤 特性 。 元素名称 例子： Separator_Header 提示 为元素分配单独的名称，以便在元素列表中更快地找到它们。 元素类型 线 位置 以下属性定义可视化窗口中元素的位置和长度。它们基于笛卡尔坐标系。原点位于窗口的左上角。正水平 X 轴向右延伸。正

可视化元素：多边形、折线和贝塞尔曲线 象征： 类别： 基本的 这 多边形 , 折线 ， 和 贝塞尔曲线 是相同的元素类型。它们可以通过改变 元素类型 财产。 可以将元素拖到编辑器中。然后用五个点绘制元素：[0] 到 [4]。 其他位置添加如下： 将鼠标指针移动到一个角点上；鼠标指针改变形状。现在如果你按住 Ctrl 并单击鼠标左键，创建另一个点。您可以通过按住删除一个点 转移 + Ctrl 并单击

可视化元素：饼图 象征： 类别： 基本的 该元素绘制任意角度的饼图。 元素属性 所有元素属性都可用吗？ 仅当您选择 先进的 选项或 所有类别 过滤 特性 。 元素名称 例子： Error_rate_part_1 提示 为元素分配单独的名称，以便在元素列表中更快地找到它们。 元素类型 馅饼 位置 该位置定义可视化窗口中元素的位置和大小。这是基于笛卡尔坐标系的。原点位于窗口的左上角。正水平 X 轴向右