本文所舉的幾個(gè)圖形設(shè)計(jì)范例均是最簡單的，但卻是最基本的，而復(fù)雜的圖形畫面和動畫一般是這些基本功能的復(fù)合和嵌套。圖形和文字處理功能是當(dāng)今計(jì)算機(jī)日益普及的基石。組態(tài)王支持各種I/O卡、PLC和智能化儀表及電器，可以預(yù)料帶有網(wǎng)卡的家用電器也將不斷涌現(xiàn)，這樣，基于PC和Windows的五彩繽紛的組態(tài)畫面將工廠、學(xué)校和家庭的大大小小的設(shè)備融合在一起，進(jìn)而同其它Windows應(yīng)用程序畫面融合在一起。
例1“屬性變化”、“位置與大小變化”、組合圖素、合成單元和圖形工具命令語言的簡單應(yīng)用。
啟動組態(tài)王工程管理器，新建一個(gè)工程。圖形畫面如圖1（運(yùn)行時(shí)）所示，畫面底版用圓角矩形制作，并應(yīng)用了過渡色。
圖1 圖形功能設(shè)計(jì)范例畫面（運(yùn)行時(shí)）
（1）填充與自制棒圖選取線屬性（表達(dá)式取常數(shù)0，運(yùn)行時(shí)線的粗細(xì)和顏色不隨時(shí)間而變）、填充屬性（動畫連接表達(dá)式取填充0，事先定義的變量，內(nèi)存實(shí)數(shù)，要分段設(shè)置畫刷和顏色，不妨設(shè)：0—紅，20—黃，40—綠，60—青，80—蘭，100—紫色。運(yùn)行時(shí)調(diào)節(jié)游標(biāo)，可得變色棒圖）和填充（表達(dá)式取：填充0），用圖庫中的游標(biāo)（表達(dá)式取：填充0）控制。
（2）縮放選取線屬性（表達(dá)式取0）、填充屬性（表達(dá)式取0）和縮放（表達(dá)式取：縮放0），用游標(biāo)控制。
（3）旋轉(zhuǎn)0選取旋轉(zhuǎn)（表達(dá)式取：旋轉(zhuǎn)0），用游標(biāo)控制。
（4）旋轉(zhuǎn)1選取旋轉(zhuǎn)（表達(dá)式取：旋轉(zhuǎn)1），用啟動和停止按鈕（它們用橢圓和文本制成組合圖素）控制。啟動和停止按鈕彈起時(shí)的命令語言分別為：
\本站點(diǎn)旋轉(zhuǎn)啟停0=1;
和
\本站點(diǎn)旋轉(zhuǎn)啟停0=0;
畫面命令語言顯示時(shí)的代碼為：
本站點(diǎn)旋轉(zhuǎn)1=10;
存在時(shí)的代碼為：
if(\本站點(diǎn)旋轉(zhuǎn)啟停0==1)\本站點(diǎn)旋轉(zhuǎn)1=\本站點(diǎn)旋轉(zhuǎn)1+1;else\本站點(diǎn)旋轉(zhuǎn)1=\本站點(diǎn)旋轉(zhuǎn)1;if(\本站點(diǎn)旋轉(zhuǎn)1==101)\本站點(diǎn)旋轉(zhuǎn)1=0；
（5）水平移動和垂直移動可以將水平移動連接和垂直移動連接結(jié)合使用，選取水平移動（表達(dá)式取：水平移動0）和垂直移動（表達(dá)式取：垂直移動0），分別用兩個(gè)游標(biāo)控制。
（6）自制軟按鈕和軟燈軟燈用橢圓制作，填充屬性（表達(dá)式取：自制軟按鈕0），自制軟按鈕用圓角矩形和文本制成合成單元，應(yīng)該注意圓角矩形在合成單元前就要動畫連接。“按下時(shí)”的命令語言：
\本站點(diǎn)自制軟按鈕0=1;
彈起時(shí)的命令語言：
\本站點(diǎn)自制軟按鈕0=0;
例2模擬值輸入連接。過程控制系統(tǒng)中設(shè)定溫度（期望值）在線實(shí)時(shí)運(yùn)行修改。
圖形畫面仍如圖1所示。模擬輸入圖形對象為用圓角矩形和文本制成的合成單元，應(yīng)該注意圓角矩形在合成單元前就要動畫連接。運(yùn)行時(shí)，模擬值鍵盤輸入對話框如圖2所示。
圖2 模擬值鍵盤輸入對話框（運(yùn)行時(shí)）
例3滑動桿（滑桿、游標(biāo)）輸入連接和文本值輸出的簡單應(yīng)用。首先定義變量：水平滑動桿輸入坐標(biāo)X設(shè)定0，垂直滑動桿輸入坐標(biāo)Y設(shè)定0，內(nèi)存實(shí)數(shù)。用合成單元技術(shù)建立一個(gè)XY坐標(biāo)系，在原點(diǎn)設(shè)置具有水平和垂直兩種滑動桿輸入連接性能的圓，以此圓作為滑動桿，并設(shè)置兩個(gè)接收文本，以顯示XY坐標(biāo)值，文本值輸出取模擬值輸出。圖形畫面仍如圖1所示。
例4特殊動畫連接閃爍和隱含的簡單應(yīng)用：燈光的閃爍，位圖一棵樹及“退出運(yùn)行系統(tǒng)”按鈕的隱含。首先定義變量：閃爍0，隱含0，內(nèi)存離散。
（1）燈光的閃爍8條光線選擇閃爍連接，閃爍條件取“閃爍0==1;”，閃爍速度500ms，其中左上、右上、左下和右下4條光線在組態(tài)王開發(fā)系統(tǒng)中設(shè)置時(shí)只能水平放置，故還要進(jìn)行旋轉(zhuǎn)連接，表達(dá)式取12.5(對應(yīng)45度)，同時(shí)要考慮順時(shí)針或反時(shí)針方向問題。由于工具箱中按鈕的字體不能任意放大，故用合成單元技術(shù)將按鈕與文本建立成一個(gè)“閃爍/停止”按鈕，其“按下時(shí)”的程序碼為：
if(\本站點(diǎn)閃爍0==0)\本站點(diǎn)閃爍0=1;else\本站點(diǎn)閃爍0=0;
（2）位圖一棵樹及“退出運(yùn)行系統(tǒng)”按鈕的隱含位圖一棵樹取自WINDOWS圖片/自然界，可通過WORD編輯等方法獲取，“退出運(yùn)行系統(tǒng)”按鈕后面要敘述。隱含條件取“隱含0==1;”。用合成單元技術(shù)建立一個(gè)“隱含/復(fù)現(xiàn)”按鈕，其“按下時(shí)”的命令語言代碼為：
if(\本站點(diǎn)隱含0==0)\本站點(diǎn)隱含0=1;else\本站點(diǎn)HMTX隱含0=0;
例5組態(tài)王圖庫中的元素稱為“圖庫精靈”。之所以稱為“精靈”，是因?yàn)樗鼈兙哂凶约旱摹吧薄D庫精靈在外觀上類似于組合圖素，但內(nèi)嵌了豐富的動畫連接和邏輯控制。用戶可以根據(jù)自己工程的需要，將一些需要重復(fù)使用的復(fù)雜圖形做成圖庫精靈，加入到圖庫管理器中。組態(tài)王提供兩種方式供用戶自制圖庫。一種是編制程序方式，即用戶利用亞控公司提供的圖庫開發(fā)包，自己利用VC開發(fā)工具和組態(tài)王開發(fā)系統(tǒng)中生成的精靈描述文本制作，生成*.dll文件。關(guān)于該種方式，詳見亞控公司提供的圖庫開發(fā)包。另一種是利用組態(tài)王開發(fā)系統(tǒng)中建立動畫連接并合成圖素的方式直接創(chuàng)建圖庫精靈。在此將對第二種方式做詳細(xì)說明。現(xiàn)舉一個(gè)制作圖庫精靈的例子。畫面上一個(gè)按鈕，代表一個(gè)開關(guān)，開關(guān)打開時(shí)按鈕為綠色，開關(guān)關(guān)閉后變?yōu)榧t色，并用這個(gè)按鈕控制一個(gè)軟燈。
在設(shè)計(jì)時(shí)，首先要用合成單元技術(shù)制作一個(gè)綠色按鈕（開）和一個(gè)紅色按鈕（關(guān)），用一個(gè)變量（取為：圖庫精靈開關(guān)0）和它們連接，紅色按鈕的隱含條件表達(dá)式為：“圖庫精靈開關(guān)0==1;”，“彈起時(shí)”的命令語言代碼；
\本站點(diǎn)HMTX圖庫精靈開關(guān)0=1;
綠色按鈕的隱含條件表達(dá)式為：“HMTX圖庫精靈開關(guān)0==0;”，“彈起時(shí)”的命令語言代碼；
\本站點(diǎn)HMTX圖庫精靈開關(guān)0=0;
最后把它們疊在一起，并制成合成單元，紅色按鈕在上面。由于兩個(gè)按鈕大小相同，疊在一起并制成合成單元較復(fù)雜，方法為：疊在一起以后，先將底板（非原始底板）移動到別處，激活紅色按鈕，將其“圖素后移”，按下ctrl鍵，激活綠色按鈕，將綠色按鈕“圖素后移”，紅色按鈕又在上面，而后合成單元。松開ctrl鍵，打開圖庫，經(jīng)圖庫管理器/編輯，創(chuàng)建新圖庫，取名“自制圖庫”，關(guān)閉圖庫管理器，激活合成按鈕，經(jīng)標(biāo)題條圖庫/創(chuàng)建圖庫精靈/新的圖庫圖名稱，取名“自制按鈕0”，確認(rèn)后，出現(xiàn)圖庫管理器，選取其中的“自制圖庫”，將“按鈕精靈”放到“自制圖庫”中。如此，制作“自制圖庫”和“按鈕精靈”全部完畢。這樣工程人員只要把“按鈕精靈”從圖庫拷貝到畫面上，它就具有了“打開為綠色，關(guān)閉為紅色”的按鈕功能。
圖庫中的幾乎每個(gè)精靈都有類似的已經(jīng)定義的動畫連接，所以使用圖庫精靈將極大地提高設(shè)計(jì)界面的效率。例如使用第一種方式即用VC編制程序制作的圖庫精靈具有自動控制圖形外觀和進(jìn)行變量設(shè)置等的向?qū)Чδ堋Ｓ玫诙N方式制作的圖庫精靈放到畫面上以后，雙擊之，出現(xiàn)“內(nèi)容替換”框，可以根據(jù)用戶具體需求改變變量名稱，替換動畫連接屬性。這是第二種方式“圖庫精靈”的使用特點(diǎn)。
例6運(yùn)行系統(tǒng)中三個(gè)畫面的切換與運(yùn)行畫面的全部退出。設(shè)當(dāng)前畫面“圖形功能HMTX”與隱含畫面“多功能IO卡HMIO”及畫面“可編程控制器PLCHMPLC”相互之間要切換，并具有退出“組態(tài)王運(yùn)行系統(tǒng)”功能。所設(shè)計(jì)出的圖形畫面仍如圖1所示。
首先用合成單元技術(shù)制作4個(gè)按鈕：退出本畫面、IO卡畫面、PLC畫面和退出運(yùn)行系統(tǒng)按鈕，它們的“彈起時(shí)”命令語言代碼分別為：
“ClosePicture("圖形功能HMTX");”，“ShowPicture("多功能IO卡HMIO");”，“ShowPicture("可編程三菱PLCHMPLC");”，“Exit(0);”。
退出運(yùn)行系統(tǒng)畫面按鈕還設(shè)置了隱含屬性，隱含條件表達(dá)式取“隱含0==1;”（見例4）。代碼“Exit(0);”：若改成“Exit(1);”，表示計(jì)算機(jī)總安全關(guān)機(jī)；若改成“Exit(2);”，表示退出運(yùn)行系統(tǒng)，Windows重新啟動。當(dāng)退出運(yùn)行系統(tǒng)按鈕被隱含時(shí)，鼠標(biāo)操作失效；但當(dāng)用別的圖形遮蓋時(shí)，即使合成單元，鼠標(biāo)操作也不失效。在進(jìn)行畫面安全操作性能設(shè)計(jì)時(shí)要考慮這些因素。
