1 引言

　　目前，三維用戶圖形界面已成為移動嵌入式設備的一個

　　新的發(fā)展趨勢。三維用戶圖形界面的實現(xiàn)依賴于嵌入式軟件

　　平臺中的 3D 圖形庫。目前，嵌入式 3D 圖形庫已有業(yè)界的工

　　業(yè)標準 OpenGL ES，它是專門為嵌入式設備設計的跨平臺的

　　三維圖形 API 標準，是 Khronos 協(xié)會從 OpenGL 裁剪定制而來

　　的?；?OpenGL ES 的 API 來開發(fā)應用程序，需要熟悉復雜

　　的圖形 API 和豐富的數(shù)學知識，具有一定的難度。為了能夠

　　快速簡單地開發(fā)三維應用，OpenedHand 公司開發(fā)了一個開源

　　UI 圖形庫 Clutter。

　　Clutter 用于創(chuàng)建快速、視覺效果豐富、支持三維圖形和動

　　畫效果的用戶圖形程序。Clutter 仍然使用 OpenGL ES 作為底

　　層的圖形渲染庫，但是向開發(fā)者屏蔽了 GL 的 API，對其復雜

　　接口進行了封裝。與 OpenGL ES 相比，Clutter 的 API 易用、

　　高效、并且具有很大的靈活性。

　　2 Clutter 的系統(tǒng)設計

　　Clutter 的系統(tǒng)架構可以分為 3 個層次：核心模塊、后端實

　　現(xiàn)以及系統(tǒng)平臺支持，如圖 1 所示。Clutter 的核心模塊包括界

　　面元素模塊 UI elements、GL 抽象層 COGL、UI 腳本模塊 JSon

　　以及事件處理模塊 Event Loop。Clutter 的后端實現(xiàn)層是指

　　Clutter 與窗口系統(tǒng) X11 以及 EGL 的集成部分。系統(tǒng)平臺支持

　　層是指 Clutter 對系統(tǒng)平臺的依賴部分，包括 OpenGL ES，

　　EGL，以及 X Window 等。

　　界面元素GL 抽象庫事件處理UI 描述腳本Clutter

　　UI elementsCOGLEvent LoopJSon核心模塊

　　Clutter-EglX 后端Clutter-X11 后端Clutter

　　后端實現(xiàn)

　　OpenGL ESEGLX11Pango系統(tǒng)平臺

　　2.1 界面元素模塊

　　Clutter 的繪圖模型采用的是基于場景圖的保留模式。場

　　景具有三維空間，場景中的每個對象都代表了三維空間中的

　　一個二維曲面，采用二維圖形來表達三維效果。場景圖的頂

　　層容器稱為 Stage，場景圖中的基本界面元素稱為 Actor。Stage

　　就是一個預設的三維空間。標準的 Actor 具有 2D 形狀，能夠

　　在三維空間進行縮放、旋轉、部分透明等變換。

　　可以將多個 Actor 組合成一個 Group，然后對這個 Group

　　作變換時，Group 中的所有 Actor 就會跟著一起改變，相當?shù)?/p>

　　方便。多個 Group 還可以再組合成另一個 group 里，這樣可以

　　很方便去設計一些動畫。

　　2.2 GL 抽象層

　　COGL 是 Clutter 定義的一個 GL 的抽象庫，它提供了一套

　　通用的渲染 API，對 OpenGL 1.4 及更高版本， OpenGL ES 1.1

　　和 OpenGL ES 2.0 進行了封裝。其目的是增強 Clutter 在各個

　　OpenGL 和 OpenGL ES 版本之間的可移植性。

　　2.3 基于腳本的 UI 描述

　　JSon 是 Clutter 提供的一種描述用戶圖形界面的腳本語言，

　　它的語法源自 JSON （JavaScript Objective Notation）。JSon 所描

　　述的每一個 UI 元素都稱之為對象。JSon 支持的對象類型十分

　　廣泛，不僅包括所有的 Actor 和 Container，還支持 Behavior 對

　　象。應用程序動態(tài)加載 JSon 描述文件并獲取其中的對象，來

　　構建 UI 圖形界面。

　　2.4 Clutter 的后端實現(xiàn)

　　Clutter 作為一個 GUI 圖形庫，必須和底層的窗口系統(tǒng)集

　　成。目前，Clutter 提供了基于 X Window 的實現(xiàn)：Clutter-X11

　　后端和 Clutter-eglx 后端。Clutter 后端對象的繼承關系如圖 2Clutter 在Linux 中的探究