專利名稱：快速圖形化開(kāi)發(fā)系統(tǒng)的制作方法
技術(shù)領(lǐng)域：
本發(fā)明涉及一種軟件設(shè)計(jì)開(kāi)發(fā)系統(tǒng)，尤其涉及一種基于CGI (Common Graphic Interface,通用圖形接口)的數(shù)字電視的OSD ( On Screen Display,屏幕顯示界面) 快速圖形化開(kāi)發(fā)系統(tǒng)。
背景技術(shù)：
數(shù)字電視領(lǐng)域采用OSD界面顯示技術(shù)進(jìn)行屏幕界面的軟件開(kāi)發(fā)。所謂OSD界 面顯示技術(shù)是指在在視頻之上提供給用戶 一套獨(dú)立存在的，用于控制數(shù)字電視各種 軟硬件控制功能，以及提供節(jié)目，信號(hào)，以及其他各種服務(wù)信心的界面系統(tǒng)，背景 層為硬件初始畫面，用于初始化顯示設(shè)備，視頻層顯示正播放的碼流，即當(dāng)前節(jié)目， 圖形層顯示OSD (圖形層根據(jù)硬件的不同可能被分為2層乃至更多)，OSD界面的 狀態(tài)轉(zhuǎn)移是通過(guò)消息驅(qū)動(dòng)的機(jī)制來(lái)實(shí)現(xiàn)的，在消息響應(yīng)函數(shù)中進(jìn)行消息處理。見(jiàn)到 的屏幕圖像是這三層(背景層、視頻層、圖形層)的疊加(blend)后的圖像。
在現(xiàn)有的OSD界面軟件開(kāi)發(fā)中，程序員直接利用編程語(yǔ)言(例如C++ )在一個(gè) 集成開(kāi)發(fā)環(huán)境(比如VC++)中實(shí)現(xiàn)數(shù)字電視的各種菜單和功能，界面的效果和功 能完全由程序員編碼來(lái)完成。最后，程序員在集成開(kāi)發(fā)環(huán)境中編譯好的程序燒錄到 嵌入式設(shè)備中。
采用上述的開(kāi)發(fā)方式，開(kāi)發(fā)效率低下，程序員負(fù)擔(dān)重，而且界面效果只有在 程序編寫完畢并且燒錄到相應(yīng)的嵌入式設(shè)備中才能真正看見(jiàn)，在編碼過(guò)程中任何效 果上的偏差都需要回到集成開(kāi)發(fā)環(huán)境中進(jìn)行重新編寫和修改，然后再編譯連接成新 的程序，這樣既不直觀也很費(fèi)時(shí)。
同時(shí)，上述的開(kāi)發(fā)方式也無(wú)法滿足速度上的需要。不同項(xiàng)目對(duì)界面及其功能 的需要是多樣化的，現(xiàn)有的OSD界面軟件開(kāi)發(fā)無(wú)法在較短時(shí)間內(nèi)完成編碼，又由于 界面效果的不直觀，造成調(diào)試階段的時(shí)間過(guò)長(zhǎng)，增加開(kāi)發(fā)的不確定性。而且，在集 成開(kāi)發(fā)環(huán)境中編寫代碼完成界面開(kāi)發(fā)一般只能由程序員來(lái)完成，給開(kāi)發(fā)帶來(lái)了 一定的局限性。

