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

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

01   Tag（標簽）

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

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

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

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

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

本地HMI Tag只對一個HMI客戶端（HMI客戶端是指：訪問eHMI的瀏覽器）可見。如果一個本地HMI標簽發(fā)生了變化，該變化只會影響到特定客戶端的標簽。本地HMI Tag包括以下三種：

1   Application local tag

Application local tag只特定于一個客戶端，但是在所有HMI頁面之間共享。

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

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

2   Page local tag

Page local tag是指特定于單個HMI頁面的標簽，只能被定義它的HMI頁面使用和查看。

3   Symbol local tag

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

02   Grid（柵格）

HMI編輯器提供了一個網(wǎng)格，幫助在HMI頁面上排列HMI對象。默認情況下，網(wǎng)格是不可見的?；顒禹撁嬷芯W(wǎng)格的可見性可以通過單擊編輯器工具欄上的“網(wǎng)格切換”按鈕或按+切換。

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

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

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

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

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

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

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

再次右擊 > 點擊Edit Shape of Path（編輯路徑形狀）

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

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

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

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

因為鎖梁下方是開口的，所以需要刪除一條線段

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

按住兩個端點進行拖動（可同時按住Shift避免自動對齊柵格），這樣一把鎖的基本外形就完成了

總結(jié)

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

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

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

自動化服務(wù)熱線：4008281555-8#

郵箱：wangbei@phoenixcontact.com.cn