1、會計學(xué)1講課講課HMIWeb第1頁/共68頁第2頁/共68頁第3頁/共68頁第4頁/共68頁第5頁/共68頁第6頁/共68頁背景圖對象按鈕對象下拉菜單趨勢圖數(shù)據(jù)對象活動對象第7頁/共68頁 從開始菜單啟動：StartProgramsHoneywellE x p e r i o n P K S S e r v e r HMIWebDisplayBuilder. 1.3 HMIWeb Display Builder軟件的運(yùn)行軟件的運(yùn)行第8頁/共68頁菜單條工具條物體對象瀏覽器點(diǎn)瀏覽器圖形編輯窗口工具條第9頁/共68頁第10頁/共68頁作圖工具介紹 矩形或正方形矩形或正方形 圓角矩形圓角矩形 圓或橢

2、圓（圓或橢圓（shiftshift） 直線直線 非封閉折線非封閉折線 封閉折線封閉折線 圓滑曲線圓滑曲線 弧線弧線 扇形扇形 文本文本 生成鏈接生成鏈接 數(shù)據(jù)的顯示數(shù)據(jù)的顯示 復(fù)選框復(fù)選框 ButtonButton按鈕按鈕 指示器指示器 下拉菜單下拉菜單 圖表圖表 ActiveX ActiveX 文件文件 圖像圖像 插入子圖插入子圖 插入插入 Active控件控件 事件表事件表 報警表報警表 插入一個報警狀態(tài)插入一個報警狀態(tài)第11頁/共68頁 縮放圖大小縮放圖大小固定網(wǎng)格點(diǎn)繪圖固定網(wǎng)格點(diǎn)繪圖 顯示或隱藏坐標(biāo)顯示或隱藏坐標(biāo) 顯示或隱藏網(wǎng)格顯示或隱藏網(wǎng)格顯示和隱藏對象表顯示和隱藏對象表 道具窗口道

3、具窗口 腳本編輯腳本編輯 樣式表樣式表 Shape 圖庫圖庫 HTML 源源第12頁/共68頁處理工具：處理工具： 將選中圖元置最前面將選中圖元置最前面 將選中圖元置最底下將選中圖元置最底下 將選中圖元組合將選中圖元組合 取消組合取消組合 使圖元轉(zhuǎn)向使圖元轉(zhuǎn)向9090、180180度度 鎖定圖元位置鎖定圖元位置 對齊圖形對齊圖形 對齊頁面對齊頁面第13頁/共68頁 繪制矢量圖形對象繪制矢量圖形對象合并后點(diǎn)擊原來圖形用變形工具合并圖形：用變形工具合并圖形： 用用 組合基本圖形，用組合基本圖形，用 結(jié)合組合圖形。將會使結(jié)合組合圖形。將會使 變?yōu)樽優(yōu)?。第14頁/共68頁每一個圖元都有一個屬性參數(shù)，

4、不同的圖元又有不同的屬性參數(shù)。每一個圖元的屬性窗口都有幾個不同的標(biāo)簽。 圖元名圖元有效數(shù)據(jù)聯(lián)接動畫設(shè)置第15頁/共68頁Alphanumeric 顯示過程數(shù)據(jù)值None沒有數(shù)據(jù)連接Point/Parameter 連接到點(diǎn)及其參數(shù)Database File 連接到數(shù)據(jù)庫文件Database Index連接到數(shù)據(jù)庫索引Data entry allowed: 是否允許操作。及允許操作的級別第16頁/共68頁選擇或不選擇框標(biāo)簽使用逆邏輯第17頁/共68頁Button 按鈕自定義背景調(diào)圖用于按鈕屬性的設(shè)置,需要在Detail中對按鈕的具體動作進(jìn)行設(shè)置 第18頁/共68頁Indicator 指示器指示器的

5、形狀指示器起點(diǎn)第19頁/共68頁第20頁/共68頁第21頁/共68頁選擇：點(diǎn)擊選擇：點(diǎn)擊 圖標(biāo)，選擇圖標(biāo)，選擇 Display 。配置流程圖屬性。配置流程圖屬性。選擇繪圖工具，建立目標(biāo)對象。選擇繪圖工具，建立目標(biāo)對象。設(shè)置目標(biāo)對象的屬性。設(shè)置目標(biāo)對象的屬性。連接數(shù)據(jù)。連接數(shù)據(jù)。保存保存 Display 圖類型。圖類型。保存文件的缺省文件夾：保存文件的缺省文件夾：Program FilesHoneywellExperion PKSClientAbstract第22頁/共68頁畫一張流程圖第23頁/共68頁選擇流程圖的存放地址第24頁/共68頁Station連接第25頁/共68頁第26頁/共68頁

