TWI279710B - Methods and systems for graphical user interface - Google Patents

Description

1279710

【發明所屬之技術領域】 本發明係有關於電腦技術，且特別有關於應用程式之 圖形化使用者介面呈現方法。 【先前技術】 在程式設計過程中，圖形化使用者介面（Graphical user interface ’簡稱GUI)通常是利用呼叫作業系統提供 的應用程式介面（Application Program Interface，簡稱 API)來實現，且通常需要結合多國語言之辅助文字。目前 結合GUI之程式幾乎都是將GUI之屬性、多國語言之輔助文 字與程式本身結合在一起。這樣不但會影響程式的執行效 率，使程式本身的可讀性降低，且難以維護。舉例來說， 一旦程式完成編譯後，任何GUI或多國語言辅助文字的修 改皆需重新編譯程式本身，因此非常不便。另外，不同作 業系統提供的AP I各不相同，適用於一作業系統之⑼$程式 碼不一定適用於另一作業系統。因此程式的設計者需學習 不同的API來重新設計GU I。 _ 【發明内容】 有鑑於此，本發明之目的在提供應用程式之圖形化使 用者介面呈現方法及系統。 基於上述目的，提供一種應用程式之圖形化使用者介 面呈現方法實施例，執行於一嵌入式系統中。上述嵌入式 系統包含一顯示器、控制上述顯示器之一驅動單元、一應

第6頁 1279710 五、發明說明（2) 用程式、-分析器、一描 式層提供不同顯示器驅 二：可攜式層’上述 述應用程式’其中上述應用準控制介面。執行上 面、。由上述應用程式啟動_ ^有一圖形化使用者介 上述描述檔用以描述上述圖形化=田用以分析一插述檔。 件的屬性。由上述分析器 =者介面之複數介面元 •介面元件之屬性。產生之上述述槽以產生上述複數 結構中。當-介面元件；被；面元件之屬性儲存於 式^據上述資料結構中上述介面=示時，由上述應用程 述標準控制介面之用以呈現 a牛之屬性，產生符合上 由上述可攜式層根據上述=二=元件的一第一指令。 所需之格式的—第二指 =$產生符合上述驅動單元 令後，根據上逑第二指令及動單元接收上述第二指 面元件顯示於上述顯示器。处"面兀件之屬性將上述介 另外，提供一種嵌入式杂 用以控制上述顯示器之—動1’麵例，包含一顯示器、 檔、及一分析器。上述應用=^、一應用程式、一描述 面，並啟動上述分析哭〜卜=式具有一圖形化使用者介 使用者介面之複數介；元件：：：稽用以描述上述圖形化 一描述槽以產生上述複數介面二ί述分析器用以分析 件要被顯示時，由上述；結構:t:當-介面元 介面元件之屬性，產生g人一;‘豕上遠貧料結構中上述 述介面元件的-第-指人α卜:準控制介面之用以呈現上 7 。上述可攜式層提供不同顯示器 WM 0815-A20838TWF(N2);J〇SEPH.ptd 第7頁 m 1279710 五、發明說明（3) 驅動單元之上述標準控制介面，根據上述第一指令產生符 合上述驅動單元所需之格式的一第二指令，其中上述驅動 •單元在接收上述第二指令後，根據上述第二指令及上述介 面兀件之屬性將上述介面元件顯示於上述顯示器。 【實施方式】 (Universal Transf〇rmati〇n F〇rinat，簡稱UTF) 以下提供應用程式之圖形化使用者介面（Graphical user interface，簡稱GUI)呈現方法，執行於一嵌入式系統 中，例如手機、個人數位助理（Perscmal Digital Assistant，簡稱 PDA)、或遊戲機（vide〇 game console) 〇 在第1圖中，-種應用程式之圖形化使用者介面呈現 方法，，於喪入式系統10中。可攜式層2、控制顯示器5 之動早、及分析n 9可以由電腦程式或電路 用程=包含GUI 11，可以在不同情況下產生㈤U其中 之複數介面元件。可以读禍卩μ、备奋 τ 12。產生介面元件之機制將說明於下。 不式 描述檀6及語言槽7為獨立於應用*奶之外的二個 木，可以符合可延伸標記語言(Εχ — ΐ6 — 田

