5 畫(huà)面的組態(tài)ppt課件

第5章畫(huà)面的組態(tài),畫(huà)面的基本操作,組態(tài)動(dòng)態(tài)效果,畫(huà)面模板,控件和庫(kù),1,圖形編輯器,創(chuàng)建過(guò)程畫(huà)面并使其動(dòng)態(tài)化,5.1圖形編輯器概述,畫(huà)面文件擴(kuò)展名為*.pdl，存放于項(xiàng)目的GraCS子目錄下。,右鍵點(diǎn)擊“圖形編輯器”,2,5.1.1圖形編輯器組成,3,5.1.2畫(huà)面的基本操作,一、導(dǎo)出與導(dǎo)入功能,二、對(duì)象的基本靜態(tài)操作,三、狀態(tài)顯示對(duì)象,四、按鈕對(duì)象的組態(tài),4,一、導(dǎo)出與導(dǎo)入功能,圖元文件（wmf）和增強(qiáng)型圖元文件（emf）,畫(huà)圖文件（pdl）,導(dǎo)出,導(dǎo)入,應(yīng)用其他程序創(chuàng)建圖形,普通圖形對(duì)象,可編輯圖像對(duì)象（wmf,emf）,OLE對(duì)象,5,Example1,建一個(gè)直角和一個(gè)等腰三角形圖形文件（emf）,（1）對(duì)象選項(xiàng)板標(biāo)準(zhǔn)對(duì)象多邊形,（2）使用縮放功能（縮放選項(xiàng)板）,（3）使用翻動(dòng)和旋轉(zhuǎn)功能（工具欄）,（4）使用對(duì)齊功能（對(duì)齊工具欄）,（5）圖層示例（圖層選項(xiàng)板）,請(qǐng)同學(xué)們實(shí)驗(yàn)時(shí)自行練習(xí)從而熟悉這些功能！,6,二、對(duì)象的基本靜態(tài)操作,默認(rèn)屬性,缺省對(duì)象熟悉,（1）更改對(duì)象類型的缺省對(duì)象屬性,（2）將對(duì)象插入畫(huà)面,（3）改變對(duì)象名稱,步驟：,對(duì)象：標(biāo)準(zhǔn)對(duì)象、智能對(duì)象和窗口對(duì)象,Example2,添加靜態(tài)文本對(duì)象,7,三、狀態(tài)顯示對(duì)象,作用：定義某一變量為不同值時(shí)顯示不同圖形對(duì)象,（1）建立一個(gè)二進(jìn)制變量,（2）制作兩個(gè)圖形對(duì)象,（3）從“智能對(duì)象”中選擇“狀態(tài)顯示”,步驟：,（4）在“狀態(tài)顯示組態(tài)”對(duì)話框中設(shè)置狀態(tài)和基準(zhǔn)畫(huà)面,Example3,定義變量顯示不同圖形及對(duì)應(yīng)文本,并且跟選項(xiàng)框結(jié)合使用。,8,四、按鈕對(duì)象的組態(tài),作用：實(shí)現(xiàn)狀態(tài)和畫(huà)面的切換,Example4,組態(tài)一個(gè)瞬態(tài)按鈕（按下時(shí)變量值為1，釋放時(shí)為0）,（1）建立一個(gè)二進(jìn)制變量,（2）從窗口對(duì)象中添加按鈕，對(duì)按鈕命名,（3）右鍵單擊“屬性”，選擇“事件”選項(xiàng)卡，單擊“鼠標(biāo)項(xiàng)”。,步驟：,（4）右擊“按左鍵”的動(dòng)作一列，選擇“直接連接”，源為“常數(shù)”1，目標(biāo)為“變量”二進(jìn)制變量,（5）在“釋放左鍵”通過(guò)“直接連接”將0傳送給變量,9,Example5,組態(tài)一個(gè)啟動(dòng)按鈕，一個(gè)停止按鈕,（1）建立一個(gè)關(guān)聯(lián)變量（二進(jìn)制）,（2）添加兩個(gè)按鈕，設(shè)置顏色屬性（停止紅色；啟動(dòng)綠色）,（3）打開(kāi)停止按鈕的“對(duì)象屬性”，在“事件”選項(xiàng)卡下組態(tài)“按左鍵”的直接連接，“源”為常數(shù)0，“目標(biāo)”選擇關(guān)聯(lián)變量。,步驟：,（4）啟動(dòng)按鈕組態(tài)“按左鍵”的直接連接，“源”為常數(shù)1，“目標(biāo)”選擇關(guān)聯(lián)變量。,單擊啟動(dòng)：關(guān)聯(lián)變量置1,單擊停止：關(guān)聯(lián)變量清0,要求：,10,單擊一個(gè)按鈕，此按鈕隱藏，另一個(gè)按鈕顯示,要求：,（1）打開(kāi)啟動(dòng)按鈕的“對(duì)象屬性”，在“屬性”選項(xiàng)卡對(duì)“顯示”創(chuàng)建一個(gè)“動(dòng)態(tài)對(duì)話框”。,（2）打開(kāi)動(dòng)態(tài)值范圍對(duì)話框,步驟：,事件名稱,數(shù)據(jù)類型,表達(dá)式/公式,Example6,11,（5）將啟動(dòng)和停止按鈕放置在同一位置，疊加后只顯示啟動(dòng),（3）打開(kāi)啟動(dòng)按鈕的“對(duì)象屬性”，在“事件”選項(xiàng)卡下組態(tài)“按左鍵”的直接連接，“源”為常數(shù)1，“目標(biāo)”選擇關(guān)聯(lián)變量。,（4）打開(kāi)停止按鈕的“對(duì)象屬性”，在“事件”選項(xiàng)卡下組態(tài)“按左鍵”的直接連接，“源”為常數(shù)0，“目標(biāo)”選擇關(guān)聯(lián)變量。,總結(jié),結(jié)合屬性的組態(tài)+動(dòng)作的組態(tài)實(shí)現(xiàn)動(dòng)態(tài)化的效果,12,練習(xí)要求,1.picture1.pdl中編輯三角形的狀態(tài)顯示畫(huà)面,功能,（1）I/O域和選項(xiàng)框中進(jìn)行輸入，顯示相應(yīng)的圖像,（2）畫(huà)面切換按鈕可以切換到picture2,（3）組態(tài)退出激活按鈕,13,2.picture2.pdl中編輯瞬態(tài)按鈕和啟停切換按鈕,功能,（1）組態(tài)瞬態(tài)按鈕,（2）組態(tài)啟動(dòng)和停止按鈕的切換，按下一個(gè)按鈕，此按鈕隱藏，顯示另外一個(gè)按鈕,（3）組態(tài)畫(huà)面切換到picture3和退出激活按鈕,14,5.2畫(huà)面對(duì)象的屬性,一、屬性選項(xiàng)卡,二、事件選項(xiàng)卡,15,5.2畫(huà)面對(duì)象的屬性,一、屬性選項(xiàng)卡,定義對(duì)象是如何出現(xiàn)在畫(huà)面上的,動(dòng)態(tài)對(duì)話框,C動(dòng)作,變量,VBS動(dòng)作,16,二、事件選項(xiàng)卡,包括對(duì)象的鼠標(biāo)、鍵盤等操作設(shè)置及對(duì)象屬性引發(fā)的動(dòng)作設(shè)置。,C動(dòng)作,直接連接,VBS動(dòng)作,17,5.3組態(tài)動(dòng)態(tài)效果的方法,采用動(dòng)態(tài)效果模擬現(xiàn)實(shí)的生產(chǎn)過(guò)程,C動(dòng)作,直接連接,VBS動(dòng)作,組態(tài)對(duì)話框,動(dòng)態(tài)向?qū)?動(dòng)態(tài)對(duì)話框,變量連接,18,5.3.1組態(tài)對(duì)話框,Example7,組態(tài)滾動(dòng)條和棒圖對(duì)象,19,Example8,組態(tài)文本列表,tag1=0：系統(tǒng)未工作,1tag125：加熱器未工作,要求：,tag125：加熱器開(kāi)始工作,（1）建立一個(gè)無(wú)符號(hào)8位變量tag1,（2）添加“文本列表”，組態(tài)文本列表,（3）點(diǎn)擊“屬性”-“輸出/輸入”-“分配”，出現(xiàn)文本列表分配對(duì)話框，填入期望數(shù)值和文本。,步驟：,（4）從“控件”中選擇“WinCCSliderControl”來(lái)演示動(dòng)態(tài)變化效果。,20,5.3.2動(dòng)態(tài)向?qū)?（1）選擇需要的動(dòng)態(tài)效果,（2）選擇動(dòng)態(tài)觸發(fā)器,（3）設(shè)置選項(xiàng),步驟：,Example9,Example10,Example11,建立取消激活按鈕,動(dòng)態(tài)完成圓對(duì)象的填充,實(shí)現(xiàn)按鈕對(duì)畫(huà)面的切換,21,5.3.3動(dòng)態(tài)對(duì)話框,作用：定義某個(gè)對(duì)象屬性的行為依據(jù)表達(dá)式的值變化,用于組態(tài)對(duì)象屬性，不用于對(duì)象事件的組態(tài),需要觸發(fā)器才能執(zhí)行,Example12,根據(jù)變量來(lái)填充矩形對(duì)象,（1）事件名稱,（打開(kāi)觸發(fā)器選擇對(duì)話框）,變量,時(shí)間,觸發(fā)器,22,（2）表達(dá)式選擇,變量：選擇相應(yīng)的變量,函數(shù)：打開(kāi)函數(shù)瀏覽窗口,操作員：“+、-、*、/”,（3）數(shù)據(jù)類型,模擬量：數(shù)字量模擬量,位：選擇變量中的某一位,布爾型：二進(jìn)制數(shù)值,直接：變量值與填充量直接百分比關(guān)聯(lián),23,Example13,組態(tài)華氏溫度輸入，攝氏溫度輸出,Example14,布爾型變量的狀態(tài)使圖形對(duì)象背景色為紅色和藍(lán)色，靜態(tài)文本顯示關(guān)閉和打開(kāi)。,Example15,當(dāng)變量值在0-100直接，對(duì)象背景為灰色，101-200為藍(lán)色，高于200為紅色,24,5.3.4直接連接,作用：允許用戶在一個(gè)對(duì)象事件的基礎(chǔ)上，組態(tài)源到目標(biāo)之間傳遞任何類型數(shù)據(jù)。,可用于組態(tài)畫(huà)面切換鍵，讀寫(xiě)數(shù)據(jù)到過(guò)程變量，將數(shù)字值傳送給圖形顯示。,用于組態(tài)對(duì)象事件，不用于對(duì)象屬性的組態(tài),（1）源,常數(shù)：數(shù)值、字符串或者圖形,屬性：任意對(duì)象屬性作為源數(shù)據(jù),變量：變量作為源數(shù)據(jù),25,（2）目標(biāo),當(dāng)前窗口：運(yùn)行時(shí)顯示的畫(huà)面為目標(biāo)數(shù)據(jù),畫(huà)面中對(duì)象：選中的對(duì)象屬性將在屬性框中表現(xiàn),變量：變量作為目標(biāo)數(shù)據(jù),Example16,Example17,實(shí)現(xiàn)按鈕對(duì)畫(huà)面的切換,當(dāng)將滾動(dòng)條移動(dòng)后數(shù)值矩形液位填充量靜態(tài)文本顯示,26,5.3.5變量,作用：通過(guò)變量數(shù)值的變化動(dòng)態(tài)效果。,Example18,布爾型變量控制圓對(duì)象的閃爍,Example19,按鈕實(shí)現(xiàn)手動(dòng)/自動(dòng)切換，由復(fù)選框體現(xiàn)切換效果，復(fù)選框狀態(tài)通過(guò)一個(gè)I/O域來(lái)實(shí)現(xiàn)。,27,一、函數(shù)和動(dòng)作的關(guān)系,動(dòng)作由觸發(fā)器驅(qū)動(dòng),函數(shù)是動(dòng)作的組成部分,5.3.6C動(dòng)作,基于ANSIC標(biāo)準(zhǔn)的C腳本語(yǔ)言,既可用于組態(tài)對(duì)象事件，又能用于組態(tài)對(duì)象屬性,28,二、觸發(fā)器類型,29,三、C腳本編輯器,函數(shù)瀏覽區(qū),代碼區(qū),函數(shù)聲明區(qū),工具欄,30,四、創(chuàng)建函數(shù),多個(gè)動(dòng)作執(zhí)行同樣的運(yùn)算，可以編寫(xiě)函數(shù)來(lái)執(zhí)行該運(yùn)算,動(dòng)作中用當(dāng)前的參數(shù)方便的調(diào)用函數(shù),（1）右擊項(xiàng)目函數(shù)，選擇新建,（2）編寫(xiě)函數(shù)代碼,（3）編譯及保存,步驟：,31,綠色：注釋,藍(lán)色：關(guān)鍵字,紅色：文本串,黑色：正常代碼,編譯器顏色代碼,Example20,華氏溫度到攝氏溫度的轉(zhuǎn)換函數(shù),Example21,計(jì)算三個(gè)數(shù)的平均值,32,五、創(chuàng)建動(dòng)作,動(dòng)作具有觸發(fā)器，通過(guò)調(diào)用函數(shù)來(lái)實(shí)現(xiàn)相應(yīng)的功能,（1）局部動(dòng)作,對(duì)象調(diào)用C動(dòng)作,Example22,實(shí)現(xiàn)華氏溫度到攝氏溫度的轉(zhuǎn)換,Example23,增1按鈕和減1按鈕的組態(tài),Example24,瓶子的模擬運(yùn)動(dòng),33,（2）全部動(dòng)作,在客戶機(jī)/服務(wù)器項(xiàng)目的所有項(xiàng)目計(jì)算機(jī)上執(zhí)行,單用戶項(xiàng)目與局部動(dòng)作沒(méi)有明顯的區(qū)別,Example25,實(shí)現(xiàn)每隔1S變量自動(dòng)加1,（1）新建變量，組態(tài)一個(gè)I/O域與之關(guān)聯(lián),（2）啟動(dòng)全局腳本C編輯器，新建全局變量，保存為INC.PAS,（3）編寫(xiě)程序代碼,步驟：,（4）設(shè)置觸發(fā)器,34,5.3.7VBS動(dòng)作,有興趣的同學(xué)可以自學(xué)在實(shí)驗(yàn)中練習(xí)！,35,5.4畫(huà)面模板,功能：對(duì)多個(gè)相同參數(shù)的設(shè)備，可以批量制作，避免重復(fù)相同的工作，減少工作量,5.4.1用戶自定義對(duì)象,作用：多個(gè)對(duì)象組合而成，選擇需要的屬性作為用戶自定義屬性，生成新對(duì)象可做模板連接變量。,Example26,自定義一個(gè)溫度顯示對(duì)象,36,5.4.2畫(huà)面原型,功能：做好模板利用動(dòng)態(tài)向?qū)нB接結(jié)構(gòu)變量元素，將模板復(fù)制多份，連接不同結(jié)構(gòu)變量的自定義對(duì)象。,畫(huà)面原型支持結(jié)構(gòu)變量,Example27,利用結(jié)構(gòu)變量來(lái)控制不同圖形的填充量、長(zhǎng)度和高度。,I/0_1.tag1,I/0_2.tag2,I/0_3.tag3,自定義對(duì)象,I/O域,結(jié)構(gòu)元素,模板,結(jié)構(gòu)變量,37,5.4.3使用變量前綴的畫(huà)面窗口,功能：組態(tài)模板畫(huà)面與結(jié)構(gòu)元素關(guān)聯(lián)，通過(guò)變量前綴來(lái)調(diào)用不同結(jié)構(gòu)變量。,（1）組態(tài)模板畫(huà)面，對(duì)象屬性與結(jié)構(gòu)元素關(guān)聯(lián),（2）在主畫(huà)面中組態(tài)畫(huà)面窗口對(duì)象，畫(huà)面名為模板畫(huà)面，變量前綴定義為相應(yīng)的結(jié)構(gòu)變量前綴。,步驟：,Example27,組態(tài)結(jié)構(gòu)變量對(duì)電動(dòng)機(jī)的控制窗口,Example28,組態(tài)按鈕對(duì)顯示面板的控制,38,I/0_1(字符串)Name,I/0_2和棒圖1Setval,I/0_3和棒圖2Actval,畫(huà)面模板,自定義對(duì)象屬性,結(jié)構(gòu)元素,畫(huà)面變量,結(jié)構(gòu)變量前綴,按鈕1和按鈕2On_off,39,5.4.4間接尋址,Example29,利用間接尋址在畫(huà)面中顯示全局變量的名稱及數(shù)值。,40,5.5控件的使用,常用WinCCActiveX控件見(jiàn)表3-2,Example30,經(jīng)常使用：“控件”“添加/刪除”“打開(kāi)OCX控件”,不經(jīng)常使用：“對(duì)象選項(xiàng)板”“標(biāo)準(zhǔn)”“智能對(duì)象”“控件”,WinCCGaugeControl,添加WindowsMediaplayer控件,WinCCSliderControl,41,5.6庫(kù),全局庫(kù),項(xiàng)目庫(kù),自定義對(duì)象,控件,Example31,建立罐、開(kāi)關(guān)與數(shù)碼顯示的關(guān)聯(lián),42,需要掌握的知識(shí)點(diǎn),安裝通訊驅(qū)動(dòng)和添加邏輯連接（PLC和DDE）,建立變量（外部、內(nèi)部和結(jié)構(gòu)）,使用變量模擬器,組態(tài)對(duì)象和變量的關(guān)聯(lián)（動(dòng)態(tài)對(duì)話框、變量連接和直接連接）,新建項(xiàng)目,注意：數(shù)據(jù)類型和存儲(chǔ)位置,添加常見(jiàn)的對(duì)象（對(duì)象選項(xiàng)板、控件和庫(kù)）,注意：能夠根據(jù)具體要求選擇合適的動(dòng)態(tài)化方法,基本的畫(huà)面編輯（對(duì)齊、旋轉(zhuǎn)和前后臺(tái)切換等）,注意：盡量使用組態(tài)對(duì)話框,43,使用狀態(tài)顯示對(duì)象和文本列表建立關(guān)聯(lián),需要掌握的知識(shí)點(diǎn),按鈕的作用：1.切換圖像；2.瞬時(shí)開(kāi)關(guān)；3.點(diǎn)動(dòng)開(kāi)關(guān)；,自定義對(duì)象和畫(huà)面原型,畫(huà)中畫(huà),間接尋址,對(duì)象的填充：1.變量連接；2.動(dòng)態(tài)向?qū)В?.動(dòng)態(tài)對(duì)話框,對(duì)象的顯示/隱藏：1.動(dòng)態(tài)對(duì)話框；2.直接連接,4.啟停開(kāi)關(guān)；5.數(shù)據(jù)傳送,44,綜合考察點(diǎn),1。手動(dòng)/自動(dòng)切換和顯示,2。按鈕實(shí)現(xiàn)溫度轉(zhuǎn)換,3。變量與閥門狀態(tài)的關(guān)聯(lián),4。畫(huà)面原型和結(jié)構(gòu)變量的關(guān)聯(lián),5。畫(huà)中畫(huà)的切換,6。間接尋址,45,實(shí)驗(yàn)四,（1）對(duì)象組態(tài),（2）控制按鈕部分組態(tài),（3）溫度顯示部分組態(tài),執(zhí)行器、風(fēng)機(jī)、火焰天然氣、助燃?xì)?、加熱?打開(kāi)1：顯示和隱藏助燃風(fēng)機(jī),打開(kāi)2：顯示和隱藏火焰,顯示溫度：華氏和攝氏轉(zhuǎn)換,手動(dòng)/自動(dòng)：復(fù)選框,L1和L2：靜態(tài)文本,K1和K2：I/O域?qū)?yīng)華氏和攝氏,實(shí)驗(yàn)要求,46,HMI（人機(jī)界面）,S7-300PLC,液位傳感器,下水箱,儲(chǔ)水箱,閥門2,水泵和電動(dòng)機(jī),電動(dòng)調(diào)節(jié)閥,閥門1,實(shí)驗(yàn)五液位控制系統(tǒng)的構(gòu)建,實(shí)驗(yàn)原理,WinCC,信號(hào)流向,物料流向,（1）當(dāng)前液位給定值：閥門1關(guān)小，閥門2開(kāi)大,（2）當(dāng)前液位給定值：閥門1開(kāi)大，閥門2關(guān)小,47,實(shí)驗(yàn)內(nèi)容組態(tài)液位控制系統(tǒng)HMI,現(xiàn)場(chǎng)畫(huà)面區(qū),按鈕和顯示區(qū),48,1.創(chuàng)