專利名稱:用戶界面顯示方法和用戶界面顯示裝置的制作方法
技術(shù)領(lǐng)域:
本發(fā)明涉及用戶界面(User Interface, UI)顯示方法和用戶界面顯示裝置,尤其涉及在便攜式數(shù)碼設(shè)備中用戶界面顯示方法和用戶界面顯示裝置。
背景技術(shù):
幾乎所有具有顯示屏的便攜式多媒體數(shù)碼產(chǎn)品,包括手機(jī)、MP3、多媒體播放器、掌 上游戲機(jī)、數(shù)碼相機(jī)等,都會(huì)涉及到用戶界面(User Interface, UI)顯示功能。尤其是具有 大尺寸屏幕、觸摸屏的多媒體數(shù)碼產(chǎn)品,用戶界面的顯示效果更是其最大的賣點(diǎn)。用戶界面 需要能夠按照用戶的喜好,在不同顯示風(fēng)格及效果之間快速切換?,F(xiàn)有技術(shù)用戶界面顯示方案中,用戶界面的功能與顯示效果的代碼往往交織在一 起,沒有層次結(jié)構(gòu),功能與界面混雜;用戶界面顯示效率低,即當(dāng)界面不需要刷新、沒有變 化時(shí),仍然不停的去畫圖;不同顯示風(fēng)格的用戶界面代碼沒有統(tǒng)一的模板。用戶界面顯示部分的代碼量較大,而且屬于改動(dòng)最多、最頻繁的部分;現(xiàn)有的技術(shù) 方案具有如下缺點(diǎn)(1)用戶界面的功能與顯示效果的代碼往往交織在一起,造成功能與界面混雜,導(dǎo) 致后期更新升級(jí)維護(hù)困難修改功能往往使界面顯示錯(cuò)誤;反之,修改界面后經(jīng)常引起功 能錯(cuò)誤、死機(jī)等問題。而且界面的開發(fā)、維護(hù)需要到龐大而分散的代碼中尋找界面部分的代 碼,人力消耗大。(2)用戶界面顯示代碼沒有層次結(jié)構(gòu),造成開發(fā)人力、投入成本高,維護(hù)成本更高。(3)用戶界面顯示效率低。即當(dāng)界面沒有變化不需要刷新時(shí),仍然不停的去畫 圖,這不僅浪費(fèi)了系統(tǒng)資源,而且往往導(dǎo)致其他功能的限制,整機(jī)性能變差;同時(shí)也加快硬 件的損耗,如頻繁讀寫對(duì)閃存壽命的損耗。(4)不同顯示風(fēng)格的用戶界面代碼沒有統(tǒng)一的模板,當(dāng)方案的界面顯示風(fēng)格變化 后,往往需要重新編碼,工作量大。而各應(yīng)用的顯示內(nèi)容千差萬別,導(dǎo)致代碼修改困難,對(duì)程 序員的要求高??傊脩艚缑骘@示是便攜式多媒體數(shù)碼產(chǎn)品的重要組成部分,現(xiàn)有技術(shù)的用戶 界面代碼維護(hù)性差;浪費(fèi)系統(tǒng)資源、增加硬件損耗;復(fù)用性和擴(kuò)展性差。
發(fā)明內(nèi)容
有鑒于此,本發(fā)明的目的在于,提出一種用戶界面顯示方法和裝置,可以極大提高 用戶界面代碼的維護(hù)性。本發(fā)明實(shí)施例提出的一種用戶界面顯示方法包括如下步驟獲取并保存當(dāng)前用戶界面顯示的所有元素的屬性,所述元素為當(dāng)前用戶界面顯示 的最小顯示單元,所述元素的屬性包括元素的顯示狀態(tài)和顯示內(nèi)容;調(diào)用當(dāng)前用戶界面顯示的用戶界面顯示函數(shù),所述用戶界面顯示函數(shù)逐一調(diào)用當(dāng) 前用戶界面顯示的所有元素的元素函數(shù);所述元素函數(shù)描述元素的屬性;調(diào)用完畢當(dāng)前用戶界面顯示的所有元素的元素函數(shù)后生成當(dāng)前用戶界面顯示。較佳地, 所述調(diào)用元素函數(shù)包括判斷當(dāng)前元素的顯示狀態(tài)是否是可見的,是則顯示當(dāng)前元素的內(nèi)容,否則擦除當(dāng) 前元素顯示的內(nèi)容。較佳地,所述調(diào)用元素函數(shù)進(jìn)一步包括判斷當(dāng)前元素的屬性是否發(fā)生變化,是則執(zhí)行判斷當(dāng)前元素的顯示狀態(tài)是否可 見,否則結(jié)束當(dāng)前調(diào)用元素函數(shù)。較佳地,所述用戶界面顯示的元素的類型包括靜態(tài)圖片、動(dòng)態(tài)圖片、字符串。較佳地,所述元素函數(shù)描述元素的屬性進(jìn)一步包括對(duì)于每一類型的元素設(shè)置相應(yīng)的元素函數(shù)模板,所述元素函數(shù)模板中設(shè)置對(duì)該類 型元素操作的基本步驟,對(duì)每一個(gè)元素,根據(jù)該元素的類型套用相應(yīng)類型的元素函數(shù)模板, 生成每一個(gè)元素的元素函數(shù)。本發(fā)明實(shí)施例提出一種用戶界面顯示裝置,包括以下模塊獲取元素屬性模塊,用于獲取并保存當(dāng)前用戶界面顯示的所有元素的屬性,所述 元素為當(dāng)前用戶界面顯示的最小顯示單元,所述元素的屬性包括元素的顯示狀態(tài)和顯示內(nèi) 容;調(diào)用用戶界面顯示函數(shù)模塊,用于調(diào)用當(dāng)前用戶界面顯示的用戶界面顯示函數(shù), 所述用戶界面顯示函數(shù)逐一調(diào)用當(dāng)前用戶界面顯示的所有元素的元素函數(shù);所述元素函數(shù) 描述元素的屬性;調(diào)用完畢當(dāng)前用戶界面顯示的所有元素的元素函數(shù)后生成用戶界面顯
7J\ ο較佳地,所述調(diào)用元素函數(shù)包括判斷當(dāng)前元素的顯示狀態(tài)是否是可見的,是則顯示當(dāng)前元素的內(nèi)容,否則擦除當(dāng) 前元素顯示的內(nèi)容。較佳地,所述調(diào)用元素函數(shù)進(jìn)一步包括判斷當(dāng)前元素的屬性是否發(fā)生變化,是則執(zhí)行判斷當(dāng)前元素的顯示狀態(tài)是否可 見,否則結(jié)束當(dāng)前調(diào)用元素函數(shù)。較佳地,所述用戶界面顯示元素的類型包括靜態(tài)圖片、動(dòng)態(tài)圖片、字符串。較佳地,所述元素函數(shù)描述元素的屬性進(jìn)一步包括對(duì)于每一類型的元素設(shè)置相應(yīng)的元素函數(shù)模板,所述元素函數(shù)模板中設(shè)置對(duì)該類 型元素操作的基本步驟,對(duì)每一個(gè)元素,根據(jù)該元素的類型套用相應(yīng)類型的元素函數(shù)模板, 生成每一個(gè)元素的元素函數(shù)。 本發(fā)明實(shí)施例還提出了包含上述用戶界面顯示裝置的數(shù)碼設(shè)備。
從以上技術(shù)方案可以看出,根據(jù)上述用戶界面顯示方法所生成的用戶界面顯示代 碼層次清晰,生成的用戶界面顯示代碼可分為需求層代碼、控制層代碼和實(shí)現(xiàn)層代碼。代碼 的層次性極大地提高了用戶界面顯示代碼的維護(hù)性。并且,只有界面變化時(shí)才會(huì)進(jìn)行畫圖 操作,節(jié)約了系統(tǒng)資源,降低了硬件損耗,顯示效率也大大提高。同時(shí),將用戶界面的最小顯 示單元?jiǎng)澐譃樵兀瑢?duì)元素進(jìn)行分類,包括靜態(tài)圖片、動(dòng)態(tài)圖片、字符串,并對(duì)每一類元素設(shè) 置相應(yīng)的元素函數(shù)模板,在生成元素函數(shù)時(shí)予以套用,從而提高了用戶界面顯示代碼的復(fù) 用性和擴(kuò)展性。
圖1為本發(fā)明實(shí) 施例的用戶界面顯示界面元素示意圖;圖2為本發(fā)明實(shí)施例的用戶界面顯示元素屬性示意圖;圖3為本發(fā)明實(shí)施例一提出的用戶界面顯示方法的流程圖;圖4A為本發(fā)明實(shí)施例二中調(diào)用元素函數(shù)的流程圖;圖4B為本發(fā)明實(shí)施例三中調(diào)用元素函數(shù)的流程圖;圖5為本發(fā)明實(shí)施例四提出的用戶界面顯示裝置的框圖。
具體實(shí)施例方式為使本發(fā)明的目的、技術(shù)方案和優(yōu)點(diǎn)更加清楚,下面結(jié)合本發(fā)明的步驟對(duì)本發(fā)明 作進(jìn)一步的詳細(xì)闡述。本發(fā)明實(shí)施例提供一種用戶界面顯示的方法,包括如下步驟步驟301 獲取并保存當(dāng)前用戶界面顯示的所有元素的屬性,所述元素為當(dāng)前用 戶界面顯示的最小顯示單元,所述元素的屬性包括元素的顯示狀態(tài)和顯示內(nèi)容;如圖1所示為本發(fā)明實(shí)施例的多媒體數(shù)碼播放器的用戶界面顯示(headbar)示意 圖。定義用戶界面最小顯示單元為元素,提取headbar用戶界面顯示的所有元素。headbar 用戶界面顯示包括8個(gè)界面元素,分別是收音機(jī)圖片101,文字說明102,播放提示103,日期 時(shí)間圖片104、電池電量圖片105,按鈕鎖定圖片106,存儲(chǔ)卡圖片107和USB連接圖片108。元素的屬性包括元素的顯示狀態(tài)和顯示內(nèi)容。圖2為本發(fā)明實(shí)施例的用戶界面顯 示元素屬性示意圖。以headbar用戶界面顯示為例,按鈕鎖定圖片106(靜態(tài)圖片)根據(jù)按 鈕鎖定與否,界面表現(xiàn)為可見、不可見;電池電量圖片105 (動(dòng)態(tài)圖片)一直可見,但顯示
第一格、第二格......圖片;日期時(shí)間圖片104(字符串)一直可見,但顯示的時(shí)間每分或
每秒增加一次。獲取元素的屬性的示意代碼如下所示氺氺—visible = true ;false ;**_content = 0 ;1 ;2 ;3......以headbar界面中的存儲(chǔ)卡圖片107為例,獲取并保存存儲(chǔ)卡圖片107屬性的代 碼如下所示Headbar- > pic_card_ > show = 1 ;步驟302 調(diào)用當(dāng)前用戶界面顯示的用戶界面顯示函數(shù),所述用戶界面顯示函數(shù) 逐一調(diào)用當(dāng)前用戶界面顯示的所有元素的元素函數(shù);所述元素函數(shù)描述元素的屬性;調(diào)用 完畢當(dāng)前用戶界面顯示的所有元素的元素函數(shù)后生成當(dāng)前用戶界面顯示。較佳地,所述調(diào)用元素函數(shù)包括判斷當(dāng)前元素的顯示狀態(tài)是否是可見的,是則顯示當(dāng)前元素的內(nèi)容,否則擦除當(dāng) 前元素顯示的內(nèi)容。用戶界面顯示函數(shù)調(diào)用三種類型的元素函數(shù),用戶界面顯示函數(shù)的示意代碼如下 所示,
權(quán)利要求
1.一種用戶界面顯示方法,其特征在于,該用戶界面顯示方法包括獲取并保存當(dāng)前用戶界面顯示的所有元素的屬性,所述元素為當(dāng)前用戶界面顯示的最 小顯示單元,所述元素的屬性包括元素的顯示狀態(tài)和顯示內(nèi)容;調(diào)用當(dāng)前用戶界面顯示的用戶界面顯示函數(shù),所述用戶界面顯示函數(shù)逐一調(diào)用當(dāng)前用 戶界面顯示的所有元素的元素函數(shù);所述元素函數(shù)描述元素的屬性;調(diào)用完畢當(dāng)前用戶界 面顯示的所有元素的元素函數(shù)后生成當(dāng)前用戶界面顯示。
2.根據(jù)權(quán)利要求1所述的用戶界面顯示方法,其特征在于,所述調(diào)用元素函數(shù)包括 判斷當(dāng)前元素的顯示狀態(tài)是否是可見的,是則顯示當(dāng)前元素的內(nèi)容,否則擦除當(dāng)前元素顯示的內(nèi)容。
3.根據(jù)權(quán)利要求2所述的用戶界面顯示方法,其特征在于,所述調(diào)用元素函數(shù)進(jìn)一步 包括判斷當(dāng)前元素的屬性是否發(fā)生變化,是則執(zhí)行判斷當(dāng)前元素的顯示狀態(tài)是否可見,否 則結(jié)束當(dāng)前調(diào)用元素函數(shù)。
4.根據(jù)權(quán)利要求1 3中任一所述的用戶界面顯示方法,其特征在于,所述用戶界面顯 示的元素的類型包括靜態(tài)圖片、動(dòng)態(tài)圖片、字符串。
5.根據(jù)權(quán)利要求4所述的用戶界面顯示方法,其特征在于,所述元素函數(shù)描述元素的 屬性進(jìn)一步包括對(duì)于每一類型的元素設(shè)置相應(yīng)的元素函數(shù)模板,所述元素函數(shù)模板中設(shè)置對(duì)該類型元 素操作的基本步驟,對(duì)每一個(gè)元素,根據(jù)該元素的類型套用相應(yīng)類型的元素函數(shù)模板,生成 每一個(gè)元素的元素函數(shù)。
6.一種用戶界面顯示裝置,其特征在于,該用戶界面顯示裝置包括獲取元素屬性模塊,用于獲取并保存當(dāng)前用戶界面顯示的所有元素的屬性,所述元素 為當(dāng)前用戶界面顯示的最小顯示單元,所述元素的屬性包括元素的顯示狀態(tài)和顯示內(nèi)容;調(diào)用用戶界面顯示函數(shù)模塊,用于調(diào)用當(dāng)前用戶界面顯示的用戶界面顯示函數(shù),所述 用戶界面顯示函數(shù)逐一調(diào)用當(dāng)前用戶界面顯示的所有元素的元素函數(shù);所述元素函數(shù)描述 元素的屬性;調(diào)用完畢當(dāng)前用戶界面顯示的所有元素的元素函數(shù)后生成用戶界面顯示。
7.根據(jù)權(quán)利要求6所述的用戶界面顯示裝置,其特征在于,所述調(diào)用元素函數(shù)包括 判斷當(dāng)前元素的顯示狀態(tài)是否是可見的,是則顯示當(dāng)前元素的內(nèi)容,否則擦除當(dāng)前元素顯示的內(nèi)容。
8.根據(jù)權(quán)利要求7所述的用戶界面顯示裝置,其特征在于,所述調(diào)用元素函數(shù)進(jìn)一步 包括判斷當(dāng)前元素的屬性是否發(fā)生變化,是則執(zhí)行判斷當(dāng)前元素的顯示狀態(tài)是否可見,否 則結(jié)束當(dāng)前調(diào)用元素函數(shù)。
9.根據(jù)權(quán)利要求6 8任一所述的用戶界面顯示裝置,其特征在于,所述用戶界面顯示 元素的類型包括靜態(tài)圖片、動(dòng)態(tài)圖片、字符串。
10.根據(jù)權(quán)利要求9所述的用戶界面顯示裝置,其特征在于,所述元素函數(shù)描述元素的 屬性進(jìn)一步包括對(duì)于每一類型的元素設(shè)置相應(yīng)的元素函數(shù)模板,所述元素函數(shù)模板中設(shè)置對(duì)該類型元 素操作的基本步驟,對(duì)每一個(gè)元素,根據(jù)該元素的類型套用相應(yīng)類型的元素函數(shù)模板,生成每一個(gè)元素的元素函數(shù)。
11. 一種包含如權(quán)利要求6 8任一所述的用戶界面顯示裝置的數(shù)碼設(shè)備。
全文摘要
本發(fā)明公開了一種用戶界面顯示方法,該方法包括獲取并保存當(dāng)前用戶界面顯示的所有元素的屬性,所述元素為當(dāng)前用戶界面顯示的最小顯示單元,所述元素的屬性包括元素的顯示狀態(tài)和顯示內(nèi)容;調(diào)用當(dāng)前用戶界面顯示的用戶界面顯示函數(shù),所述用戶界面顯示函數(shù)逐一調(diào)用當(dāng)前用戶界面顯示的所有元素的元素函數(shù);所述元素函數(shù)描述元素的屬性;調(diào)用完畢當(dāng)前用戶界面顯示的所有元素的元素函數(shù)后生成當(dāng)前用戶界面顯示。本發(fā)明還公開了用戶界面顯示裝置和包含所述用戶界面顯示裝置的數(shù)碼設(shè)備。本發(fā)明方案可以極大提高用戶界面顯示代碼的維護(hù)性。
文檔編號(hào)G06F9/44GK102081517SQ20091022567
公開日2011年6月1日 申請(qǐng)日期2009年11月27日 優(yōu)先權(quán)日2009年11月27日
發(fā)明者邵鋒 申請(qǐng)人:炬力集成電路設(shè)計(jì)有限公司