Language，簡稱XML)或其它格式，且可以由分析哭9分 析。描述植6用以描述GUi i i之複數介面 攜式層2提供不同顯示哭顆叙留_ 勺屬1± 可 R山入^駆動早疋之一標準控制介面。 蒼w弟2圖’肷入式系铳1 〇 一考：J:田…么 ，丁、、，死丨ϋ處理斋執行上述應用程

0815-A20838TWFrN2) ：mSRPH ntH 第8頁 1279710

式12(步驟82)〇 由應用程式1 2註冊必要的 、，、，、 • function)供分析器9在必要昉I呼函式（cal lback S 4 )。 卞呼叫，並啟動分析器9 (步驟 分析器9分析描述檔6以 (步驟S8)。上述複數介面元生上述複數介面元件之屬性 中，例如樹狀資料結構。γ、+之屬性儲存於資料結構8 之預設文字内容，圖1^Λ6包含上述複數介面元件 字” Country” 、”Chlna ” 、"中識所包圍的文 J a P a n丨丨、丨丨υ ς丨丨、"。t丨丨 及"Cancel”。語言檔7包含用ίν π 、 U·6· 0k 令宏肉六 汁&丄—Λ 乂取代上述預設文字内容之 文子内夺依序如弟4圖中標籤所包圍的文字" ，， 國””曰本”、”美國”、”確定”、及，,γ、= Ί豕、中 述文字舆上述預設文字内容可以屬不同。語;'棺7之上 爹照W及第4圖’其中是以飢之規範來做描述之描 述檔及語言檔。所有使用的標籤是事先定義的。第Lg列的 〈meta>標籤是描述檔的共用屬性。舉例來說， [Charset = ”UTF-8"]，代表此描述檔是以八°位元通用轉換 格式（Universal Transformation Format 8bit，簡稱 UTF-8)編碼。[iang-src = ” Chinese· lang”]代表引用

Chinese.lang語言描述檔的内容，列於第4圖。第u〇列定 義描述檔中除有個別定義的介面元件之外，所有文字之字 型、大小、顏色將按照第L1 0列的定義。第L1 2列的 〈display〉標蕺用以描述介面元件之屬性。舉例來說，配 置屬性中[xBeg二 π 50” yBeg=，，50” xEnd = M 1〇〇"

0815-A20838TWF(N2) JOSEPH, ptd 第9頁 1279710 五、發明說明（5) y E n d = 1 0 〇 π ]用以描述介面元件的範圍座標，可以是絕對 座標或相對座標。〈text >' <sel ect >、及〈button〉分別用 a以描述文字、選單、及按鍵之介面元件，其中可具有配置 屬性之描述。例如< text >標籤中有[xBeg = "i〇 ” yBeg=” 1〇〃 ]等屬性；<select> 標籤中有[styie maxi lsi： = ” 3” ]等屬性，分別用以描述選單之樣式及選項 數。弟4圖的語言檔中，<language>標籤用以 國別。 丨 分析器9判斷是否要載入語言檔7(步驟S1〇)。如是， 圖的f、f二及文ρΓ内容（步驟SU)。舉例來說，根據第3 ；；：：/ 'V. ^^^6 ^^ ^ ^ ^ ^ a 口口 〇文予内谷。如否，則分析器9解析語古 si 1)並繼續解析描述檔6。當解析操作已鈇:^ Γ'' 儲存描述檀6及語言檀7的分析結果於資“構:’分=9 以呼叫先註冊之回呼函式以提供所需資 iE且可 件（步驟S20)。舉例來說 單:::二面元 的第⑴— US列及第4圖的第以—⑶列早^之，屬性/第3圖 料結構8之屬性8 1中。 亚。己錄於資 當應用程式12的一介面元件（例如0 。 要被顯示時，由库用 罘5圖的廷早ϋ2 ) 件之屬性（例如對〜摩^ = ί艮/ίΛ料結構8中上述介面元 L2g列的屬性81) ， j及弟4圖的弟L24一 生付合上述標準控制介面且用以呈現

