工業(yè)視覺系統(tǒng)編程及基礎(chǔ)應(yīng)用-項(xiàng)目4-任務(wù)2 設(shè)計(jì)HMI界面

工業(yè)視覺系統(tǒng)編程及基礎(chǔ)應(yīng)用PROJECT項(xiàng)目01項(xiàng)目一：工業(yè)視覺軟件圖像采集0203050607項(xiàng)目二：鋰電池有無(wú)判斷項(xiàng)目三：數(shù)據(jù)輸入/輸出應(yīng)用項(xiàng)目五：結(jié)果顯示與圖像保存項(xiàng)目六：日志應(yīng)用項(xiàng)目七：程序流程應(yīng)用04項(xiàng)目四：HMI界面設(shè)計(jì)PROJECT項(xiàng)目08項(xiàng)目8輔助功能添加100911121314項(xiàng)目9外圍設(shè)備通訊與交互項(xiàng)目10鋰電池檢測(cè)項(xiàng)目11鋰電池測(cè)量項(xiàng)目12鋰電池識(shí)別項(xiàng)目13鋰電池引導(dǎo)抓取項(xiàng)目14前沿技術(shù)基礎(chǔ)應(yīng)用2、HMI界面設(shè)計(jì)TASK任務(wù)任務(wù)一、HMI界面基本操作二、HMI界面設(shè)計(jì)新建HMI界面的方法課前回顧方法一：從空白界面新建方法二：從模版新建一、HMI界面基本操作一、HMI界面基本操作V+平臺(tái)軟件中的“運(yùn)行界面設(shè)計(jì)器”默認(rèn)界面如下：1.HMI界面基本組成一、HMI界面基本操作HMI界面的“運(yùn)行界面設(shè)計(jì)器”中的設(shè)計(jì)組件包括基礎(chǔ)控件、運(yùn)行結(jié)果、數(shù)據(jù)報(bào)表及高級(jí)功能運(yùn)行/停止：方案啟動(dòng)/不啟動(dòng)動(dòng)作按鈕：可以用來(lái)顯示窗體、觸發(fā)信號(hào)、查看變量/設(shè)備等開關(guān)控制：通過布爾變量設(shè)置狀態(tài)為開或者關(guān)數(shù)值寫入：在HMI運(yùn)行界面修改變量值枚舉選擇：和枚舉變量配合使用單行文本：輸入單行文本多行文本：輸入單行或多行文本直線：繪制指定角度的直線形狀：繪制指定形狀如方形、梯形、圓形等圖片：插入本地圖片用于Logo顯示、背景顯示等設(shè)備狀態(tài)、PLC點(diǎn)位狀態(tài)、IO卡點(diǎn)位狀態(tài)：用于監(jiān)視設(shè)備、PLC、IO卡運(yùn)行狀態(tài)指示燈：將方案運(yùn)行結(jié)果轉(zhuǎn)換為指示燈的不同顏色來(lái)直觀呈現(xiàn)ToolBlock：在HMI界面配置ToolBlock工具基礎(chǔ)控件一、HMI界面基本操作HMI界面的“運(yùn)行界面設(shè)計(jì)器”中的設(shè)計(jì)組件包括基礎(chǔ)控件、運(yùn)行結(jié)果、數(shù)據(jù)報(bào)表及高級(jí)功能OK/NG統(tǒng)計(jì)：良率統(tǒng)計(jì)和顯示統(tǒng)計(jì)窗：統(tǒng)計(jì)良率相關(guān)的數(shù)據(jù)結(jié)果數(shù)據(jù)：鏈接“方案設(shè)計(jì)”界面工具運(yùn)行的結(jié)果數(shù)據(jù)圖像：顯示Bitmap格式圖像圖像（Cognex）：顯示ICogImage格式的圖像運(yùn)行日志：日志的實(shí)時(shí)顯示運(yùn)行結(jié)果一、HMI界面基本操作HMI界面的“運(yùn)行界面設(shè)計(jì)器”中的設(shè)計(jì)組件包括基礎(chǔ)控件、運(yùn)行結(jié)果、數(shù)據(jù)報(bào)表及高級(jí)功能通用數(shù)據(jù)表：方案輸出的數(shù)據(jù)統(tǒng)計(jì)和顯示連接器數(shù)據(jù)表：專用于顯示連接器數(shù)據(jù)結(jié)果數(shù)據(jù)報(bào)表一、HMI界面基本操作HMI界面的“運(yùn)行界面設(shè)計(jì)器”中的設(shè)計(jì)組件包括基礎(chǔ)控件、運(yùn)行結(jié)果、數(shù)據(jù)報(bào)表及高級(jí)功能仿圖：多用于項(xiàng)目中來(lái)查看歷史圖片的視覺處理結(jié)果配方：同一方案適用于多種相似產(chǎn)品時(shí)使用輸入路徑：指定文件路徑Tab控件：實(shí)現(xiàn)一欄多用的功能高級(jí)功能一、HMI界面基本操作進(jìn)入“運(yùn)行界面設(shè)計(jì)器”單擊“+”號(hào)即可添加子窗體可根據(jù)實(shí)際情況修改窗體名稱，如改為“操作須知”可根據(jù)需求在右上角設(shè)置子窗體的寬和高添加子窗體2.HMI界面基本操作添加控件至窗體的方法有3種：1.雙擊控件2.直接拖拽控件至窗體3.右擊窗體空白處，點(diǎn)擊“創(chuàng)建”，選擇對(duì)應(yīng)的控件添加控件注：“運(yùn)行/停止”是HMI界面必須添加的控件，在運(yùn)行模式時(shí)，單擊該控件使方案處于運(yùn)行/停止?fàn)顟B(tài)2.HMI界面基本操作一、HMI界面基本操作可設(shè)置控件的字體類型、大小、顏色、粗細(xì)、下劃線及字體的對(duì)齊方式注：相關(guān)操作類似Word字體及格式設(shè)置字體及格式設(shè)置2.HMI界面基本操作一、HMI界面基本操作可設(shè)置控件的填充顏色、邊框顏色及邊框粗細(xì)填充及邊框設(shè)置2.HMI界面基本操作一、HMI界面基本操作可指定控件的位置和外形的尺寸控件位置設(shè)置2.HMI界面基本操作一、HMI界面基本操作常見的控件包括動(dòng)作按鈕、圖像（Cognex）、OK/NG統(tǒng)計(jì)、Tab控件、結(jié)果數(shù)據(jù)、指示燈等該控件可實(shí)現(xiàn)相應(yīng)動(dòng)作的執(zhí)行，具體屬性說明如下：填充：圖片：選擇填充背景的圖片平鋪：圖片的放置方式，默認(rèn)為平鋪，可下拉選擇填充、均勻、均勻填充圓角：按鈕形狀上倒角的大小，單位：像素屬性：最小間隔（ms）：按鈕兩次觸發(fā)的時(shí)間間隔文本：定義按鈕名稱動(dòng)作：可選擇顯示窗體、觸發(fā)信號(hào)、查看變量、查看設(shè)備、運(yùn)行權(quán)限：可設(shè)置動(dòng)作按鈕的顯示和操作權(quán)限高級(jí)選項(xiàng)：勾選時(shí)可實(shí)現(xiàn)方案運(yùn)行中編輯該動(dòng)作按鈕動(dòng)作按鈕一、HMI界面基本操作3.常見控件屬性說明該控件可實(shí)現(xiàn)在HMI界面顯示圖像處理效果的功能，具體屬性說明如下：內(nèi)容：?jiǎn)螕簪偬幍摹尽浚冖谔幭吕x擇需要顯示的圖像，拷貝圖像：默認(rèn)勾選，即圖像顯示通過拷貝的方式實(shí)現(xiàn)圖像切換：可選自動(dòng)或手動(dòng)，通常保持默認(rèn)的自動(dòng)模式圖像（Cognex）一、HMI界面基本操作常見的控件包括動(dòng)作按鈕、圖像（Cognex）、OK/NG統(tǒng)計(jì)、Tab控件、結(jié)果數(shù)據(jù)、指示燈等3.常見控件屬性說明該控件可對(duì)檢測(cè)結(jié)果進(jìn)行統(tǒng)計(jì)和直觀展示，具體屬性說明如下：字符：設(shè)置不同的檢測(cè)結(jié)果應(yīng)顯示的字體內(nèi)容、顏色及大小屬性：輸入：下拉選擇判斷產(chǎn)品合格與否的工具的輸出，通常使用輸出的布爾數(shù)據(jù)統(tǒng)計(jì)：勾選時(shí)，會(huì)有②所示統(tǒng)計(jì)窗口OK/NG統(tǒng)計(jì)一、HMI界面基本操作常見的控件包括動(dòng)作按鈕、圖像（Cognex）、OK/NG統(tǒng)計(jì)、Tab控件、結(jié)果數(shù)據(jù)、指示燈等3.常見控件屬性說明該控件可實(shí)現(xiàn)靈活切換不同的Tab界面，每個(gè)Tab界面中可自由添加其他控件，具體屬性說明如下：標(biāo)題：自定義Tab的名稱Tab控件一、HMI界面基本操作常見的控件包括動(dòng)作按鈕、圖像（Cognex）、OK/NG統(tǒng)計(jì)、Tab控件、結(jié)果數(shù)據(jù)、指示燈等3.常見控件屬性說明該控件可將工具運(yùn)行的數(shù)據(jù)結(jié)果顯示在HMI界面，具體屬性說明如下：內(nèi)容：?jiǎn)螕簟疤砑印奔纯稍贠utput1處下拉選擇需要顯示的結(jié)果數(shù)據(jù)結(jié)果數(shù)據(jù)一、HMI界面基本操作常見的控件包括動(dòng)作按鈕、圖像（Cognex）、OK/NG統(tǒng)計(jì)、Tab控件、結(jié)果數(shù)據(jù)、指示燈等3.常見控件屬性說明該控件可根據(jù)開啟條件顯示不同的顏色和形狀，其屬性說明如下：填充：可分別設(shè)置指示燈開啟和關(guān)閉的顏色圓角：美化指示燈的形狀屬性：?jiǎn)⒂茫嚎刂剖欠裼弥甘緹?，支持鏈接其他工具輸出?xiàng)燈開啟：控制指示燈開啟或關(guān)閉，支持鏈接其他工具輸出項(xiàng)指示燈一、HMI界面基本操作常見的控件包括動(dòng)作按鈕、圖像（Cognex）、OK/NG統(tǒng)計(jì)、Tab控件、結(jié)果數(shù)據(jù)、指示燈等3.常見控件屬性說明二、HMI界面設(shè)計(jì)設(shè)計(jì)良好的交互界面在滿足強(qiáng)大的功能基礎(chǔ)之上，還會(huì)給人帶來(lái)舒適的視覺感受。在V+平臺(tái)軟件中進(jìn)行HMI界面設(shè)計(jì)的參考步驟如下：二、HMI界面設(shè)計(jì)設(shè)計(jì)界面標(biāo)題1.在HMI界面編輯器中，添加“基礎(chǔ)控件”中的“單行文本”2.在①處輸入文本內(nèi)容，如“第一個(gè)工業(yè)視覺項(xiàng)目”設(shè)計(jì)良好的交互界面在滿足強(qiáng)大的功能基礎(chǔ)之上，還會(huì)給人帶來(lái)舒適的視覺感受。在V+平臺(tái)軟件中進(jìn)行HMI界面設(shè)計(jì)的參考步驟如下：二、HMI界面設(shè)計(jì)添加圖像顯示1.添加“運(yùn)行結(jié)果”中的“圖像（Cognex）”2.在②處配置圖像來(lái)源為“工具塊”的輸出圖像設(shè)計(jì)良好的交互界面在滿足強(qiáng)大的功能基礎(chǔ)之上，還會(huì)給人帶來(lái)舒適的視覺感受。在V+平臺(tái)軟件中進(jìn)行HMI界面設(shè)計(jì)的參考步驟如下：二、HMI界面設(shè)計(jì)添加啟動(dòng)按鈕添加“基礎(chǔ)控件”中的“運(yùn)行/停止”，以保證HMI界面可正常啟動(dòng)方案運(yùn)行設(shè)計(jì)良好的交互界面在滿足強(qiáng)大的功能基礎(chǔ)之上，還會(huì)給人帶來(lái)舒適的視覺感受。在V+平臺(tái)軟件中進(jìn)行HMI界面設(shè)計(jì)的參考步驟如下：二、HMI界面設(shè)計(jì)添加觸發(fā)按鈕添加“基礎(chǔ)控件”中的“動(dòng)作按鈕”并配置其屬性：文本：手動(dòng)觸發(fā)動(dòng)作：觸發(fā)信號(hào)信號(hào)：選擇“001_內(nèi)部觸發(fā)”設(shè)計(jì)良好的交互界面在滿足強(qiáng)大的功能基礎(chǔ)之上，還會(huì)給人帶來(lái)舒適的視覺感受。在V+平臺(tái)軟件中進(jìn)行HMI界面設(shè)計(jì)的參考步驟如下：二、HMI界面設(shè)計(jì)優(yōu)化布局調(diào)整控件大小、位置、居中顯示等，使整個(gè)布局美觀整潔，并關(guān)閉“運(yùn)行界面設(shè)計(jì)器”設(shè)計(jì)良好的交互界面在滿足強(qiáng)大的功能基礎(chǔ)之上，還會(huì)給人帶來(lái)舒適的視覺感受。在V+平臺(tái)軟件中進(jìn)行HMI界面設(shè)計(jì)的參考步驟如下：二、HMI界面設(shè)計(jì)工具組合鏈接“003_取像”和“001_內(nèi)部觸發(fā)”設(shè)計(jì)良好的交互界面在滿足強(qiáng)大的功能基礎(chǔ)之上，還會(huì)給人帶來(lái)舒適的視覺感受。在V+平臺(tái)軟件中進(jìn)行HMI界面設(shè)計(jì)的參考步驟如下：二、HMI界面設(shè)計(jì)保存方案1.另存解決方案并命名為“項(xiàng)目4-HMI界面設(shè)計(jì)-XXX”2.單擊“運(yùn)行模式”設(shè)計(jì)良好的交互界面在滿足強(qiáng)大的功能基礎(chǔ)之上，還會(huì)給人帶來(lái)舒適