在PLCnext Engineer中可以創(chuàng)建一個(gè)eHMI應(yīng)用程序，用于可視化、監(jiān)視和操作控制器上運(yùn)行的程序。

eHMI應(yīng)用程序由若干個(gè)HMI頁(yè)面組成，每個(gè)HMI頁(yè)面中填充了多個(gè)標(biāo)準(zhǔn)的HMI Object或自定義的HMI Symbol。eHMI應(yīng)用程序數(shù)據(jù)作為項(xiàng)目的一部分自動(dòng)存儲(chǔ)，并在執(zhí)行“寫(xiě)入并啟動(dòng)項(xiàng)目”命令時(shí)寫(xiě)入控制器的項(xiàng)目映像中。通過(guò)控制器上的Web服務(wù)器，可以在標(biāo)準(zhǔn)Web瀏覽器中運(yùn)行eHMI應(yīng)用程序，然后監(jiān)視和控制控制器上運(yùn)行的進(jìn)程。

01   Tag（標(biāo)簽）

HMI Tag可以被視為HMI內(nèi)部變量，不同層級(jí)的Tag具有不同的屬性。充分利用好Tag能夠?qū)崿F(xiàn)一些較復(fù)雜的界面效果。

從控制器變量創(chuàng)建的HMI Tag對(duì)于每個(gè)HMI客戶(hù)端都是可見(jiàn)的。如果控制器變量發(fā)生變化，則該變化將影響所有HMI客戶(hù)端的變量；反之，任意一個(gè)客戶(hù)端的變量發(fā)生變化，其他客戶(hù)端及控制器變量也會(huì)跟著變化。

有兩種方式從控制器變量創(chuàng)建HMI Tag：

1.將HMI Tag分配給全局IEC 61131-3變量；

2.對(duì)于功能塊和程序POU中的本地變量，選擇變量屬性表中的HMI復(fù)選框，POU的所有實(shí)例都將本地變量公開(kāi)為HMI Tag。

本地HMI Tag只對(duì)一個(gè)HMI客戶(hù)端（HMI客戶(hù)端是指：訪(fǎng)問(wèn)eHMI的瀏覽器）可見(jiàn)。如果一個(gè)本地HMI標(biāo)簽發(fā)生了變化，該變化只會(huì)影響到特定客戶(hù)端的標(biāo)簽。本地HMI Tag包括以下三種：

1   Application local tag

Application local tag只特定于一個(gè)客戶(hù)端，但是在所有HMI頁(yè)面之間共享。

在A(yíng)pplication > Tags編輯器中存在一些預(yù)定義的Tag，可以直接使用，例如‘LanguageCode’可以用來(lái)實(shí)現(xiàn)語(yǔ)言切換。

也可以創(chuàng)建新的Tag用于頁(yè)面之間的數(shù)據(jù)傳遞，例如用一個(gè)INT類(lèi)型的變量實(shí)現(xiàn)換頁(yè)按鈕的顏色切換。

2   Page local tag

Page local tag是指特定于單個(gè)HMI頁(yè)面的標(biāo)簽，只能被定義它的HMI頁(yè)面使用和查看。

3   Symbol local tag

Symbol local tag是指某個(gè)Symbol的內(nèi)部標(biāo)簽，只能被定義它的Symbol使用和查看。

02   Grid（柵格）

HMI編輯器提供了一個(gè)網(wǎng)格，幫助在HMI頁(yè)面上排列HMI對(duì)象。默認(rèn)情況下，網(wǎng)格是不可見(jiàn)的。活動(dòng)頁(yè)面中網(wǎng)格的可見(jiàn)性可以通過(guò)單擊編輯器工具欄上的“網(wǎng)格切換”按鈕或按+切換。

snap-to-grid函數(shù)允許您在移動(dòng)、對(duì)齊、調(diào)整或插入對(duì)象時(shí)將對(duì)象snap到網(wǎng)格。通過(guò)單擊編輯器工具欄上的“對(duì)齊到網(wǎng)格”按鈕或按+，可以打開(kāi)或關(guān)閉活動(dòng)頁(yè)面的對(duì)齊到網(wǎng)格功能。