〇815-A20838TWF(N2);JOSEPH.ptd 第10頁 1279710 五、發明說明（6) 上述71面元件之一第一指令（步驟S2 2)。 需之d:式！2根據上述第一指令產生符合驅動單元3所 而之格式的—第二指令（步驟S2 斤 示器驅動單元之一俨進抻告丨丨入品 j心式層2 &供不同顯 GIIT η Γ 仏卓控制介面’使得應用程式12呈現 U之程式碼能適用於不同顯示器驅動單元。 ::單元3接收上述第二指令後，根據上述第二指令 f)將上%面入元件（例如第5圖的選_)之屬性（例如屬性 )將上述彡丨面7L件顯不於顯示器5(步驟S26)。 ， 第5圖顯示根據第3圖的描述檔及第4圖的語言檔之 性頭示於顯示器5的介面元件。入- ΛΑ ^ , π 千文子；丨面兀件ϋ 1對應第3圖 田之虽及弟4圖的語言檔中[id]屬性同為,,c〇un讨〆的 ，…標戴：第L13列及巧4列），其預設的文$内容已經 呢m〇un r_y取代為”國家"。介面元件分別為文字、 及:按鍵，其配置屬性取決於對應之標籤（第L13 — 列），，、文字内容則由對應標籤的文字内容取代（第 L24-L31 列）。 由於國別的不同，介面元件之配置也可以相對地作變 化丄而不需有重新編譯應用程式12。第3圖之描述檔修改 成第6圖之描述。第8圖顯示根據第6圖的描述檔及第7圖的 語言檔之屬性顯示於顯示器5的介面元件。第6圖的描述檔 第L33 中[lang-src = ”English· 1&叩"]代表引用 English, lang語言描述檔的内容，列於第7圖。介面元件 U5-U8之配置屬性取決於其對應之標籤（第，其 文字内容則由對應標籤的文字内容取代（第U8_L55列）。 m || 第11頁 0815-A20838TWF(N2);J0SEPH.ptd 1279710 五、發明說明（7) .ΓΛ的=播中的<select>標籤的選屬（第u9—L53列）與 L42;二圖二描述园檔中的 ^增序不同。因此，語言檔的選 述檔的選項及預設文字内容後，、及文子内容取代描 語言檔的選項順序呈現，且 θ 、介面元件116根據 因此，當介面元件配置有；為英文。 不需有重新編譯應用程式。各 守，可以修改描述# 系統時，可式執行於^ 應用私式。 Λ層而不需有重新編我 雖然本發明已以較佳廢 ° 限定本發明，任何熟習此技心知露如上，然其並非用 =範-内，當可作各種之更g與潤=不脫離本發明之精 耗圍當視後附之申請專利範圍所界…，因此本發明之保護 ’丨疋者為準。 又 0815-A20838TWF(N2) ;J0SEPH.ptd 第12 頁 1279710_ 圖式簡單說明 ， 第1圖顯示一嵌入式系統實施例結構方塊圖； ^ 第2圖顯示應用程式之圖形化使用者介面呈現方法實 _施例流程圖； 第3圖顯示一描述檔實施例； . 第4圖顯示一語言檔實施例； 第5圖顯示根據第3圖的描述檔及第4圖的語言檔之屬 •性顯示於顯示器的介面元件實施例示意圖； 第6圖顯示一描述檔實施例； 第7圖顯示一語言檔實施例；以及 ^ 第8圖顯示根據第6圖的描述檔及第7圖的語言檔之屬 _ 性顯示於顯示器的介面元件實施例示意圖。 *【主要元件符號說明】 2〜可攜式層； 3〜驅動單元； 5〜控制顯示器； 6〜描述檔； 了〜語言槽； _ 8〜資料結構； 9〜分析器； I 0〜嵌入式系統； II 〜GUI ; 1 2〜應用程式； 8 1〜屬性；

0815-A20838TWF(N2)JOSEPH.ptd 第13頁 1279710 圖式簡單說明 U1-U8〜介面元件。

I ΙΒΒΙΒΙ 0815-A20838TWF(N2) JOSEPH.ptd 第14頁

Claims (1)

