第4章 精靈圖

1、第四章 精靈圖 4-11第四章 精靈圖F 有關精靈圖的基本操作F 系統(tǒng)精靈圖庫F 如何使用精靈圖4.1 概述所謂精靈圖就是在外觀上類似于組合圖素，但內(nèi)嵌了豐富的動畫連接和邏輯控制，工程人員只需將其從精靈圖庫中調(diào)出來放在畫面上，再做少量的修改，就能完成復雜的控制功能。精靈圖可以由圖素對象、自定義變量、自定義屬性及動畫處理四部分組成。組成精靈圖的圖素對象可以是直線、折線、矩形、橢圓等簡單圖素或者他們的組合圖，也可以是精靈圖對象，即精靈圖的開發(fā)是可以嵌套的。4.2 創(chuàng)建精靈圖在KingSCADA畫面編輯器中執(zhí)行“文件” “新建” “精靈圖”命令，彈出精靈圖開發(fā)界面，如圖所示：圖4-1 精靈圖開發(fā)界面

2、精靈圖開發(fā)界面與圖形模型開發(fā)界面很相似，由菜單欄、工具欄、工具箱、圖形編輯區(qū)、屬性窗口等組成，操作方法也基本相似，唯一一點不同的是，圖形模型具有傳播性，當對工程圖形模型進行修改后，工程中該模型的所有對象都能自動做出相應修改，也就是說對工程圖形模型的修改能夠傳播到它的對象中，而精靈圖不具有這種特性，精靈圖被引用到畫面中后，在畫面中進行修改。下面通過一個例子說明精靈圖的創(chuàng)建過程。第一步：制作精靈圖外觀：在圖4-1所示的圖形編輯區(qū)編輯我們要做的精靈圖形的外觀，我們先利用圓角矩形圖素以及直線圖素、文本圖素，畫出精靈圖的各個組成部分，各個部分的顏色需要通過調(diào)色板進行設置，設置出我們需要的絢麗的顏色。如圖

3、4-2所示：這個精靈圖的外觀有6部分組成，我們用字母A、B、C、D、E、F表示。然后將各個組成部分一起組合成我們需要的精靈圖形，如圖4-3所示：這樣精靈圖的外觀就做好了。在組合精靈圖的時候我們會用到圖素上下層的調(diào)整，可以選中圖素，點擊右鍵，通過右鍵菜單“位置”來調(diào)整，如圖4-4所示。圖4-2 精靈圖的組成部分 圖4-3 精靈圖的外觀 圖4-4 右鍵菜單第二步：建立精靈圖的屬性、變量：我們要考慮好精靈圖在使用中需要暴露出那些屬性需要在使用中進行修改以及精靈圖具備那些功能。在我們這個精靈圖中我們可以考慮暴露到外面的屬性包括：整體的背景顏色、需要動態(tài)顯示的液位的顏色、液位高度的最大值、最小值。需要關

4、聯(lián)液位高度的變量。屬性定義：單擊右側(cè)“內(nèi)容”選項卡，選中“屬性”點擊右鍵在彈出的右鍵菜單中執(zhí)行“添加屬性”命令，彈出圖4-5所示屬性定義對話框，我們先定義背景顏色，屬性名稱：BackColor，屬性類型：Brush。點擊“默認”后面的彈出調(diào)色板，通過調(diào)色板設置默認的畫刷類型與圖4-2我們設置的畫刷類型一致。圖4-5 屬性定義按照這種方式我們再定義液位顏色：fluidcolor，類型：Brush。液位高度最大值：Max，最小值Min，類型：float。如圖4-6所示，四個參數(shù)定義完成。圖4-6 參數(shù)定義變量定義：在這里建立的變量是局部變量，只能應用在精靈圖中，不能用在其它地方。參數(shù)定義完成后我們

5、定義關聯(lián)液位高度的變量。如圖4-7所示：選中“變量”，點擊右鍵增加變量， 彈出圖4-8所示的變量定義對話框。 圖4-7 增加變量圖4-8 變量定義變量名稱為：fluidValue，變量類型：float，初始值：0。公共變量：是精靈圖訪問的入口變量，在畫面或圖形模型應用精靈圖后，可以由全局變量進行替換的變量，即對外公開的變量。內(nèi)置變量：是精靈圖內(nèi)部變量，不對外公開的，封裝在精靈圖內(nèi)部的變量。精靈圖的屬性、變量定義完成。下面我們定義精靈圖的動畫關聯(lián)。第三步：建立精靈圖的動畫關聯(lián)：精靈圖的動畫關聯(lián)主要是將我們前面定義的屬性、變量與精靈圖的具體圖素關聯(lián)起來。首先我們關聯(lián)液位指示精靈圖的面板（圖素A）的

