一種嵌入式圖形用戶(hù)界面系統的設計與實(shí)現

為了滿(mǎn)足嵌入式系統的界面設計需求，給出了一種圖形用戶(hù)界面系統SKY-GUI的設計思路和其在嵌入式Linux環(huán)境下的實(shí)現方法。SKY-GUI有四大組成部分：輸入抽象層、顯示抽象層、事件系統和窗口系統。其特點(diǎn)是界面美觀(guān)、占用資源少、運行效率高，現已應用于嵌入式視頻監控項目。實(shí)驗證明其設計思路可行，性能優(yōu)良，適用于典型的嵌入式系統項目。

嵌入式圖形用戶(hù)界面（GUI， Graphic UserInterface）系統作為嵌入式系統中的一大關(guān)鍵技術(shù)，為用戶(hù)提供設備的控制接口，其性能的好壞，界面的美觀(guān)程度，影響著(zhù)用戶(hù)對產(chǎn)品的購買(mǎi)意愿和使用感受。

當前嵌入式系統中GUI的實(shí)現方式主要有兩種：一是采用現有的GUI庫；第二種是開(kāi)發(fā)商基于嵌入式操作系統設計特有的GUI系統。采用第1種方式一般要對通用GUI庫進(jìn)行剪裁和個(gè)性化定制，也往往要支出額外的成本來(lái)獲得軟件授權。相對而言，第2種方法實(shí)現的GUI占用資源較小、容易滿(mǎn)足嵌入式系統的實(shí)時(shí)性和個(gè)性化需求。

本文采用第2種方式，在嵌入式Linux下使用C語(yǔ)言實(shí)現了一個(gè)界面美觀(guān)、輕量級、占用資源少、執行效率高的圖形用戶(hù)界面系統SKY-GUI.本文的結構如下：第1部分介紹SKY-GUI的基本結構；第2部分給出具體的模塊設計；第3部分給出其實(shí)驗和測試結果；最后總結。

1 SKY-GUI基本結構

SKY-GUI系統的功能主要有以下四點(diǎn)：

（1）接收各種輸入設備的輸入。

（2）建立消息循環(huán)，將設備的輸入翻譯為抽象的事件。

（3）建立窗口和控件對象系統，組織好各個(gè)抽象模塊的關(guān)系，處理各種GUI事件。

（4）將GUI對象通過(guò)具體形狀顯示在屏幕上，通過(guò)動(dòng)畫(huà)將系統的狀態(tài)變化呈現給用戶(hù)。

基于這樣的設計目標，SKY-GUI結構如圖1所示。


圖1 SKY-GUI的整體架構

它主要由輸入抽象層、顯示抽象層、事件系統和窗口系統四大部分組成。輸入抽象層管理所有的輸入設備，將用戶(hù)的操作轉化成消息送入事件系統。

顯示抽象層操作顯示設備，提供給窗口系統繪畫(huà)、貼圖、顯示字體接口。事件系統為窗口系統提供消息獲取、存儲和處理的機制。窗口系統是SKY-GUI的核心，定義了各種控件和窗口，描述它們之間的邏輯關(guān)系和消息循環(huán)關(guān)系。下面將分別對這四大組成部分的設計進(jìn)行介紹。

2 SKY-GUI模塊設計

2. 1輸入抽象層

輸入抽象層為各種輸入設備對事件系統的輸入接口，它是一個(gè)單獨的線(xiàn)程，其流程如圖2所示。


圖2輸入抽象層流程。

輸入抽象層首先對GUI所需的各種輸入設備初始化，而后等待各個(gè)設備的輸入。當接到設備輸入，就把用戶(hù)對設備的操作翻譯成消息，送至事件系統最底層消息隊列（在異2. 3. 2詳細討論）中。

設備輸入的翻譯過(guò)程根據具體的輸入設備而定。對于鍵盤(pán)，只要將其鍵值和該鍵的狀態(tài)封成消息。對于鼠標，除了要記錄其按鍵狀態(tài)，還要根據鼠標當前的位置和屏幕的大小將輸入的位移分量轉化成鼠標的新位置封入消息。

2. 2顯示抽象層

顯示抽象層的作用是為窗口系統提供顯示接口函數，包括基本圖形接口（畫(huà)點(diǎn)、畫(huà)線(xiàn)、填充矩形、區域拷貝、Alpha混合等）、貼圖接口和字體接口三大功能，其結構如圖3所示。


圖3顯示抽象層的結構。

顯示抽象層在嵌入式Linux下的基礎設備為幀緩沖，對其按坐標寫(xiě)入或讀出顏色值即可實(shí)現基本的圖形接口的功能。

簡(jiǎn)單的貼圖功能用基本圖形接口加bmp格式的文件（圖片不經(jīng)過(guò)壓縮，其顏色分量按坐標順序存儲）就可以實(shí)現。為了讓界面更加美觀(guān)，SKY-GUI移植了開(kāi)源的jpeg庫和png庫來(lái)解壓相應格式的壓縮圖片文件，實(shí)現了對這兩種圖片格式的支持。

對字體的支持當然必不可少。點(diǎn)陣字體把字體的位圖按12伊12、16伊16等格式存入二進(jìn)制文件，可以比較容易地實(shí)現字體接口，但字體不能隨意放大縮小，且放大后字體有明顯的鋸齒。矢量字體用數學(xué)方程加字形上的關(guān)鍵點(diǎn)來(lái)描述字體，可以進(jìn)行無(wú)級縮放，為界面的繪制帶來(lái)極大的靈活性。SKY-GUI移植了開(kāi)源的Freetype庫，用其尋址矢量字體文件并生成字體位圖，實(shí)現了對矢量字體的支持。

2. 3事件系統

事件系統為SKY-GUI的其他三大部分提供消息發(fā)送、存儲、獲取和處理的功能。其核心為消息、消息隊列和消息處理函數。

2. 3. 1消息定義

SKY-GUI的消息定義為：

typedef STruct __MSG {

HWND hWnd；搖/ /窗口指針

int event；搖/ /事件編號

void* wParam；搖/ /事件附加參數1

void* lParam；搖/ /事件附加參數2

} MSG；

hWnd為指向窗口的指針，表明此消息需要發(fā)給哪個(gè)窗口。event為事件編號，用不同的整數代表不同的事件。wParam和lParam為事件的附加參數，它們的含義根據事件類(lèi)型的不同而定，例如，在鼠標消息中這兩個(gè)參數就代表光標在屏幕上的坐標位置。