宏集干货 | 手把手教你通过CODESYS V3进行PLC编程（三）
来源：宏集科技工业物联网宏集干货| 手把手教你通过codesys v3进行plc编程（三）
教程背景
通过之前的教程，我们已经为大家演示了宏集mc-prime控制器的连接、试运行和codesys的安装，并创建了一个计数器项目。在本期教程中，我们将进一步深入，教大家如何使用codesys的可视化界面。
一、两种可视化方式在codesys v3中，可视化界面分为两种类型：目标可视化和网络可视化。二者之间存在着一些本质上的区别。
（一）目标可视化
目标可视化（target visualization）主要是针对一些带有集成屏幕的控制器（如宏集dc系列）。如果是没有屏幕的控制器，则需要通过在控制器上运行vnc服务器来使用目标可视化。目标可视化可以在一个或多个vnc客户端上显示。需要注意的是，目标可视化在所有连接的客户端上都会显示相同的图像，因此无法区分不同的客户端，也无法同时使用多个目标可视化。
（二）网络可视化
网络可视化（web visualization）则会启动一个web服务器，并提供基于html5和javascript的网页。通过浏览器或与html5兼容的设备，网络可视化得以显示。与目标可视化相比，网络可视化能够区分多个同时使用相同的可视化界面的个人用户，也可以同时运行多个网络可视化。这意味着可以通过一个控制器来控制和评估不同的屏幕。
二、实现可视化为了能够在应用程序中使用可视化功能，必须首先添加一个具有“可视化管理器”类型的对象，步骤如下：
1 插入视图管理器
请在设备视图中选择您的“应用程序”对象，然后右键单击以打开上下文菜单。首先选择“添加对象”，然后选择“视图管理器”。
在插入名为“视图管理器”的对象后，系统会自动创建一个网络可视化和一个目标可视化。需要注意的是，本教程使用的控制器宏集mc-prime仅支持网络可视化功能。
此外，系统还会创建一个名为“visu_task”的新任务。图形界面始终独立于其他任务运行。默认情况下，“visu_task”的周期时间为100毫秒，优先级为31，意味着可视化任务的优先级最低，这样可以确保界面不会阻碍具有实时优先级的任务的执行。
2 添加对象
插入“可视化管理器”后，现在可以创建“可视化”类型的对象。再次打开应用程序菜单，并添加一个具有“可视化”类型的对象。
(file:///c:usersxxd28appdatalocaltempksohtml5024wps68.jpg)
3 进行配置
现在，通过选择设备树中可视化管理器下面的相应对象并双击，打开网络可视化的设置，按如图所示步骤进行配置：
您可以为每个网络视图指定一个名称。此名称决定了可访问网络视图的url。网络视图的web服务器运行在控制器的端口8080上。网络视图的默认路径是：http://[ip-redder steuerung]：8080/webvisu.htm
4 扩展主程序
下一个目标是创建一个可视化工具以显示我们主程序中的一些变量，并使用框架来实现单个可视化的可重用性，将一个可视化嵌入到另一个可视化中，实现一个灵活且可重用的可视化工具，更方便地监视和控制您的程序的状态和参数。
为了实现这些目标，我们首先必须扩展我们的主程序，即我们的“应用程序”类型的“main”对象。在“main”程序中，定义其他变量：
→名称为“cotuner_enabled”的bool类型变量，作为第一个计数器变量。
→名称为“counter2”的int类型，作为计数器变量。
→名称为“counter2_enabled”的bool类型变量，作为第二个计数器变量。
→名称为“input”的bool类型变量，用于存储数字输入的值。
→名称为“output”的bool类型变量，用于设置数字输出的值。
为此，使用if语句检查变量的当前值，然后执行相应的操作。下图显示了完整的“main”程序。
5 定义变量
为了能够为这两个元素提供额外的功能，我们在可视化的界面编辑器中另外定义了两个in-out变量：一个名为“counter”的int类型变量和一个名称为“enabled”的bool类型变量④。
首先，我们将使用“enabled”变量来设置切换开关的状态。在可视化编辑器中选择开关，现在在右侧的“属性”窗口中将属性“variable”设置为“enabled”的值。因此，拨动开关总是与变量“enabled”⑤具有相同的状态。
6 设置占位符
接下来，选择text field⑥，并将属性“text ”⑦，设置为值“%s”。这是一个占位符，在执行程序时会被文本变量的内容所取代。然后，您必须选择您要使用的文本变量，将其中的文本字段的“text variable”属性⑧设置为值“counter”。如此，占位符将被替换为变量“counter”的值。您可以使用占位符将不同的变量类型（如字符串和int）转换为文本。
三、可视化集成框架由于在演示中定义了两个不同的计数器，因此您还需要两个文本框和两个开关来显示计数器读数，并激活或停用计数器。这是通过在另一个可视化中集成两帧-frame来实现的。在框架-frame的帮助下，可以实现多个嵌套，使帧再次嵌入到其他帧中。如此，您可以使用许多简单的元素来开发一个模块化的界面。
1 设置第一个框架
编辑“visualization”可视化①，并在“工具”窗口中的“基本”类别中插入可视化元素“frame”。然后选择框架②，会自动进入“框架配置”窗口。选择对应的视图，并添加到”visualization”中③，如图：
编辑“visualization”可视化①，并在“工具”窗口中的“基本”类别中插入可视化元素“frame”。然后选择框架②，会自动进入“框架配置”窗口。选择对应的视图，并添加到”visualization”中③，如图：
2 复制框架
完成了第一个框架的配置后，您现在可以使用键组合“ctrl+c”在编辑器窗口中复制框架，然后用“ctrl+v”粘贴它。插入框架的副本后，用鼠标将框架拖动到正确的位置。请注意，main函数中的变量“main.counter2”和“main.counter2_enabled”必须作为框架的属性输入。如果跳过此步骤，第二个帧也将显示第一个计数器的值。
3 下载程序
点击登录并下载程序①，编译无误后可以看到界面显示“在线视图正在等待连接，请启动应用程序”，点击启动②
可以看到如图所示的可视化界面，点击按钮可以看到计数器的数值变化：
此时，打开浏览器，输入对应的路径，同样可以看到配置好的可视化界面：
就此，我们已在宏集mc-prime上完成了codesys安装、应用程序创建与可视化的全过程。您可以尽情享受使用您的控制器。
小安派-ESL-2.13（AiPi-ESL-2.13）墨水屏电子标签
Linux操作系统简述
日本东京正在计划成立一个新的区块链初创企业加速器
性价比手机市场不可小视，三星与中国手机争夺
展中有礼丨与ams OSRAM一起追光掣电@2023上海光博会
宏集干货 | 手把手教你通过CODESYS V3进行PLC编程（三）
国务院决定延续集成电路和软件企业所得税优惠政策 将吸引国内外投资更多参与和促进信息产业发展
乐视超级电视怎么样？已走向国际化进军美国市场还有三大挑战
5G的特点就只是很快吗
保障自动驾驶安全性，底层传感器信号链是关键
大疆无人机的操作教程
小米新旗舰提前曝光：既有刘海又有下巴
碳刷滑环在发电机中的作用简述
沁恒微推出全新4端口USB2.0 HUB控制器CH334/CH335
禾赛激光雷达多款车型落地欧洲市场
ITU通过下一代H.265视频标准 方便高清视频普及
Programming the MAX1441 with a
固体柜安装断路器的用途是什么
线性电路输出电压和电流的工作原理 线性电路的含义
京微雅格—中国FPGA产业的顶梁柱
教程背景
通过之前的教程，我们已经为大家演示了宏集mc-prime控制器的连接、试运行和codesys的安装，并创建了一个计数器项目。在本期教程中，我们将进一步深入，教大家如何使用codesys的可视化界面。
一、两种可视化方式在codesys v3中，可视化界面分为两种类型：目标可视化和网络可视化。二者之间存在着一些本质上的区别。
（一）目标可视化
目标可视化（target visualization）主要是针对一些带有集成屏幕的控制器（如宏集dc系列）。如果是没有屏幕的控制器，则需要通过在控制器上运行vnc服务器来使用目标可视化。目标可视化可以在一个或多个vnc客户端上显示。需要注意的是，目标可视化在所有连接的客户端上都会显示相同的图像，因此无法区分不同的客户端，也无法同时使用多个目标可视化。
（二）网络可视化
网络可视化（web visualization）则会启动一个web服务器，并提供基于html5和javascript的网页。通过浏览器或与html5兼容的设备，网络可视化得以显示。与目标可视化相比，网络可视化能够区分多个同时使用相同的可视化界面的个人用户，也可以同时运行多个网络可视化。这意味着可以通过一个控制器来控制和评估不同的屏幕。
二、实现可视化为了能够在应用程序中使用可视化功能，必须首先添加一个具有“可视化管理器”类型的对象，步骤如下：
1 插入视图管理器
请在设备视图中选择您的“应用程序”对象，然后右键单击以打开上下文菜单。首先选择“添加对象”，然后选择“视图管理器”。
在插入名为“视图管理器”的对象后，系统会自动创建一个网络可视化和一个目标可视化。需要注意的是，本教程使用的控制器宏集mc-prime仅支持网络可视化功能。
此外，系统还会创建一个名为“visu_task”的新任务。图形界面始终独立于其他任务运行。默认情况下，“visu_task”的周期时间为100毫秒，优先级为31，意味着可视化任务的优先级最低，这样可以确保界面不会阻碍具有实时优先级的任务的执行。
2 添加对象
插入“可视化管理器”后，现在可以创建“可视化”类型的对象。再次打开应用程序菜单，并添加一个具有“可视化”类型的对象。
(file:///c:usersxxd28appdatalocaltempksohtml5024wps68.jpg)
3 进行配置
现在，通过选择设备树中可视化管理器下面的相应对象并双击，打开网络可视化的设置，按如图所示步骤进行配置：
您可以为每个网络视图指定一个名称。此名称决定了可访问网络视图的url。网络视图的web服务器运行在控制器的端口8080上。网络视图的默认路径是：http://[ip-redder steuerung]：8080/webvisu.htm
4 扩展主程序
下一个目标是创建一个可视化工具以显示我们主程序中的一些变量，并使用框架来实现单个可视化的可重用性，将一个可视化嵌入到另一个可视化中，实现一个灵活且可重用的可视化工具，更方便地监视和控制您的程序的状态和参数。
为了实现这些目标，我们首先必须扩展我们的主程序，即我们的“应用程序”类型的“main”对象。在“main”程序中，定义其他变量：
→名称为“cotuner_enabled”的bool类型变量，作为第一个计数器变量。
→名称为“counter2”的int类型，作为计数器变量。
→名称为“counter2_enabled”的bool类型变量，作为第二个计数器变量。
→名称为“input”的bool类型变量，用于存储数字输入的值。
→名称为“output”的bool类型变量，用于设置数字输出的值。
为此，使用if语句检查变量的当前值，然后执行相应的操作。下图显示了完整的“main”程序。
5 定义变量
为了能够为这两个元素提供额外的功能，我们在可视化的界面编辑器中另外定义了两个in-out变量：一个名为“counter”的int类型变量和一个名称为“enabled”的bool类型变量④。
首先，我们将使用“enabled”变量来设置切换开关的状态。在可视化编辑器中选择开关，现在在右侧的“属性”窗口中将属性“variable”设置为“enabled”的值。因此，拨动开关总是与变量“enabled”⑤具有相同的状态。
6 设置占位符
接下来，选择text field⑥，并将属性“text ”⑦，设置为值“%s”。这是一个占位符，在执行程序时会被文本变量的内容所取代。然后，您必须选择您要使用的文本变量，将其中的文本字段的“text variable”属性⑧设置为值“counter”。如此，占位符将被替换为变量“counter”的值。您可以使用占位符将不同的变量类型（如字符串和int）转换为文本。
三、可视化集成框架由于在演示中定义了两个不同的计数器，因此您还需要两个文本框和两个开关来显示计数器读数，并激活或停用计数器。这是通过在另一个可视化中集成两帧-frame来实现的。在框架-frame的帮助下，可以实现多个嵌套，使帧再次嵌入到其他帧中。如此，您可以使用许多简单的元素来开发一个模块化的界面。
1 设置第一个框架
编辑“visualization”可视化①，并在“工具”窗口中的“基本”类别中插入可视化元素“frame”。然后选择框架②，会自动进入“框架配置”窗口。选择对应的视图，并添加到”visualization”中③，如图：
编辑“visualization”可视化①，并在“工具”窗口中的“基本”类别中插入可视化元素“frame”。然后选择框架②，会自动进入“框架配置”窗口。选择对应的视图，并添加到”visualization”中③，如图：
2 复制框架
完成了第一个框架的配置后，您现在可以使用键组合“ctrl+c”在编辑器窗口中复制框架，然后用“ctrl+v”粘贴它。插入框架的副本后，用鼠标将框架拖动到正确的位置。请注意，main函数中的变量“main.counter2”和“main.counter2_enabled”必须作为框架的属性输入。如果跳过此步骤，第二个帧也将显示第一个计数器的值。
3 下载程序
点击登录并下载程序①，编译无误后可以看到界面显示“在线视图正在等待连接，请启动应用程序”，点击启动②
可以看到如图所示的可视化界面，点击按钮可以看到计数器的数值变化：
此时，打开浏览器，输入对应的路径，同样可以看到配置好的可视化界面：
就此，我们已在宏集mc-prime上完成了codesys安装、应用程序创建与可视化的全过程。您可以尽情享受使用您的控制器。
小安派-ESL-2.13（AiPi-ESL-2.13）墨水屏电子标签
Linux操作系统简述
日本东京正在计划成立一个新的区块链初创企业加速器
性价比手机市场不可小视，三星与中国手机争夺
展中有礼丨与ams OSRAM一起追光掣电@2023上海光博会
宏集干货 | 手把手教你通过CODESYS V3进行PLC编程（三）
国务院决定延续集成电路和软件企业所得税优惠政策 将吸引国内外投资更多参与和促进信息产业发展
乐视超级电视怎么样？已走向国际化进军美国市场还有三大挑战
5G的特点就只是很快吗
保障自动驾驶安全性，底层传感器信号链是关键
大疆无人机的操作教程
小米新旗舰提前曝光：既有刘海又有下巴
碳刷滑环在发电机中的作用简述
沁恒微推出全新4端口USB2.0 HUB控制器CH334/CH335
禾赛激光雷达多款车型落地欧洲市场
ITU通过下一代H.265视频标准 方便高清视频普及
Programming the MAX1441 with a
固体柜安装断路器的用途是什么
线性电路输出电压和电流的工作原理 线性电路的含义
京微雅格—中国FPGA产业的顶梁柱