2.2 設計畫面

用組態王系統開發的應用程序是以“畫面”為程序單位的，每一個“畫面”對應于程序實際運行時的一個Windows窗口。

用戶可以為每個應用程序建立數目不限的畫面，在每個畫面上生成互相關聯的靜態或動態圖形對象。“組態王”提供類型豐富的繪圖工具，還提供按鈕、實時趨勢曲線、歷史趨勢曲線、報警窗口等復雜的圖形對象。

組態王采用面向對象的編程技術，使用戶可以方便地建立畫面的圖形界面。用戶構圖時可以像搭積木那樣利用系統提供的圖形對象完成畫面的生成。

畫面開發系統是應用程序的集成開發環境，工程人員在這個環境里進行系統開發。

2.2.1 新建畫面

在工程瀏覽器左側樹形菜單中選擇“文件/畫面”，在右側視圖中雙擊“新建”，出現“畫面屬性”對話框，在這里可以設置畫面屬性。輸入畫面名稱“整數累加”，設置畫面位置、大小等，如圖2-16所示。

1.畫面名稱

在此編輯框內輸入新畫面的名稱，畫面名稱最長為20個字符。如果在畫面風格里選中“標題桿”選擇框，此名稱將出現在新畫面的標題欄中。

2.對應文件

此編輯框輸入本畫面在磁盤上對應的文件名，也可由“組態王”自動生成默認文件名。工程人員也可根據自己需要輸入。對應文件名稱最長為8個字符。畫面文件的擴展名必須為“.pic”。

3.注釋

此編輯框用于輸入與本畫面有關的注釋信息。注釋最長為49個字符。

4.畫面位置

輸入6個數值決定畫面顯示窗口位置、大小和畫面大小。

左邊、頂邊。左邊和頂邊位置形成畫面左上角坐標。顯示寬度、顯示高度，指顯示窗口的寬度和高度。以像素為單位計算。畫面寬度、畫面高度，指畫面的大小，是畫面總的寬度和高度，總是大于或等于顯示窗口的寬度和高度。

可以通過對畫面屬性中顯示窗口大小和畫面大小的設置來實現組態王的大畫面漫游功能。大畫面漫游功能也就是組態王制作的畫面不再局限于屏幕大小，可以繪制任意大小的畫面，通過拖動滾動條來查看，并且在開發和運行狀態都提供畫面移動和導航功能。

畫面的最大寬度和高度為8000×8000，最小寬度和高度為50×50。如指定的畫面寬度或高度小于顯示窗口的大小，則自動設置畫面大小為顯示窗口大小。畫面的顯示高度和顯示寬度設置分別不能大于畫面的高度和寬度設置。

當定義畫面的大小小于或者等于顯示窗口大小時，不顯示窗口滾動條；當畫面寬度大于顯示窗口寬度時顯示水平滾動條；當畫面高度大于顯示窗口高度時，顯示垂直滾動條。可用鼠標拖動滾動條，拖動滾動條時畫面也隨之滾動。當畫面滾動時，如選擇“工具\顯示導航圖”命令，則在畫面的右上方有一個小窗口出現，此窗口為導航圖，在導航圖中標志當前顯示窗口在整個畫面中相對位置的矩形也隨之移動。

組態王開發系統會自動記錄滾動條的位置，也就是說當下次再切換到此畫面時，仍然是上次編輯的狀態。當工程關閉后，再打開時仍然保持關閉前的狀態。

通過鼠標拖動畫面右下角可設置畫面顯示窗口大小，拖動畫面左上角可設置顯示窗口的位置。當顯示窗口大小拖動后大于畫面大小時，畫面大小自動設置為顯示窗口大小。

通過鼠標拖拉畫面右下角，并同時按下<Ctrl>鍵可設置畫面顯示窗口和畫面實際大小相等，以顯示窗口的大小為準。

5.畫面風格之標題桿

此選擇用于決定畫面是否有標題桿。若有標題桿，選中此選項在其前面的小方框中有“?”號顯示，開發系統畫面標題桿上將顯示畫面名稱。

6.畫面風格之大小可變

此選擇用于決定畫面在開發系統（TouchExplorer）中是否能由工程人員改變大小。改變畫面大小的操作與改變Windows窗口相同。鼠標挪動到畫面邊界時，鼠標箭頭變為雙向箭頭，拖動鼠標，可以修改畫面的大小。

7.畫面風格之類型

在運行系統中，有3種畫面類型可供選擇：

● “覆蓋式”：新畫面出現時，它重疊在當前畫面之上。關閉新畫面后被覆蓋的畫面又可見。