網(wǎng)格參數(shù)設(shè)置：在Extras > Options > HMI Editor中可以對(duì)Page/Symbol的網(wǎng)格設(shè)置進(jìn)行單獨(dú)配置。其中單元格大小最小值為2像素；旋轉(zhuǎn)捕捉角度值最小為1度（設(shè)置為0時(shí)，實(shí)際效果為默認(rèn)值15度）。

03   Drawing and Editing Paths（繪圖和編輯路徑）

COMPONENTS > HMI > Objects中有一些基本圖形（橢圓、矩形、線(xiàn)段、曲線(xiàn)、折線(xiàn)），利用這些基本圖形，可以繪制出復(fù)雜的圖案以豐富頁(yè)面效果。

以下圖中的鎖狀圖形為例，點(diǎn)擊HMI Object Explorer圖標(biāo)，可以看到該圖形由四個(gè)Shape組成。鎖芯部分是一個(gè)圓形+一個(gè)方形，下面介紹鎖身和鎖梁的繪制方法。

1.  鎖身部分是一個(gè)六邊形，可以由矩形經(jīng)過(guò)形變而成。先繪制一個(gè)矩形，將Stroke（輪廓）中的線(xiàn)寬改為0，背景顏色改為黑色。

右擊矩形 > 點(diǎn)擊Convert to Path（轉(zhuǎn)換為路徑）

再次右擊 > 點(diǎn)擊Edit Shape of Path（編輯路徑形狀）

此時(shí)矩形轉(zhuǎn)換為由四個(gè)點(diǎn)和四條線(xiàn)段組成的路徑形狀，右擊矩形上邊緣 > 點(diǎn)擊Add Segment（添加線(xiàn)段）

上邊緣多出了一條線(xiàn)段（也可以視為多出一個(gè)點(diǎn)），按住多出的點(diǎn)向上拖移（同時(shí)按住Shift可避免自動(dòng)對(duì)齊到網(wǎng)格）。同樣的方法對(duì)下邊緣進(jìn)行操作。

2.  鎖梁部分是一個(gè)開(kāi)口環(huán)形（也可視為曲線(xiàn)），可以由圓形經(jīng)過(guò)形變而成。先繪制一個(gè)圓形，將Stroke（輪廓）中的線(xiàn)寬改為1.5，線(xiàn)色改為黑色，背景顏色改為No fill。

參照上面的步驟將圓形轉(zhuǎn)換為路徑形狀，編輯路徑，在圓的邊上添加一條線(xiàn)段

因?yàn)殒i梁下方是開(kāi)口的，所以需要?jiǎng)h除一條線(xiàn)段

鎖梁的左右兩邊是直線(xiàn)段，右擊圓環(huán)下方的弧線(xiàn)，將原來(lái)的貝塞爾曲線(xiàn)轉(zhuǎn)換為直線(xiàn)段

按住兩個(gè)端點(diǎn)進(jìn)行拖動(dòng)（可同時(shí)按住Shift避免自動(dòng)對(duì)齊柵格），這樣一把鎖的基本外形就完成了

總結(jié)

eHMI應(yīng)用程序打破了傳統(tǒng)HMI軟件的架構(gòu)，通過(guò)HMI Tag即可簡(jiǎn)單高效地實(shí)現(xiàn)與控制器程序的交互，不同層級(jí)的Tag具有很強(qiáng)的靈活性。同時(shí)eHMI的繪圖功能也很完善，能夠滿(mǎn)足設(shè)計(jì)復(fù)雜圖形的需要。

定制化培訓(xùn)服務(wù)，請(qǐng)咨詢(xún)：

培訓(xùn)組：025-52121888-8519

自動(dòng)化服務(wù)熱線(xiàn)：4008281555-8#

郵箱：wangbei@phoenixcontact.com.cn