6、添加一個點(diǎn)連接第27頁/共68頁加一個液位顯示，輸入點(diǎn)細(xì)目第28頁/共68頁保存，打開STATION，查找，可以看到新加的點(diǎn)第29頁/共68頁P(yáng)opup子圖功能和特點(diǎn)第30頁/共68頁添加一個彈入子圖第31頁/共68頁存檔第32頁/共68頁打開需要添加彈出子圖的主圖，打開需要彈出子圖的設(shè)備第33頁/共68頁選擇所需彈出子圖的位置第34頁/共68頁在STATION中可以看到彈出子圖第35頁/共68頁在HMIWeb里可以修改彈出子圖的彈出位置第36頁/共68頁添加一個順序子圖第37頁/共68頁畫一個順序子圖，注意排序第38頁/共68頁保存畫好的順序子圖第39頁/共68頁在主圖中鏈接順序子圖第40頁

7、/共68頁修改順序子圖的參數(shù)，包括連接點(diǎn)細(xì)目及使用順序子圖第41頁/共68頁在STATION中查看新添加的順序子圖第42頁/共68頁直接在儀表上使用順序子圖第43頁/共68頁設(shè)置鏈接點(diǎn)顏色修改選擇方式第44頁/共68頁在STATION中查看新添加的順序子圖第45頁/共68頁添加彈出面板，用于操作閥等設(shè)備第46頁/共68頁可直接操作閥第47頁/共68頁添加連續(xù)變化的順序子圖第48頁/共68頁第49頁/共68頁在STATION中查看新添加的順序子圖第50頁/共68頁添加動態(tài)子圖第51頁/共68頁編輯動態(tài)子圖第52頁/共68頁編輯連接腳本第53頁/共68頁第54頁/共68頁合并保存第55頁/共68頁

8、第56頁/共68頁在主圖中輸入所要連接的點(diǎn)第57頁/共68頁在STATION中查看新添加的動態(tài)子圖第58頁/共68頁加按鈕第59頁/共68頁編輯按鈕按鈕描述類型連接設(shè)備名稱第60頁/共68頁在STATION中查看新添加的按鈕第61頁/共68頁第62頁/共68頁第63頁/共68頁例子：一個風(fēng)扇的啟動和停止。例子：一個風(fēng)扇的啟動和停止。 有三個圖元：風(fēng)扇組、有三個圖元：風(fēng)扇組、Start 按鈕和按鈕和 Stop 按鈕。按鈕。 風(fēng)扇組是一個風(fēng)扇組是一個 shape 文件（文件（FEN.DSP)，它由五個圖元組成，派成一列。，它由五個圖元組成，派成一列。當(dāng)文件執(zhí)行時，按著次序顯示五個圖形，風(fēng)扇就轉(zhuǎn)起來

9、了。當(dāng)文件執(zhí)行時，按著次序顯示五個圖形，風(fēng)扇就轉(zhuǎn)起來了。第64頁/共68頁在在 OnClick 建立一個建立一個 200ms 的計時器，用它來控制風(fēng)扇轉(zhuǎn)動的速度。的計時器，用它來控制風(fēng)扇轉(zhuǎn)動的速度。 Sub StartBtn_OnClick() Call CreateTimer(1, 200) End Sub 在在 OnTimer 設(shè)置圖形顯示順序。設(shè)置圖形顯示順序。 Sub StartBtn_OnTimer(1TimerID)If Fan.Value = 5 Then Fan.Value = 2 Else Fan.Value = Fan.Value +1 End If End Sub 對對 Start 按鈕的腳本編輯：按鈕的腳本編輯：第65頁/共68頁在在 OnClick 輸入如下內(nèi)容，恢復(fù)風(fēng)扇為第一個位置（停止）。輸入如下內(nèi)容，恢復(fù)風(fēng)扇為第一個位置（停止）。 Sub StopBtn_OnClick()