● “替換式”：新畫面出現時，所有與之相交的畫面自動從屏幕上和內存中刪除，即所有畫面被關閉。建議使用“替換式”畫面以節約內存。

● “彈出式”：“彈出式”畫面被打開后，始終顯示為當前畫面，只有關閉該畫面后才能對其他組態王畫面進行操作。

8.畫面風格之邊框

畫面邊框的3種樣式，可從中選擇一種。只有當“大小可變”選項沒被選中時該選項才有效，否則灰色顯示無效。

9.畫面風格之背景色

此按鈕用于改變窗口的背景色，按鈕中間是當前默認的背景色。用鼠標按下此按鈕后出現一個浮動的調色板窗口，可從中選擇一種顏色。

10.命令語言（畫面命令語言）

根據程序設計者的要求，畫面命令語言可以在畫面顯示時執行、隱含時執行或者在畫面存在期間定時執行。如果希望定時執行，還需要指定時間間隔。執行畫面命令語言的方式有3種：顯示時、存在時、隱含時。這3種執行方式的含義如下：

● 顯示時：每當畫面由隱含變為顯示時，則“顯示時”編輯框中的命令語言就被執行一次。

● 存在時：只要該畫面存在，即畫面處于打開狀態，則“存在時”編輯框中的命令語言按照設置的頻率被反復執行。

● 隱含時：每當畫面由顯示變為隱含時，則“隱含時”編輯框中的命令語言就被執行一次。

單擊“確定”按鈕，進入組態王畫面開發系統，此時工具箱自動加載，如圖2-17所示。

組態王畫面開發系統是應用程序的集成開發環境。工程人員在這個環境中完成界面的設計、動畫連接等工作。畫面開發系統具有先進完善的圖形生成功能；數據庫中有多種數據類型，能合理地抽象控制對象的特性，對數據變量的報警、趨勢曲線、過程記錄、安全防范等重要功能有簡單的操作辦法。利用組態王豐富的圖庫，用戶可以大大減少設計界面的時間，從整體上提高工控軟件的質量。

如果工具箱沒有出現，可選擇菜單“工具/顯示工具箱”或按<F10>鍵打開。

繪制圖素的主要工具放在圖形編輯工具箱中，各基本工具的使用方法與“畫筆”類似。

用鼠標單擊工具箱中的文本工具按鈕“T”，然后將鼠標移動到畫面上適當位置單擊，用戶便可以在畫面中輸入文字“000”。輸入完畢后，單擊鼠標，文字輸入完成。

若需要對輸入的文字進行修改，則可以首先選中該文本，單擊鼠標右鍵，在彈出的菜單中單擊“字符串替換”菜單項，彈出“字符串替換”對話框，輸入要修改的文字。

在工具箱中選擇“按鈕”控件添加到畫面中，然后選中該按鈕，單擊鼠標右鍵，選擇“字符串替換”，將按鈕“文本”改為“關閉”。

注意：建立儀表、文本、按鈕等對象和變量的動畫連接后，才可對這些對象進行各種屬性設置。

2.2.2 圖庫管理器

在開發系統中執行菜單“圖庫/打開圖庫”命令，進入“圖庫管理器”對話框，如圖2-18所示。

圖庫管理器內存放的是組態軟件的各種圖素（稱為圖庫精靈），用戶選擇需要的圖庫精靈就可以設計自己需要的界面。使用圖庫管理器有3方面好處：降低人工設計界面的難度，縮短開發周期；用圖庫開發的軟件將具有統一的外觀；利用圖庫的開放性，工程人員可以生成自己的圖庫精靈。

圖庫精靈中大部分都有連接向導或是精靈外觀設置，可將精靈和數據詞典中的變量聯系起來，但是也有一些精靈沒有動畫連接，只能作為普通圖片使用。將圖庫精靈加載到畫面上之后，雙擊精靈可彈出連接向導，每種精靈有各自的連接向導，一般是將組態王的變量連接到精靈中，還有對精靈外觀的設置。

為圖形畫面添加1個指示燈對象：選擇指示燈庫中的一個圖形對象，雙擊選擇的指示燈圖形，此時圖庫管理器消失，顯示開發系統畫面窗口，在開發系統畫面空白處單擊并拖動鼠標，則畫面中出現選擇的指示燈圖形，可以通過鼠標拖動圖形邊上的箭頭來放大或縮小圖形。

設計的圖形畫面如圖2-19所示。

畫面存儲：畫面設計完成后，在開發系統“文件”菜單中執行“全部存”命令將設計的畫面和程序全部存儲。

在開發系統中，對畫面所做的任何改變，必須存儲，所做的改變才有效，即在畫面運行系統中才能運行我們所做的工作。