宏集干貨 | 手把手教你通過CODESYS V3進(jìn)行PLC編程（三）

來源：宏集科技工業(yè)物聯(lián)網(wǎng)宏集干貨| 手把手教你通過CODESYS V3進(jìn)行PLC編程（三）

教程背景

通過之前的教程，我們已經(jīng)為大家演示了宏集MC-Prime控制器的連接、試運(yùn)行和CODESYS的安裝，并創(chuàng)建了一個(gè)計(jì)數(shù)器項(xiàng)目。在本期教程中，我們將進(jìn)一步深入，教大家如何使用CODESYS的可視化界面。

一、兩種可視化方式

在CODESYS V3中，可視化界面分為兩種類型：目標(biāo)可視化和網(wǎng)絡(luò)可視化。二者之間存在著一些本質(zhì)上的區(qū)別。

（一）目標(biāo)可視化

目標(biāo)可視化（Target visualization）主要是針對(duì)一些帶有集成屏幕的控制器（如宏集DC系列）。如果是沒有屏幕的控制器，則需要通過在控制器上運(yùn)行VNC服務(wù)器來使用目標(biāo)可視化。目標(biāo)可視化可以在一個(gè)或多個(gè)VNC客戶端上顯示。需要注意的是，目標(biāo)可視化在所有連接的客戶端上都會(huì)顯示相同的圖像，因此無法區(qū)分不同的客戶端，也無法同時(shí)使用多個(gè)目標(biāo)可視化。

（二）網(wǎng)絡(luò)可視化

網(wǎng)絡(luò)可視化（Web visualization）則會(huì)啟動(dòng)一個(gè)Web服務(wù)器，并提供基于HTML5和JavaScript的網(wǎng)頁。通過瀏覽器或與HTML5兼容的設(shè)備，網(wǎng)絡(luò)可視化得以顯示。與目標(biāo)可視化相比，網(wǎng)絡(luò)可視化能夠區(qū)分多個(gè)同時(shí)使用相同的可視化界面的個(gè)人用戶，也可以同時(shí)運(yùn)行多個(gè)網(wǎng)絡(luò)可視化。這意味著可以通過一個(gè)控制器來控制和評(píng)估不同的屏幕。

二、實(shí)現(xiàn)可視化

為了能夠在應(yīng)用程序中使用可視化功能，必須首先添加一個(gè)具有“可視化管理器”類型的對(duì)象，步驟如下：

1 插入視圖管理器

請(qǐng)?jiān)谠O(shè)備視圖中選擇您的“應(yīng)用程序”對(duì)象，然后右鍵單擊以打開上下文菜單。首先選擇“添加對(duì)象”，然后選擇“視圖管理器”。

在插入名為“視圖管理器”的對(duì)象后，系統(tǒng)會(huì)自動(dòng)創(chuàng)建一個(gè)網(wǎng)絡(luò)可視化和一個(gè)目標(biāo)可視化。需要注意的是，本教程使用的控制器宏集MC-Prime僅支持網(wǎng)絡(luò)可視化功能。

此外，系統(tǒng)還會(huì)創(chuàng)建一個(gè)名為“VISU_TASK”的新任務(wù)。圖形界面始終獨(dú)立于其他任務(wù)運(yùn)行。默認(rèn)情況下，“VISU_TASK”的周期時(shí)間為100毫秒，優(yōu)先級(jí)為31，意味著可視化任務(wù)的優(yōu)先級(jí)最低，這樣可以確保界面不會(huì)阻礙具有實(shí)時(shí)優(yōu)先級(jí)的任務(wù)的執(zhí)行。

2 添加對(duì)象