1279710 六、申請專利範圍 、於一養入式^用私式之圖形化使用者介面呈現方法， •上述顯示器之一驅動單元瓜^式糸統包含一顯示器、控制 述檔、及-可攜式層，上述可供一分析器、1 單元之一標準控制介面，包含‘式層如彳，、不同顯示器驅動 執行上述應用程式，其中 使用者介面； /、 上逑應用程式具有一圖形化 由上述應用程式啟動一 田 其中上述描逑檔用以 斤為，用以分析一描述檔， 面元件的屬性； 田处込圖形化使用者介面之複數介 杜夕述分析器分析上述插述檔以產峰卜4★私人 件之屬性，其中產 ^鈿以產生上述複數介面元 資料結構中； 处硬數介面元件之屬性儲存於一 一 L丨田力面70件要被顯示時，由F、丄、處 貧料結構中上述介面元件之τ由^处應用程式根據上述 介面之用以κ現上述介面元件的_堂士：合上述標準控制 „由上述可攜式層根據上述第tz4:令； 单元所需之格式的—第二指令；以2 5產生符合上述驅動 上述驅動單元接收上述第二指入 令及上述介面元件之屬性將上述介；後止根據上述第二指 器。 〃 ^件顯示於上述顯示 用者2介範述的應用程式〜，化* 構。 其中，上述資料結構為樹:圖資=使 0815-A20838TWF(m); JOSEPH.ptd 第15頁 m 1279710 六、申請專利範圍 3 ·如申請專利範圍第〗項 用者介面呈現方法，苴中，、、的應用程式之圖形化使 _言(加。 上述插述槽符合可延伸標Λ 4.如：請專利範圍第ljf所述的 用者介面王現方法，其中，上述.山' 矛王式之圖形化使 言檔，包含上述介面元件之文式系統中更包含一語 上述語言檔。 子 谷’上述分析器更分析 5 ·如申請專利範圍第4 用者介面呈現方法，其式之圖形化使 之預設文字㈣，上述語含上述介面元件 記錄上述複數介面元：；描述槽及… u什母_者之文字内容及預設文字内容 的對應資訊。 6 · 士申明專利範圍第*項所述的應用程式之圖形化使 用者介面呈現方法，其中，上述語言檔之上述文字内容與 上述預汉文子内谷屬不同國別扭古。 -種喪入式系統，二” 一顯示器； 一驅動單70，用以控制上述顯示器； 一應用程式，具有一圖形化使用者介面； 一 4田述’用以描述上述圖形化使用者介面之複數介 面元件的屬性； 一分析為’由上述應用程式啟動，用以分析一描述檔 以產生上述複數介面元件之屬性，其中產生之上述複數介 1279710 --------- 六、申請專利範圍 面元件之屬性儲存於一 各 示時，由上述廡 、科、、=構中，田—"面元件要被顯 之屬性，產生^人二^根據上述資料結構中上述介面元件 件的一第一指二「二，準控制介面之用以呈現上述介面元 制介面了!ί 2ί供不同顯示器驅動單元之上述標準控 格式的一繁一处弟指令產生符合上述驅動罩元所需之 令後，带辦—、曰ί ’其中上述驅動單元在接收上述第二指 品-从χ豕上述第二指令及上述介面元件之屬性將上述介 面兀件顯示於上述顯示器。 、、8二如申凊專利範圍第7項所述的嵌入式系統，其中， 上述貧料結構為樹狀資料結構。 、9 ·如申請專利範圍第7項所述的极入式系統，其中， 上述描述檔符合可延伸標記語言（xML)。 10·如申請專利範圍第7項所述的嵌入式系統，其中， 上述嵌入式系統中更包含一語言檔，包含上述介面元件之 文字内容，上述分析器更分析上述語言檔。、/ 11 ·如申請專利範圍第丨〇項所述的嵌入式系統，其 中，上述描述檔包含上述介面元件之預設文字内容，上述 吾言檔之上述文字内容用以取代其對應之^ j，二文子内 容，其中上述描述檔及上述語言襠記錄士 =數"面兀件 每一者之文字内容及預設文字内容的對二貝° 。 1 .如申請專利範圍第11項戶斤/上述預設文字内容屬不 中’上述語言檔之上述文字内容與上^ 同國別語言。

0815-A20838TWF(N2);JOSEPH.ptd 第17頁