6、背景顏色，選中作為背景的圓角矩形，設置Brush屬性，點擊Brush屬性后面的按鈕，彈出如圖4-9所示對話框，選擇我們前面定義的BackColor屬性，點擊“確定”完成此屬性的關聯(lián)。圖4-9 Brush屬性設置 同樣的方法，我們設置液位（圖素D）的顏色屬性，選中作為液位的圓角矩形，設置Brush屬性，點擊Brush屬性后面的按鈕，彈出如圖4-9所示對話框，選擇我們前面定義的fluidColor屬性，點擊“確認”完成此屬性的關聯(lián)。其次再設置液位（圖素D）的縮放的動畫連接，選中作為液位的圓角矩形，選擇“連接”，點擊“增加連接”增加動畫連接，如圖4-10所示，選擇縮放的動畫連接。彈出如圖4-11所示

7、的對話框。然后進行相關設置：圖 4-10 動畫連接選擇關聯(lián)的變量：fluidValue，此處只能夠選擇定義的精靈圖的內(nèi)部變量。選擇縮放比例為：線性縮放。選擇縮放的參考點：下。圖 4-11 動畫連接設置最小時對應的數(shù)值：點擊彈出如圖4-9所示的對話框，選擇屬性Min，然后確定。設置最大時對應的數(shù)值：點擊彈出如圖4-9所示的對話框，選擇屬性Max，然后確定。設置完成后如圖4-12所示。點擊確定完成設置。圖4-12 縮放動畫連接定義 第四步：保存精靈圖：至此所有的動畫連接完成了，精靈圖的開發(fā)也就完成了。單擊“文件”菜單中的“保存”命令，彈出精靈圖庫對話框如圖4-13所示：我們選中最上面的“Geniu

8、s Graphy Folders”，點擊右鍵彈出菜單，選擇創(chuàng)建一個新的文件夾，給文件夾命名，例如：my genius。然后給這個精靈圖命名，例如：genius1。這樣一個精靈圖就完成了。保存之后再打開，如圖4-14。精靈圖的制作不僅僅是用基本作圖工具來繪制，我們也可以利用現(xiàn)有的精靈圖通過修改來生成新的精靈圖。圖4-13 保存精靈圖1圖4-14 保存精靈圖24.3 修改精靈圖對于創(chuàng)建完的精靈圖，可以對其進行修改，方法如下：在畫面編輯器中執(zhí)行“文件”“打開”“精靈圖”命令打開精靈圖庫，選擇預修改的精靈圖，單擊“確定”按鈕后，在彈出的精靈圖界面上修改精靈圖。4.4 精靈圖腳本精靈圖腳本是指與精靈圖顯

9、示與否有關的命令語言程序，精靈圖命令語言是在圖形模型開發(fā)界面中定義的，定義方法如下：在KingSCADA精靈圖開發(fā)界面中單擊“動畫連接”窗口中的 圖標，彈出二級菜單，如圖所示：圖4-15 精靈圖腳本菜單精靈圖腳本分為精靈圖打開時、存在時和關閉時的命令語言。打開時：打開或激活當前精靈圖，或精靈圖由隱藏變?yōu)轱@示時執(zhí)行一次。存在時：精靈圖在顯示時，或精靈圖由隱藏變?yōu)轱@示時周期性執(zhí)行，在“每毫秒”編輯框中設置執(zhí)行周期，默認是3000毫秒。關閉時：精靈圖由當前激活狀態(tài)變?yōu)殡[藏或關閉時執(zhí)行一次。4.5 精靈圖庫KingSCADA精靈圖庫用來存儲系統(tǒng)自帶的精靈圖和用戶開發(fā)的精靈圖，它存在于軟件安裝目錄下（即

10、Glib目錄下）。在KingSCADA畫面編輯器中執(zhí)行“文件”“打開”“精靈圖”命令打開精靈圖庫，如圖所示：圖4-16 精靈圖庫在該對話框中包含很多目錄如：Arrows、BackGround、Fans、Meter等，每個目錄下包括很多精靈圖，有些精靈圖是系統(tǒng)自帶的，有些精靈圖是用戶自己開發(fā)的。選中某個目錄單擊鼠標右鍵，彈出右鍵菜單，如圖所示：圖4-17 精靈圖庫右鍵菜單菜單命令及功能描述如下：命令功能描述新建目錄使用此命令或工具欄中的按鈕，在精靈圖目錄區(qū)中建立目錄，該目錄可以指定保存的路徑添加已存在的庫使用此命令或工具欄中的按鈕，可以將其他路徑下（或者是其他計算機下）的精靈圖庫添加到當前圖庫中，精靈圖庫文件的擴展名是.kgn刪除在精靈圖目錄區(qū)中選中一目錄，單擊此命令或工具欄中的按鈕，刪除該目錄重命名在精靈圖目錄區(qū)中選中，單擊此命令或工具欄中按鈕，重新命名該目錄在圖4-16中選擇任一目錄，在該窗口右側(cè)顯示出該目錄下所包含的精靈圖，選中任一精靈圖，彈出右鍵菜單，如圖所示：圖4-18 精靈圖右鍵菜單菜單命令及功能描述如下：命令功能描述編輯使用此命令修改精靈圖名稱及注