插入“可視化管理器”后，現(xiàn)在可以創(chuàng)建“可視化”類型的對(duì)象。再次打開應(yīng)用程序菜單，并添加一個(gè)具有“可視化”類型的對(duì)象。
(file:///C:Usersxxd28AppDataLocalTempksohtml5024wps68.jpg)

?3 進(jìn)行配置

現(xiàn)在，通過選擇設(shè)備樹中可視化管理器下面的相應(yīng)對(duì)象并雙擊，打開網(wǎng)絡(luò)可視化的設(shè)置，按如圖所示步驟進(jìn)行配置：

您可以為每個(gè)網(wǎng)絡(luò)視圖指定一個(gè)名稱。此名稱決定了可訪問網(wǎng)絡(luò)視圖的URL。網(wǎng)絡(luò)視圖的web服務(wù)器運(yùn)行在控制器的端口8080上。網(wǎng)絡(luò)視圖的默認(rèn)路徑是：http://[IP-redder Steuerung]：8080/webvisu.htm

4 擴(kuò)展主程序

下一個(gè)目標(biāo)是創(chuàng)建一個(gè)可視化工具以顯示我們主程序中的一些變量，并使用框架來實(shí)現(xiàn)單個(gè)可視化的可重用性，將一個(gè)可視化嵌入到另一個(gè)可視化中，實(shí)現(xiàn)一個(gè)靈活且可重用的可視化工具，更方便地監(jiān)視和控制您的程序的狀態(tài)和參數(shù)。

為了實(shí)現(xiàn)這些目標(biāo)，我們首先必須擴(kuò)展我們的主程序，即我們的“應(yīng)用程序”類型的“Main”對(duì)象。在“Main”程序中，定義其他變量：

→名稱為“cotuner_enabled”的BOOL類型變量，作為第一個(gè)計(jì)數(shù)器變量。

→名稱為“counter2”的INT類型，作為計(jì)數(shù)器變量。

→名稱為“counter2_enabled”的BOOL類型變量，作為第二個(gè)計(jì)數(shù)器變量。

→名稱為“input”的BOOL類型變量，用于存儲(chǔ)數(shù)字輸入的值。

→名稱為“output”的BOOL類型變量，用于設(shè)置數(shù)字輸出的值。

為此，使用IF語句檢查變量的當(dāng)前值，然后執(zhí)行相應(yīng)的操作。下圖顯示了完整的“Main”程序。

5 定義變量

為了能夠?yàn)檫@兩個(gè)元素提供額外的功能，我們?cè)诳梢暬慕缑婢庉嬈髦辛硗舛x了兩個(gè)IN-OUT變量：一個(gè)名為“counter”的INT類型變量和一個(gè)名稱為“enabled”的BOOL類型變量④。

首先，我們將使用“enabled”變量來設(shè)置切換開關(guān)的狀態(tài)。在可視化編輯器中選擇開關(guān)，現(xiàn)在在右側(cè)的“屬性”窗口中將屬性“variable”設(shè)置為“enabled”的值。因此，撥動(dòng)開關(guān)總是與變量“enabled”⑤具有相同的狀態(tài)。

6 設(shè)置占位符

接下來，選擇text field⑥，并將屬性“Text ”⑦，設(shè)置為值“%s”。這是一個(gè)占位符，在執(zhí)行程序時(shí)會(huì)被文本變量的內(nèi)容所取代。然后，您必須選擇您要使用的文本變量，將其中的文本字段的“Text variable”屬性⑧設(shè)置為值“counter”。如此，占位符將被替換為變量“counter”的值。您可以使用占位符將不同的變量類型（如字符串和INT）轉(zhuǎn)換為文本。

三、可視化集成框架

由于在演示中定義了兩個(gè)不同的計(jì)數(shù)器，因此您還需要兩個(gè)文本框和兩個(gè)開關(guān)來顯示計(jì)數(shù)器讀數(shù)，并激活或停用計(jì)數(shù)器。這是通過在另一個(gè)可視化中集成兩幀-frame來實(shí)現(xiàn)的。在框架-frame的幫助下，可以實(shí)現(xiàn)多個(gè)嵌套，使幀再次嵌入到其他幀中。如此，您可以使用許多簡單的元素來開發(fā)一個(gè)模塊化的界面。

1 設(shè)置第一個(gè)框架

編輯“Visualization”可視化①，并在“工具”窗口中的“基本”類別中插入可視化元素“frame”。然后選擇框架②，會(huì)自動(dòng)進(jìn)入“框架配置”窗口。選擇對(duì)應(yīng)的視圖，并添加到”Visualization”中③，如圖：

編輯“Visualization”可視化①，并在“工具”窗口中的“基本”類別中插入可視化元素“frame”。然后選擇框架②，會(huì)自動(dòng)進(jìn)入“框架配置”窗口。選擇對(duì)應(yīng)的視圖，并添加到”Visualization”中③，如圖：
?
2 復(fù)制框架

完成了第一個(gè)框架的配置后，您現(xiàn)在可以使用鍵組合“CTRL+C”在編輯器窗口中復(fù)制框架，然后用“CTRL+V”粘貼它。插入框架的副本后，用鼠標(biāo)將框架拖動(dòng)到正確的位置。請(qǐng)注意，Main函數(shù)中的變量“Main.counter2”和“Main.counter2_enabled”必須作為框架的屬性輸入。如果跳過此步驟，第二個(gè)幀也將顯示第一個(gè)計(jì)數(shù)器的值。

3 下載程序

點(diǎn)擊登錄并下載程序①，編譯無誤后可以看到界面顯示“在線視圖正在等待連接，請(qǐng)啟動(dòng)應(yīng)用程序”，點(diǎn)擊啟動(dòng)②

可以看到如圖所示的可視化界面，點(diǎn)擊按鈕可以看到計(jì)數(shù)器的數(shù)值變化：

此時(shí)，打開瀏覽器，輸入對(duì)應(yīng)的路徑，同樣可以看到配置好的可視化界面：

就此，我們已在宏集MC-Prime上完成了CODESYS安裝、應(yīng)用程序創(chuàng)建與可視化的全過程。您可以盡情享受使用您的控制器。

審核編輯 黃宇