發(fā)明內(nèi)容
本發(fā)明的目的在于解決上述問(wèn)題，提供一種快速圖形化開(kāi)發(fā)系統(tǒng)，以一個(gè)類 似圖像處理工具的環(huán)境減少編寫代碼的工作量，并提供給用戶所見(jiàn)即所得的可視化 效果。
本發(fā)明的技術(shù)方案為 一種快速圖形化開(kāi)發(fā)系統(tǒng)，包括
核心數(shù)據(jù)存儲(chǔ)單元，存儲(chǔ)項(xiàng)目中所有的元素，該些元素包括資源元素、界面 元素、窗口元素、項(xiàng)元素以及基本元素；
用戶編輯單元，用戶基于該單元進(jìn)行界面圖形的開(kāi)發(fā)，所述用戶編輯單元進(jìn) 一步包括
窗口編輯器，在屏幕的窗口繪制區(qū)顯示所設(shè)計(jì)的界面圖形以及在該窗口 繪制區(qū)對(duì)界面圖形實(shí)時(shí)地可視化修改；
項(xiàng)目編輯器，以樹狀結(jié)構(gòu)顯示項(xiàng)目的所有節(jié)點(diǎn)以及該些節(jié)點(diǎn)各自的屬性 值，并對(duì)該些節(jié)點(diǎn)和其屬性值進(jìn)行細(xì)微的修改，修改結(jié)果直接顯示在所述窗口繪制 區(qū)中；
項(xiàng)編輯器，將選定的項(xiàng)元素顯示在窗口繪制區(qū)或?qū)⑵潆[藏，并對(duì)項(xiàng)元素 進(jìn)行編輯修改；
繪圖編輯器，提供在窗口編輯器中供設(shè)計(jì)人員繪制的各種工具； 數(shù)據(jù)處理接口 ，連接所述核心數(shù)據(jù)存儲(chǔ)單元和用戶編輯單元，所述用戶 編輯單元對(duì)核心數(shù)據(jù)所做的修改通過(guò)所述數(shù)據(jù)處理接口更新所述核心數(shù)據(jù)存儲(chǔ)單
元中的數(shù)據(jù)。
上述的快速圖形化開(kāi)發(fā)系統(tǒng)，其中，所述核心數(shù)據(jù)存儲(chǔ)單元以樹型數(shù)據(jù)結(jié)構(gòu) 存儲(chǔ)該些項(xiàng)目元素，以單個(gè)項(xiàng)目為根節(jié)點(diǎn)，該根節(jié)點(diǎn)下連接資源元素和界面元素的 子節(jié)點(diǎn)，該資源元素子節(jié)點(diǎn)下連接數(shù)個(gè)資源項(xiàng)元素的葉節(jié)點(diǎn)，該界面元素子節(jié)點(diǎn)下 連接數(shù)個(gè)窗口元素子節(jié)點(diǎn)，該些窗口元素子節(jié)點(diǎn)下各自連接數(shù)個(gè)項(xiàng)元素子節(jié)點(diǎn)，該 些項(xiàng)元素子節(jié)點(diǎn)下各自連接數(shù)個(gè)基本元素葉節(jié)點(diǎn)。
上述的快速圖形化開(kāi)發(fā)系統(tǒng)，其中，所述基本元素包括繪圖元素和邏輯元素， 以供定義界面的式樣和功能。
上述的快速圖形化開(kāi)發(fā)系統(tǒng)，其中，所述項(xiàng)目編輯器進(jìn)一步包4舌節(jié)點(diǎn)編輯單 元和屬性編輯單元，所述節(jié)點(diǎn)修改單元增加、刪除、修改樹狀結(jié)構(gòu)中的節(jié)點(diǎn)，所述 屬性編輯單元修改該些節(jié)點(diǎn)的屬性值。
上述的快速圖形化開(kāi)發(fā)系統(tǒng)，其中，所述項(xiàng)編輯器進(jìn)一步包括項(xiàng)元素編輯單 元和項(xiàng)元素選擇顯示單元，所述項(xiàng)元素編輯單元增加、刪除項(xiàng)元素，項(xiàng)元素選4奪顯 示單元將用戶選定的項(xiàng)元素顯示在窗口繪制區(qū)。
上述的快速圖形化開(kāi)發(fā)系統(tǒng)，其中，所述繪圖編輯器進(jìn)一步包括
選取模塊，在該窗口繪制區(qū)中點(diǎn)選當(dāng)前編輯的項(xiàng)中的基本元素，被選中的基
本元素可被控制移動(dòng)；
圖標(biāo)模塊，在該窗口繪制區(qū)定義圖標(biāo)的大小和位置； 圖形模塊，在該窗口繪制區(qū)直接繪制圖形；
文字模塊，在該窗口繪制區(qū)直接繪制文字； 位圖模塊，在該窗口繪制區(qū)定義位圖的大小和位置； 邏輯定義模塊，定義繪圖編輯器中的邏輯功能；
動(dòng)畫模塊，在該窗口繪制區(qū)直接繪制動(dòng)畫； 進(jìn)度條模塊，在該窗口繪制區(qū)修改進(jìn)度條。
本發(fā)明對(duì)比現(xiàn)有技術(shù)有如下的有益效果本發(fā)明的系統(tǒng)通過(guò)項(xiàng)目編輯器以樹 形結(jié)構(gòu)對(duì)整個(gè)界面項(xiàng)目進(jìn)行瀏覽和修改，通過(guò)項(xiàng)編輯器提供各種項(xiàng)編輯功能，通過(guò) 窗口編輯器將設(shè)計(jì)的界面顯示在窗口繪制區(qū)中，可利用各種工具對(duì)界面效果進(jìn)行實(shí) 時(shí)修改，還可以通過(guò)繪圖編輯器繪制如矩形、位圖等各種繪圖元素。
本發(fā)明的快速圖形化開(kāi)發(fā)系統(tǒng)有以下四點(diǎn)優(yōu)勢(shì) (1 )整個(gè)0SD界面的開(kāi)發(fā)工作可以在脫離或者大大減少程序員支持的情況 下進(jìn)行，使得界面設(shè)計(jì)的工作變得更加簡(jiǎn)單；
(2) 所見(jiàn)即所得的效果，在系統(tǒng)中看到的界面效果同實(shí)際效果完全一樣，任 何修改都可以通過(guò)鼠標(biāo)簡(jiǎn)單的拖拉完成；
(3) 極大縮短界面開(kāi)發(fā)的調(diào)試時(shí)間，由于界面設(shè)計(jì)不再同編碼相關(guān)，在設(shè)計(jì) 過(guò)程中即可完成調(diào)試工作。


圖1是本發(fā)明的快速圖形化開(kāi)發(fā)系統(tǒng)的一個(gè)較佳實(shí)施例的模塊圖。
圖2是本發(fā)明的核心數(shù)據(jù)存儲(chǔ)單元中核心數(shù)據(jù)的數(shù)據(jù)結(jié)構(gòu)示意圖。
具體實(shí)施例方式
下面結(jié)合附圖和實(shí)施例對(duì)本發(fā)明作進(jìn)一步的描述。
圖1示出了本發(fā)明的快速圖形化開(kāi)發(fā)系統(tǒng)的一個(gè)較佳實(shí)施例的功能模塊。請(qǐng)
參見(jiàn)圖1,快速圖形化開(kāi)發(fā)系統(tǒng)10包含核心數(shù)據(jù)存儲(chǔ)單元11、數(shù)據(jù)處理接口 12 和用戶編輯單元13。
核心數(shù)據(jù)存儲(chǔ)單元11維護(hù)一個(gè)核心數(shù)據(jù)塊，該數(shù)據(jù)塊涵蓋一個(gè)0SD的所有資 料，0SD的任何變動(dòng)都可以通過(guò)該數(shù)據(jù)塊來(lái)反映。數(shù)據(jù)塊以樹狀結(jié)構(gòu)來(lái)顯示，如圖 2所示，整棵數(shù)據(jù)樹分為5層第一層為根節(jié)點(diǎn)，標(biāo)識(shí)整個(gè)OSD項(xiàng)目(project); 第二層是OSD使用的資源(resource)和界面(interface)，資源包括全局位圖、 圖標(biāo)、字體等；第三層是資源項(xiàng)(res — item)和窗口 (window)，資源項(xiàng)是資源下 的葉節(jié)點(diǎn)，窗口是界面下的子節(jié)點(diǎn)；第四層是項(xiàng)(item),是窗口下的子節(jié)點(diǎn)；第 五層是基本元素(element )，是項(xiàng)節(jié)點(diǎn)下的葉節(jié)點(diǎn)，包括繪圖元素和邏輯元素， OSD的式樣和功能均在這里進(jìn)行詳細(xì)的定義。
數(shù)據(jù)處理接口 12連接核心數(shù)據(jù)存儲(chǔ)單元11和用戶編輯單元13,接口 12提供 了所有必要的數(shù)據(jù)操作功能，用戶編輯單元13內(nèi)所有的功能模塊均通過(guò)該接口掛 入系統(tǒng)的體系中以使得新的功能模塊可以在不修改原有程序的基礎(chǔ)上進(jìn)行獨(dú)立開(kāi) 發(fā)。用戶編輯單元13對(duì)核心數(shù)據(jù)所做的修改通過(guò)數(shù)據(jù)處理接口 12更新核心數(shù)據(jù)存 儲(chǔ)單元11中的數(shù)據(jù)。
用戶編輯單元13分為窗口編輯器131、項(xiàng)目編輯器132、項(xiàng)編輯器133和繪 圖編輯器134。項(xiàng)目編輯器132以樹的形式顯示整個(gè)0SD結(jié)構(gòu)，OSD被分成兩個(gè)部 分 一部分是OSD所使用到的資源，比如說(shuō)全局位圖，圖標(biāo)定義，字體等；另一部 分定義了 0SD的組成結(jié)構(gòu)，包括窗口的個(gè)數(shù)，大小，窗口中項(xiàng)的個(gè)數(shù)，每個(gè)項(xiàng)的繪 制過(guò)程，甚至OSD的邏輯功能等。舉例來(lái)說(shuō)，OSD結(jié)構(gòu)樹分為資源和界面兩部分， 在界面下包含多個(gè)窗口，比如root窗口、主菜單界面窗口、聲音界面窗口、提示 信息界面窗口等，窗口下面包含多個(gè)項(xiàng)，比如主菜單界面窗口下分成主菜單背景畫 面、主菜單標(biāo)題等，項(xiàng)下面又包含多個(gè)基本元素，比如位圖、文本等。
項(xiàng)目編輯器132中的節(jié)點(diǎn)編輯單元1321增加、刪除、4爹改沖對(duì)狀結(jié)構(gòu)中的節(jié)點(diǎn)， 從而方便地查看和》務(wù)改0SD的結(jié)構(gòu)。
項(xiàng)目編輯器132中的屬性編輯單元1 322可以方便的查看0SD結(jié)構(gòu)定義中任何 對(duì)象的值，不同對(duì)象的屬性值也不一樣，修改屬性的內(nèi)容可以使OSD發(fā)生改變。一 般如果要修改OSD的顯示效果時(shí)，可以通過(guò)0SD窗口繪制區(qū)直接在圖形上進(jìn)行修改， 當(dāng)需要精確修改的時(shí)候，也可以直接在屬性編輯器中對(duì)其進(jìn)行修改，修改結(jié)果將直 接顯示在OSD窗口繪制區(qū)中。
每個(gè)窗口包括數(shù)個(gè)項(xiàng)，OSD設(shè)計(jì)者在項(xiàng)編輯器133中選擇當(dāng)前需要編輯的項(xiàng)， 選中后在0SD窗口繪制區(qū)只能修改該項(xiàng)所包括的繪圖元素。項(xiàng)元素選擇顯示單元 1331負(fù)責(zé)在0SD窗口繪制區(qū)中顯示用戶選定的項(xiàng)，隱藏用戶未選的項(xiàng)。項(xiàng)元素編 輯單元1 332增加、刪除項(xiàng)元素。
繪圖編輯器134主要用于提供繪制0SD的繪圖元素工具，以供用戶直接在0SD 窗口繪制區(qū)編輯界面圖形。選取模塊1341可以在0SD窗口繪制區(qū)中點(diǎn)選當(dāng)前編輯 的項(xiàng)中的基本元素(element)，被選中的基本元素將會(huì)呈現(xiàn)高亮狀態(tài)，在此模式 下，也能通過(guò)鼠標(biāo)拖拉直接對(duì)繪圖元素進(jìn)行移動(dòng)和改變大小等操作，使用鍵盤的上 下左右鍵能細(xì)致的調(diào)節(jié)元素的位置，移動(dòng)步距由標(biāo)尺的大小決定。圖標(biāo)模塊1342 在0SD窗口繪制區(qū)定義圖標(biāo)的大小和位置。圖形模塊1 343可以在0SD窗口繪制區(qū) 繪制直線、矩形等圖形。文字模塊1344在0SD窗口繪制區(qū)繪制文字。位圖模塊1345 在0SD窗口繪制區(qū)定義位圖的大小和位置。邏輯定義模塊1346定義一定的邏輯功 能。動(dòng)畫模塊1 347在0SD窗口繪制區(qū)繪制動(dòng)畫元素。進(jìn)度條模塊1 348對(duì)進(jìn)度條進(jìn) 行修改。舉例來(lái)說(shuō)，當(dāng)在繪圖編輯器的圖形模塊1 343中選擇直線工具后可以在0SD 窗口繪制區(qū)畫出直線，同時(shí)由屬性編輯單元1322顯示所畫直線的屬性，比如起點(diǎn) 坐標(biāo)，終點(diǎn)坐標(biāo)，顏色，線寬等。
窗口編輯器131在屏幕的窗口繪制區(qū)顯示所設(shè)計(jì)的界面圖形以及在該窗口繪 制區(qū)對(duì)界面圖形實(shí)時(shí)地可視化修改。
上述實(shí)施例是提供給本領(lǐng)域普通技術(shù)人員來(lái)實(shí)現(xiàn)或使用本發(fā)明的，本領(lǐng)域普 通技術(shù)人員可在不脫離本發(fā)明的發(fā)明思想的情況下，對(duì)上述實(shí)施例做出種種修改或 變化，因而本發(fā)明的保護(hù)范圍并不被上述實(shí)施例所限，而應(yīng)該是符合權(quán)利要求書提 到的創(chuàng)新性特征的最大范圍。
權(quán)利要求
1一種快速圖形化開(kāi)發(fā)系統(tǒng)，包括核心數(shù)據(jù)存儲(chǔ)單元，存儲(chǔ)項(xiàng)目中所有的元素，該些元素包括資源元素、界面元素、窗口元素、項(xiàng)元素以及基本元素；用戶編輯單元，用戶基于該單元進(jìn)行界面圖形的開(kāi)發(fā)，所述用戶編輯單元進(jìn)一步包括窗口編輯器，在屏幕的窗口繪制區(qū)顯示所設(shè)計(jì)的界面圖形以及在該窗口繪制區(qū)對(duì)界面圖形實(shí)時(shí)地可視化修改；項(xiàng)目編輯器，以樹狀結(jié)構(gòu)顯示項(xiàng)目的所有節(jié)點(diǎn)以及該些節(jié)點(diǎn)各自的屬性值，并對(duì)該些節(jié)點(diǎn)和其屬性值進(jìn)行細(xì)微的修改，修改結(jié)果直接顯示在所述窗口繪制區(qū)中；項(xiàng)編輯器，將選定的項(xiàng)元素顯示在窗口繪制區(qū)或?qū)⑵潆[藏，并對(duì)項(xiàng)元素進(jìn)行編輯修改；繪圖編輯器，提供在窗口編輯器中供設(shè)計(jì)人員繪制的各種工具；數(shù)據(jù)處理接口，連接所述核心數(shù)據(jù)存儲(chǔ)單元和用戶編輯單元，所述用戶編輯單元對(duì)核心數(shù)據(jù)所做的修改通過(guò)所述數(shù)據(jù)處理接口更新所述核心數(shù)據(jù)存儲(chǔ)單元中的數(shù)據(jù)。
2.根據(jù)權(quán)利要求1所述的快速圖形化開(kāi)發(fā)系統(tǒng)，其特征在于，所述核心數(shù)據(jù) 存儲(chǔ)單元以樹型數(shù)據(jù)結(jié)構(gòu)存儲(chǔ)該些項(xiàng)目元素，以單個(gè)項(xiàng)目為根節(jié)點(diǎn)，該根節(jié)點(diǎn)下連 接資源元素和界面元素的子節(jié)點(diǎn)，該資源元素子節(jié)點(diǎn)下連接數(shù)個(gè)資源項(xiàng)元素的葉節(jié) 點(diǎn)，該界面元素子節(jié)點(diǎn)下連接數(shù)個(gè)窗口元素子節(jié)點(diǎn)，該些窗口元素子節(jié)點(diǎn)下各自連 接數(shù)個(gè)項(xiàng)元素子節(jié)點(diǎn)，該些項(xiàng)元素子節(jié)點(diǎn)下各自連接數(shù)個(gè)基本元素葉節(jié)點(diǎn)。
3. 根據(jù)權(quán)利要求1或2所述的快速圖形化開(kāi)發(fā)系統(tǒng)，其特征在于，所述基本 元素包括繪圖元素和邏輯元素，以供定義界面的式樣和功能。
4.根據(jù)權(quán)利要求1所述的快速圖形化開(kāi)發(fā)系統(tǒng)，其特征在于，所述項(xiàng)目編輯器進(jìn)一步包括節(jié)點(diǎn)編輯單元和屬性編輯單元，所述節(jié)點(diǎn)修改單元增加、刪除、 <奮改 樹狀結(jié)構(gòu)中的節(jié)點(diǎn)，所述屬性編輯單元修改該些節(jié)點(diǎn)的屬性值。
5.根據(jù)權(quán)利要求1所迷的快速圖形化開(kāi)發(fā)系統(tǒng)，其特征在于，所迷項(xiàng)編輯器 進(jìn)一步包括項(xiàng)元素編輯單元和項(xiàng)元素選4奪顯示單元，所述項(xiàng)元素編輯單元增加、刪 除項(xiàng)元素，項(xiàng)元素選擇顯示單元將用戶選定的項(xiàng)元素顯示在窗口繪制區(qū)。
6.根據(jù)權(quán)利要求1所述的快速圖形化開(kāi)發(fā)系統(tǒng)，其特征在于，所述繪圖編輯 器進(jìn)一步包括選取模塊，在該窗口繪制區(qū)中點(diǎn)選當(dāng)前編輯的項(xiàng)中的基本元素，被選中的基 本元素可^皮控制移動(dòng)；圖標(biāo)模塊，在該窗口繪制區(qū)定義圖標(biāo)的大小和位置； 圖形模塊，在該窗口繪制區(qū)直接繪制圖形； 文字模塊，在該窗口繪制區(qū)直接繪制文字； 位圖模塊，在該窗口繪制區(qū)定義位圖的大小和位置； 邏輯定義模塊，定義繪圖編輯器中的邏輯功能；動(dòng)畫模塊，在該窗口繪制區(qū)直接繪制動(dòng)畫； 進(jìn)度條模塊，在該窗口繪制區(qū)修改進(jìn)度條。
全文摘要
本發(fā)明公開(kāi)了一種快速圖形化開(kāi)發(fā)系統(tǒng)，減少代碼工作量，提供所見(jiàn)即所得的可視化效果。其技術(shù)方案為該快速圖形化開(kāi)發(fā)系統(tǒng)包括核心數(shù)據(jù)存儲(chǔ)單元，存儲(chǔ)項(xiàng)目中所有的元素；用戶編輯單元，進(jìn)行界面圖形的開(kāi)發(fā)，包括窗口編輯器，在屏幕的窗口繪制區(qū)顯示并可視化修改界面圖形；項(xiàng)目編輯器，以樹狀結(jié)構(gòu)顯示并可修改項(xiàng)目節(jié)點(diǎn)及屬性值，結(jié)果直接顯示在窗口繪制區(qū)中；項(xiàng)編輯器，顯示或隱藏或編輯選定的項(xiàng)元素；繪圖編輯器，提供在窗口編輯器中供設(shè)計(jì)人員繪制的工具；數(shù)據(jù)處理接口，連接該核心數(shù)據(jù)存儲(chǔ)單元和用戶編輯單元，該用戶編輯單元對(duì)核心數(shù)據(jù)所做的修改通過(guò)該數(shù)據(jù)處理接口更新該核心數(shù)據(jù)存儲(chǔ)單元中的數(shù)據(jù)。本發(fā)明應(yīng)用于電信軟件界面開(kāi)發(fā)領(lǐng)域。
文檔編號(hào)G06F9/445GK101196818SQ20061011932
公開(kāi)日2008年6月11日 申請(qǐng)日期2006年12月8日 優(yōu)先權(quán)日2006年12月8日
發(fā)明者顧亞平 申請(qǐng)人:上海全景數(shù)字技術(shù)有限公司