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