TwinCAT HMI基于JS實(shí)現(xiàn)文本列表顯示以及語言切換

第6頁TwinCAT_HMITwinCAT_HMI基于js實(shí)現(xiàn)文本列表顯示以及語言切換作者：孫燁職務(wù)：華東區(qū)技術(shù)工程師公司：BECKHOFF中國郵箱：ye.sun@日期：2024-05-08摘要：在文本列表中，文本被分配給變量的值。例如，在組態(tài)中將文本列表分配給符號I/O字段。這樣將為對象提供要顯示的文本。在TwinCATHMI中并沒有文本列表功能，本次我將通過控件“TextBlock”以及結(jié)合JavaScript來實(shí)現(xiàn)文本列表的功能附件：序號文件名備注1、TcHmiTextListLocaleLanguageSwitch例程歷史版本：免責(zé)聲明：我們已對本文檔描述的內(nèi)容做測試。但是差錯在所難免，無法保證絕對正確并完全滿足您的使用需求。本文檔的內(nèi)容可能隨時更新，如有改動，恕不事先通知，也歡迎您提出改進(jìn)建議。參考信息：TE2000_TC3_HMI_EN.PDF中TE2000|HMIEngineeringScriptlanguagesintheHMIProject目錄1. 軟硬件版本 31.1. 倍福Beckhoff 31.1.1. 控制器硬件 31.1.2. 控制軟件 31.1.3. WinCC中文本列表以及中英文切換功能 32. TwinCATHMI新建Localization以及相關(guān)控件 43. 新建JavaScript功能腳本并編寫函數(shù) 44. 實(shí)現(xiàn)運(yùn)行效果展示 7

軟硬件版本倍福Beckhoff控制器硬件TwinCAT控制制器，PC或者EPC，包括：嵌入式控制器：CX5020-0125（IMG版本：CX1800-0411-0007v3.92）工控機(jī)：C6xxx、CP2xxx、CP6xxx等控制軟件筆記本和控制器都是基于TwinCAT3.1Build4024.47版本，TwinCATHMI1.12.760.59版本。WinCC中文本列表以及中英文切換功能在此處編輯好后，在空間中就能使用這個文本，既能做到根據(jù)變量的值顯示文本信息也能實(shí)現(xiàn)中英文的切換。TwinCATHMI新建Localization以及相關(guān)控件右擊新建中文的Localization和英文的Localization如下圖：并在列表中添加key的內(nèi)容，這里Key1在中文環(huán)境下顯示世界您好！，在英文環(huán)境下顯示helloworld！（后面所有的文本都可以在在此文件中添加文本內(nèi)容）在desktop.view添加文本控件和按鈕新建JavaScript功能腳本并編寫函數(shù)要實(shí)現(xiàn)的功能如下：上圖中TcHmiTextblock的控件要顯示Localization中的文本信息<世界您好！|倍福>，<helloworld!|Beckhoff>控件顯示需要根據(jù)PLC的變量進(jìn)行變化，當(dāng)關(guān)聯(lián)的PLC變量的值為0時，在中文狀態(tài)下顯示<世界您好！>,英文狀態(tài)下則顯示<倍福>，當(dāng)關(guān)聯(lián)的PLC變量的值為1時，在中文狀態(tài)下顯示<helloworld!>,英文狀態(tài)下則顯示<Beckhoff>。按鈕時用來切換語言顯示的方式。根據(jù)上述需求，新建JavaScript并編寫如下代碼：設(shè)置兩個輸入?yún)?shù)，par1：控制器中的關(guān)聯(lián)變量，在這我定義為int； lan：按鈕觸發(fā)的信號，我使用了內(nèi)部變量也為int型。 注：新建變量這塊我就直接省略了 這里使用switchcase語句當(dāng)par1（控制器中關(guān)聯(lián)變量）的中值對應(yīng)輸出Localization中的文本 0對應(yīng)鍵值Key1中文為<世界您好！>，英文為<helloworld!>。 1對應(yīng)鍵值Key2中文為<倍福>，英文為<Beckhoff>編寫好之后，在TcHmiTextblock中Common的Text中進(jìn)行設(shè)置如下：編寫按鈕的功能如下：也是通過javaScript實(shí)現(xiàn)中文按鈕的：當(dāng)<中文>這個按鈕觸發(fā)事件執(zhí)行將語言文本顯示為中文字體，并且將觸發(fā)信號賦值給內(nèi)部變量length。英文按鈕：到此，此功能就全部完成！實(shí)現(xiàn)運(yùn)行效果展示先通過關(guān)聯(lián)的控制器中變量的值來改變文本控制中顯示的Localization的不同文本<Key>內(nèi)容。然后通過按鈕切換語言狀態(tài)，且切換后，控制器中值發(fā)生改變時，會顯示對應(yīng)語言模式下文本切換控制中變量的值后顯示

上海（中國區(qū)總部）中國上海市靜安區(qū)汶水路299弄9號（市北智匯園）電話 北京分公司北京市西城區(qū)新街口北大街3號新街高和大廈407室電話 郵箱:beijing@ 廣州分公司廣州市天河區(qū)珠江新城珠江東路32號利通廣場1303室電話1/2 郵箱:guangzhou@ 成都分公司成都市錦江區(qū)東御街18號百揚(yáng)大廈2305室電話郵箱:cheng