在電子設(shè)備的屏幕上進行顯示的方法和裝置制造方法
【專利摘要】本發(fā)明的各實施方式提供了在電子設(shè)備的屏幕上進行顯示的方法和裝置。在本發(fā)明的一個實施方式中，提供了一種在電子設(shè)備的屏幕上進行顯示的方法，包括：讀取將在屏幕上顯示的用戶界面中的至少一個界面元素的圖像；基于與至少一個界面元素的圖像相關(guān)聯(lián)的控件類型，將至少一個界面元素的圖像分類為第一類型和第二類型；在屏幕上，基于縮放比例而至少對被分類為第一類型的界面元素的圖像進行顯示，其中縮放比例與電子設(shè)備的屏幕分辨率和用戶界面的分辨率相關(guān)聯(lián)，縮放比例針對界面元素的橫向和縱向的縮放比例相同。在本發(fā)明的一個實施方式中，提供了一種在電子設(shè)備的屏幕上進行顯示的裝置。
【專利說明】在電子設(shè)備的屏幕上進行顯示的方法和裝置
【技術(shù)領(lǐng)域】
[0001]本發(fā)明的各實施方式涉及圖像處理，更具體地，涉及用于在電子設(shè)備的屏幕上進行顯示的方法和裝置。
【背景技術(shù)】
[0002]隨著計算機硬件技術(shù)的發(fā)展，目前已經(jīng)設(shè)計出具有各種屏幕尺寸的電子設(shè)備，例如，大到數(shù)十英寸的液晶顯示器，小到幾英寸的便攜式終端。面對屏幕大小如此懸殊的電子設(shè)備，如何確保在各個電子設(shè)備上都能顯示適合于屏幕尺寸的界面圖像，這已經(jīng)成為目前的一個研究熱點。
[0003]僅以便攜式終端為例，諸如移動電話、個人數(shù)字助理等電子設(shè)備的屏幕的分辨率可以是240X320像素(橫向X縱向)、720X1280像素或者其他數(shù)值。由于不同屏幕具有不同的像素比(例如，240: 320 = 3: 4,720: 1280 = 9: 16)，因而如果針對具有不同分辨率的電子設(shè)備提供相同的界面圖像，則在全屏顯示界面圖像時不可避免地會出現(xiàn)界面圖像的拉伸或擠壓等變形。
[0004]針對這一問題，為了在分辨率不同的屏幕上以較好的視覺效果呈現(xiàn)應(yīng)用的界面，通常需要針對具有不同分辨率的顯示器提供相應(yīng)的界面圖像。例如，對于分辨率為320X240像素的電子設(shè)備，提供的用戶界面可以包括分辨率為320X240像素的背景圖像、分辨率為160X120像素的對話框圖像、分辨率為60X30的按鈕圖像；又例如，對于分辨率為720X1280像素的電子設(shè)備，提供的用戶界面可以包括分辨率為720X1280像素的背景圖像、以及具有其他適合像素數(shù)的對話框圖像和按鈕圖像。
[0005]盡管提供多套界面圖像可以在一定程度上解決界面圖像被拉伸或擠壓的問題，然而，這大大增加了界面設(shè)計者和制作者的工作負(fù)擔(dān)。界面設(shè)計者和制作者需要收集主流電子設(shè)備的屏幕分辨率，并針對每個界面元素輸出具有不同分辨率的圖像。
[0006]另外，還應(yīng)當(dāng)注意，由于不同的電子設(shè)備的操作系統(tǒng)可以有所不同(例如，安卓系統(tǒng)和IOS系統(tǒng))，應(yīng)用設(shè)計者在開發(fā)應(yīng)用時通常會開發(fā)針對不同操作系統(tǒng)的應(yīng)用版本。在此情況下，考慮到操作系統(tǒng)類型以及電子設(shè)備的屏幕分辨率的不同，應(yīng)用安裝包中的內(nèi)容將會變得更加復(fù)雜。

【發(fā)明內(nèi)容】

[0007]因而，期望提供一種能夠基于電子設(shè)備的屏幕分辨率來自適應(yīng)地顯示界面圖像的技術(shù)方案，并且期望該技術(shù)方案可以在無需針對電子設(shè)備進行人工配置的情況下自動實現(xiàn)。
[0008]在本發(fā)明的一個實施方式中，提供了一種在電子設(shè)備的屏幕上進行顯示的方法，包括:讀取將在屏幕上顯示的用戶界面中的至少一個界面元素的圖像；基于與至少一個界面元素的圖像相關(guān)聯(lián)的控件類型，將至少一個界面元素的圖像分類為第一類型和第二類型；在屏幕上，基于縮放比例而至少對被分類為第一類型的界面元素的圖像進行顯示，其中縮放比例與電子設(shè)備的屏幕分辨率和用戶界面的分辨率相關(guān)聯(lián)，縮放比例針對界面元素的橫向和縱向的縮放比例相同。
[0009]在本發(fā)明的一個實施方式中，基于與至少一個界面元素的圖像相關(guān)聯(lián)的控件類型，將至少一個界面元素的圖像分類為第一類型和第二類型包括:將控件類型為等比顯示的界面元素的圖像分類為第一類型；以及將控件類型為浮動顯示的界面元素的圖像分類為
第二類型。
[0010]在本發(fā)明的一個實施方式中，進一步包括:基于被分類為第二類型的界面元素的圖像與用戶界面的待顯示邊界之間的位置關(guān)系，對被分類為第二類型的界面元素的圖像進行顯示。
[0011 ] 在本發(fā)明的一個實施方式中，提供了 一種在電子設(shè)備的屏幕上進行顯示的裝置，包括:讀取模塊，配置用于讀取將在屏幕上顯示的用戶界面中的至少一個界面元素的圖像；分類模塊，配置用于基于與至少一個界面元素的圖像相關(guān)聯(lián)的控件類型，將至少一個界面元素的圖像分類為第一類型和第二類型；第一顯示模塊，配置用于在屏幕上，基于縮放比例而至少對被分類為第一類型的界面元素的圖像進行顯示，其中縮放比例與電子設(shè)備的屏幕分辨率和用戶界面的分辨率相關(guān)聯(lián)，縮放比例針對界面元素的橫向和縱向的縮放比例相同。
[0012]在本發(fā)明的一個實施方式中，分類模塊包括:第一分類模塊，配置用于將控件類型為等比顯示的界面元素的圖像分類為第一類型；以及第二分類模塊，配置用于將控件類型為浮動顯示的界面元素的圖像分類為第二類型。
[0013]在本發(fā)明的一個實施方式中，進一步包括:第二顯示模塊，配置用于基于被分類為第二類型的界面元素的圖像與用戶界面的待顯示邊界之間的位置關(guān)系，對被分類為第二類型的界面元素的圖像進行顯示。
[0014]根據(jù)本發(fā)明的實施方式，可以基于電子設(shè)備的屏幕分辨率來自適應(yīng)地顯示界面圖像的技術(shù)方案，可以在無需針對電子設(shè)備進行人工配置的情況下自動實現(xiàn)；另外，還可以更加充分有效地利用電子設(shè)備的屏幕中的潛在可用空間。
【專利附圖】

【附圖說明】
[0015]結(jié)合附圖并參考以下詳細說明，本發(fā)明各實施方式的特征、優(yōu)點及其他方面將變得更加明顯，在此以示例性而非限制性的方式示出了本發(fā)明的若干實施方式。在附圖中:
[0016]圖1示意性示出了適于實現(xiàn)本發(fā)明實施方式的示例性電子設(shè)備的框圖；
[0017]圖2示意性示出了用于在電子設(shè)備的屏幕上進行顯示的用戶界面的示意圖；
[0018]圖3示意性示出了根據(jù)本發(fā)明一個實施方式的在電子設(shè)備的屏幕上進行顯示的方法的流程圖；
[0019]圖4A和4B分別示意性示出了根據(jù)本發(fā)明的實施方式的在電子設(shè)備的屏幕上顯示的用戶界面的示意圖；
[0020]圖5A和5B分別示意性示出了根據(jù)本發(fā)明的實施方式的在電子設(shè)備的屏幕上顯示的用戶界面的示意圖；
[0021]圖6示意性示出了根據(jù)本發(fā)明一個實施方式的在電子設(shè)備的屏幕上進行顯示時所涉及的數(shù)據(jù)結(jié)構(gòu)的示意圖；以及[0022]圖7示意性示出了根據(jù)本發(fā)明一個實施方式的在電子設(shè)備的屏幕上進行顯示的裝置的框圖。
【具體實施方式】
[0023]下面將參照附圖更詳細地描述本公開的優(yōu)選實施方式。雖然附圖中顯示了本公開的優(yōu)選實施方式，然而應(yīng)該理解，可以以各種形式實現(xiàn)本公開而不應(yīng)被這里闡述的實施方式所限制。相反，提供這些實施方式是為了使本公開更加透徹和完整，并且能夠?qū)⒈竟_的范圍完整的傳達給本領(lǐng)域的技術(shù)人員。
[0024]圖1示意性示出了適于實現(xiàn)本發(fā)明實施方式的示例性電子設(shè)備的框圖。然而，應(yīng)當(dāng)理解，所示出以及在此后描述的電子設(shè)備僅僅是適于用來實現(xiàn)本發(fā)明實施方式的電子設(shè)備的示范，因此，不應(yīng)用來限制本發(fā)明的范圍。電子設(shè)備諸如移動電話、個人數(shù)字助理(PDA)、平板電腦、移動電視、游戲設(shè)備、膝上型電腦、照相機、錄像機、GPS設(shè)備等等。此外，應(yīng)該理解，非移動電子設(shè)備也可以適于用來實現(xiàn)本發(fā)明的實施方式。在下文中，僅以移動終端10為示例來闡明本發(fā)明的實施方式。
[0025]移動終端10包括天線12，其可與發(fā)射機14和接收機16進行通信。移動終端10還包括控制器20，其分別提供去往發(fā)射機14的信號和接收來自接收機16的信號。信號包括按照適當(dāng)空中接口標(biāo)準(zhǔn)的信令信息，并且還包括文本、語音和/或視頻。移動終端10能夠利用一個或多個空中接口標(biāo)準(zhǔn)來進行操作。作為示范，移動終端10能夠根據(jù)第一代、第二代、第三代和/或第四代蜂窩通信系統(tǒng)協(xié)議中的任何協(xié)議來進行操作。例如，移動終端10能夠按照第二代(2G)無線通信協(xié)議IS-136((時分多址)TDMA)、GSM (全球移動通信系統(tǒng))或IS-95((碼分多址)CDMA)來進行操作；或者按照諸如通用移動電信系統(tǒng)(UMTS)、CDMA2000、寬帶CDMA (WCDMA)或時分-同步CDMA (TD-SCDMA)的第三代(3G)無線通信協(xié)議來進行操作；或者按照第四代(4G)無線通信協(xié)議來進行操作。移動終端10還可以包括用來實現(xiàn)近場通信的接口 18，例如射頻(RF)、藍牙(BT)、紅外(IrDA)接口?？刂破?0也提供去往接口 18的信號和接收來自接口 18的信號。應(yīng)該理解，控制器20包括用于實現(xiàn)移動終端10的功能所需的裝置，諸如電路。例如，控制器20可以包括數(shù)字信號處理器、微處理器以及各種模數(shù)轉(zhuǎn)換器、數(shù)模轉(zhuǎn)換器和其他支持電路。移動終端10的控制和信號處理功能按照這些設(shè)備各自的能力在其間分配?？刂破?0還可以包括在調(diào)制和傳輸之前對消息進行卷積編碼和交織的功能?？刂破?0還可以包括內(nèi)部聲音編碼器，并且可以包括內(nèi)部數(shù)據(jù)調(diào)制解調(diào)器。此夕卜，控制器20可以包括對可以存儲在存儲器中的一個或多個軟件程序進行操作的功能。例如，控制器20能夠操作連接程序，諸如Web瀏覽器。連接程序可以允許移動終端10例如按照無線應(yīng)用協(xié)議(WAP)、超文本傳輸協(xié)議(HTTP)等來發(fā)送和接收Web內(nèi)容。
[0026]移動終端10還可以包括輸出設(shè)備以及用戶輸入設(shè)備，所有這些設(shè)備都耦合至控制器20。輸出設(shè)備包括例如傳統(tǒng)的耳機或者揚聲器24、顯不器28等。用戶輸入設(shè)備包括麥克風(fēng)26、允許移動終端10接收數(shù)據(jù)的用戶輸入設(shè)備，其可以包括小鍵盤30、觸摸屏28 (其也充當(dāng)顯示器)等。在包括小鍵盤30的實施方式中，小鍵盤30可以包括傳統(tǒng)的數(shù)字鍵(0-9)和相關(guān)鍵(#、*)等。備選地，小鍵盤30可以包括傳統(tǒng)的QWERTY小鍵盤布置。此外或者備選地，移動終端10可以包括諸如操縱桿的用戶輸入設(shè)備。
[0027]移動終端10還包括電池34，諸如振動電池組，用于為操作移動終端10所需的各種電路供電。移動終端10還可以由補充電源44供電。補充電源44可以向移動終端10直接供電。補充電源44還可以通過對電池34充電而間接地向移動終端10供電，而電池34直接向移動終端10供電。由此，在某些實施方式中，即使移動終端10連接至補充電源44，移動終端10可以并不操作，直到電池34從補充電源44接收到了充分的電荷。此外，補充電源44可以從移動終端10移除，以允許移動終端10的無拘束的移動性。當(dāng)補充電源44以物理方式或者電氣方式被移除或者斷開時，電池34可以是移動終端10的獨有電源。
[0028]移動終端10的控制器20可以包括檢測電池34的電池水平的功能和/或電路。電池水平可以是針對電池34的剩余電量或者剩余時間的任意指示。當(dāng)考慮是否執(zhí)行各種操作時，控制器20可以使用電池水平?？刂破?0還可以檢測移動終端10是否連接至補充電源44?？刂破?0可以經(jīng)由例如對控制器20的輸入，直接檢測補充電源的連接。
[0029]移動終端10還可以包括毛筆字實時仿真裝置36。毛筆字仿真裝置36可以是以硬件、軟件或者硬件和軟件結(jié)合實現(xiàn)的任意裝置、設(shè)備或者電路，其能夠在移動終端10上對用戶輸入到移動終端10的軌跡進行毛筆字仿真。
[0030]在下面的實施方式中，假定毛筆字仿真裝置36是存儲于存儲器中并且由移動終端10的控制器20執(zhí)行的軟件應(yīng)用。下面將會對毛筆字仿真應(yīng)用36進行進一步地描述。
[0031]移動終端10還可以包括定位傳感器37。定位傳感器37可以是任何形式的用于定位移動終端10的位置的裝置、設(shè)備或者電路，諸如與控制器20通信的全球定位系統(tǒng)(GPS)模塊。
[0032]定位傳感器37能夠確定移動終端10的位置，例如移動終端10的經(jīng)度、緯度、以及海拔。來自定位傳感器37的信息可以被傳遞至移動終端10的存儲器，以便作為定位歷史或者位置信息而存儲。另外，定位傳感器37能夠利用控制器20來經(jīng)由發(fā)射機14/接收機16來發(fā)送/接收位置信息(移動終端10的位置)。
[0033]移動終端10還可以包括用戶身份模塊(ΠΜ) 38。ΠΜ38通常是具有內(nèi)置處理器的存儲器設(shè)備。ΠΜ38例如可以包括訂戶身份模塊(SM)、通用集成電路卡(nCC)、通用訂戶身份模塊(USM)、可移除用戶身份模塊(R-UM)等。UIM38通常存儲與移動訂戶相關(guān)的信息。除了 ΠΜ38之外，移動終端10還可以裝備有其他存儲器。例如，移動終端10可以包括易失性存儲器40，例如包括用于數(shù)據(jù)臨時存儲的高速緩存區(qū)域的易失性隨機存取存儲器(RAM)。移動終端10還可以包括非易失性存儲器42，其可以是嵌入式的和/或可移除的。非易失性存儲器42可以是電可擦除可編程只讀存儲器(EEPROM)、閃存等。根據(jù)本發(fā)明的一個實施方式，毛筆字仿真應(yīng)用36存儲在非易失性存儲器42中。
[0034]所屬【技術(shù)領(lǐng)域】的技術(shù)人員知道，本發(fā)明可以實現(xiàn)為系統(tǒng)、方法或計算機程序產(chǎn)品。因此，本公開可以具體實現(xiàn)為以下形式，即:可以是完全的硬件、也可以是完全的軟件(包括固件、駐留軟件、微代碼等)，還可以是硬件和軟件結(jié)合的形式，本文一般稱為“電路”、“模塊”或“系統(tǒng)”。此外，在一些實施方式中，本發(fā)明還可以實現(xiàn)為在一個或多個計算機可讀介質(zhì)中的計算機程序產(chǎn)品的形式，該計算機可讀介質(zhì)中包含計算機可讀的程序代碼。
[0035]下面將參照本發(fā)明實施方式的方法、裝置(系統(tǒng))和計算機程序產(chǎn)品的流程圖和/或框圖描述本發(fā)明。應(yīng)當(dāng)理解，流程圖和/或框圖的每個方框以及流程圖和/或框圖中各方框的組合，都可以由計算機程序指令實現(xiàn)。這些計算機程序指令可以提供給通用計算機、專用計算機或其他可編程數(shù)據(jù)處理裝置的處理器，從而生產(chǎn)出一種機器，這些計算機程序指令通過計算機或其他可編程數(shù)據(jù)處理裝置執(zhí)行，產(chǎn)生了實現(xiàn)流程圖和/或框圖中的方框中規(guī)定的功能/操作的裝置。
[0036]也可以把這些計算機程序指令存儲在能使得計算機或其他可編程數(shù)據(jù)處理裝置以特定方式工作的計算機可讀介質(zhì)中，這樣，存儲在計算機可讀介質(zhì)中的指令就產(chǎn)生出一個包括實現(xiàn)流程圖和/或框圖中的方框中規(guī)定的功能/操作的指令裝置(instructionmeans)的制造品(manufacture)。
[0037]在本發(fā)明的一個實施方式中，針對具有不同分辨率的電子設(shè)備，可以僅提供一套統(tǒng)一的用戶界面的圖像，并且當(dāng)在不同電子設(shè)備上進行顯示時，可以基于電子設(shè)備的分辨率來適應(yīng)性地調(diào)整用戶界面中的各個界面元素的顯示尺寸，以便獲得較好的視覺效果。
[0038]應(yīng)當(dāng)注意，在確定所提供用戶界面圖像中各個界面元素的分辨率時，可以考慮現(xiàn)有電子設(shè)備的分辨率。例如，可以提供用于在分辨率為720X960的電子設(shè)備上顯示的用戶界面，并且可以將其調(diào)整用于在具有其他分辨率的電子設(shè)備上進行顯示。盡管在顯示過程中可能會出現(xiàn)縮放，然而，本發(fā)明采用等比縮放的方式進行顯示，不會出現(xiàn)界面的橫縱比失真的情況。
[0039]圖2示意性示出了用于在電子設(shè)備的屏幕上進行顯示的用戶界面的示意圖200。應(yīng)當(dāng)注意，在本發(fā)明的上下文中，在屏幕上顯示用戶界面時，是通過顯示用戶界面中所包括的各個界面元素的圖像來實現(xiàn)的。圖2中僅僅示意性示出了用戶界面中可能包括的界面元素，例如包括:背景圖像220和對話框222、提示窗口 212、按鈕214和216，等等。應(yīng)當(dāng)注意，在用戶界面200中還可以包括一個或者多個其他的界面元素，例如，文本框、圖像框、單選框、復(fù)選框、滾動條、列表、表格等等其他內(nèi)容。
[0040]在本發(fā)明的一個實施方式中，可以針對用戶界面中的界面元素進行分類，例如，對于用戶界面中的內(nèi)容元素(諸如，背景圖像、對話框、文本等)，這些元素通常位于用戶界面的中心區(qū)域，因而可以采用等比縮放的方式進行顯示；對于用戶界面中的導(dǎo)航元素(諸如，提示窗口、前進、后退等導(dǎo)航鍵，等)，這些元素通常位于用戶界面的周邊區(qū)域，并且這些導(dǎo)航元素的顯示通?？梢元毩⒂趦?nèi)容元素。在提供用戶界面時，可以針對界面元素的圖像進行分類以便在顯示時可以進行區(qū)分。
[0041]具體地，在本發(fā)明的一個實施方式中，一種在電子設(shè)備的屏幕上進行顯示的方法，包括:讀取將在屏幕上顯示的用戶界面中的至少一個界面元素的圖像；基于與至少一個界面元素的圖像相關(guān)聯(lián)的控件類型，將至少一個界面元素的圖像分類為第一類型和第二類型；在屏幕上，基于縮放比例而至少對被分類為第一類型的界面元素的圖像進行顯示，其中縮放比例與電子設(shè)備的屏幕分辨率和用戶界面的分辨率相關(guān)聯(lián)，縮放比例針對界面元素的橫向和縱向的縮放比例相同。
[0042]圖3示意性示出了根據(jù)本發(fā)明一個實施方式的在電子設(shè)備的屏幕上進行顯示的方法的流程圖300。首先，在步驟S302中，讀取將在屏幕上顯示的用戶界面中的至少一個界面元素的圖像。應(yīng)當(dāng)注意，可以在電子設(shè)備中啟動應(yīng)用時執(zhí)行此步驟，還可以在用戶使用過程中隨著將被顯示的界面元素的改變而實時地讀取將被顯示的界面元素的圖像。
[0043]在步驟S304中，基于與至少一個界面元素的圖像相關(guān)聯(lián)的控件類型，將至少一個界面元素的圖像分類為第一類型和第二類型。在本發(fā)明的一個實施方式中，在提供應(yīng)用時可以已經(jīng)根據(jù)與不同界面元素相關(guān)聯(lián)的空間類型而采用預(yù)定義標(biāo)識符標(biāo)記了各個圖像，因而此時可以根據(jù)標(biāo)識符來區(qū)別界面元素的圖像的類型。
[0044]在步驟S306中，在屏幕上，基于縮放比例而至少對被分類為第一類型的界面元素的圖像進行顯示，其中縮放比例與電子設(shè)備的屏幕分辨率和用戶界面的分辨率相關(guān)聯(lián)，縮放比例針對界面元素的橫向和縱向的縮放比例相同。在此實施方式中，針對界面元素進行等比縮放并顯示，因而可以避免出現(xiàn)當(dāng)電子設(shè)備的屏幕分辨率的像素比與所提供用戶界面的像素比不一致時可能出現(xiàn)的非等比拉伸或者擠壓的問題。
[0045]在本發(fā)明的一個實施方式中，基于與至少一個界面元素的圖像相關(guān)聯(lián)的控件類型，將至少一個界面元素的圖像分類為第一類型和第二類型包括:將控件類型為等比顯示的界面元素的圖像分類為第一類型；以及將控件類型為浮動顯示的界面元素的圖像分類為
第二類型。
[0046]在提供用戶界面時，例如可以將用戶界面中的內(nèi)容元素標(biāo)記為等比顯示，因而在不同電子設(shè)備上進行顯示時，可以將這些位于界面中心區(qū)域的內(nèi)容進行等比顯示，從而保證原始顯示比例以及各個界面元素之間的相對位置關(guān)系。又例如，可以將用戶界面中的導(dǎo)航元素標(biāo)記為浮動顯示，從而不必在用戶界面中的原始位置顯示這些界面元素，而是可以將這些界面元素顯示在不遮擋用戶界面中其他內(nèi)容的區(qū)域。
[0047]在本發(fā)明的一個實施方式中，縮放比例是將用戶界面完整地顯示在屏幕內(nèi)的縮放比例。應(yīng)當(dāng)注意，在本發(fā)明的實施方式中采用等比顯示，因而縮放比例需要保證在橫向和縱向兩個方向都能在電子設(shè)備的屏幕中顯示經(jīng)過等比縮放的用戶界面。
[0048]例如，所提供的用戶界面的分辨率為720X960(像素比為3: 4)，當(dāng)需要在分辨率為360X480(像素比為3: 4)的電子設(shè)備上進行顯示時，縮放比例可以設(shè)置為0.5，此時恰好可以在終端設(shè)備上進行顯示。又例如，當(dāng)需要在分辨率為360X640(像素比為9: 16)的電子設(shè)備上進行顯示時，縮放比例至多可以設(shè)置為0.5，否則在電子設(shè)備的橫向上將不能完整地顯示用戶界面。
[0049]在本發(fā)明的一個實施方式中，在屏幕上，基于縮放比例而至少對被分類為第一類型的界面元素的圖像進行顯示包括:獲取用戶界面的分辨率；響應(yīng)于用戶界面的分辨率的像素比與屏幕分辨率的像素比不一致，在屏幕上利用條帶填充所顯示的被分類為第一類型的界面元素的圖像以外的區(qū)域。
[0050]繼續(xù)上文的示例，當(dāng)用戶界面的分辨率為720X960(像素比為3: 4)，而電子裝置的分辨率為720X1280(像素比為9: 16)時，由于兩者的像素比不一致，因而可以在屏幕上利用條帶填充用戶界面以外的區(qū)域。具體地，圖4A示意性示出了根據(jù)本發(fā)明的實施方式的在電子設(shè)備的屏幕上顯示的用戶界面的示意圖400A。在此實施方式中，可以在用戶界面的上下兩側(cè)采用條帶來填充用戶界面以外的區(qū)域?？梢圆捎貌噬珬l帶來進行填充，或者為了與用戶界面的圖案相一致，還可以采用包括與背景圖像相一致的圖像的條帶來進行填充。在本發(fā)明的一個實施方式中，可以在橫向和縱向兩個方向利用條帶進行填充。例如，4B示意性示出了根據(jù)本發(fā)明的實施方式的在電子設(shè)備的屏幕上顯示的用戶界面的示意圖400B。
[0051]在本發(fā)明的一個實施方式中，縮放比例小于或者等于預(yù)定閾值?？赡艽嬖谌缦虑闆r，顯示器的分辨率遠遠大于用戶界面的分辨率，此時如果以滿足上述條件的最大縮放比例進行縮放時，很可能會出現(xiàn)用戶界面被拉伸到過大尺寸而造成失真的情況。為了避免出現(xiàn)因過度拉伸造成的失真，可以設(shè)置縮放比例的最大閾值(例如，設(shè)置為2)。當(dāng)顯示器的分辨率遠遠大于用戶界面的分辨率時，可以基于最大閾值來拉伸用戶界面，并且利用如圖4A或4B所示的方式在用戶界面周圍進行填充。
[0052]在本發(fā)明的一個實施方式中，進一步包括:基于被分類為第二類型的界面元素的圖像與用戶界面的待顯示邊界之間的位置關(guān)系，對被分類為第二類型的界面元素的圖像進行顯示。例如，被分類為第二類型的界面元素的圖像與用戶界面的待顯示邊界之間的位置關(guān)系可以定義為，保持第二類型的界面元素的圖像與用戶界面的待顯示邊界之間的距離保持恒定。此時，對于圖2所示的提示窗口 212、按鈕214和216，可以保持將提示窗口 212緊挨屏幕的上邊緣顯示，可以保持將按鈕214和216緊挨屏幕的下邊緣顯示，如圖5A和圖5B所示，其分別示意性示出了根據(jù)本發(fā)明的實施方式的在電子設(shè)備的屏幕上顯示的用戶界面的示意圖500A和500B。
[0053]在本發(fā)明的一個實施方式中，被分類為第二類型的界面元素的圖像被顯示在條帶上(如圖5A和圖5B所示)。以此方式，不僅可以在屏幕的中心區(qū)域中顯示例如背景圖像、對話框等數(shù)據(jù)元素，還可以將諸如提示窗口、導(dǎo)航鍵等導(dǎo)航元素顯示在屏幕上側(cè)或者下側(cè)的條帶區(qū)域中。將導(dǎo)航元素移至屏幕的邊緣區(qū)域可以避免在用戶界面中重疊顯示時可能出現(xiàn)的遮擋；另一方面，還可以充分利用填充條帶的空間，并且將條帶與用戶界面更好地融為一體，進而提供更好的用戶體驗。
[0054]另外，將導(dǎo)航元素顯示在條帶上還可以將導(dǎo)航功能的觸發(fā)區(qū)域區(qū)別于數(shù)據(jù)元素的顯示區(qū)域，這有助于用戶更準(zhǔn)確地進行操作，用戶可以在更大的空間內(nèi)執(zhí)行輸入等操作，避免出現(xiàn)用戶不小心對其他按鈕進行誤操作的情況。例如，當(dāng)用戶激活輸入法后，可以在屏幕下方的條帶內(nèi)(或者部分地在條帶內(nèi))顯示軟鍵盤，此時軟鍵盤不會重疊在用戶界面上，因而不會對用戶界面中的文字或者圖形進行遮擋，還有助于用戶提高用戶輸入的準(zhǔn)確性。
[0055]應(yīng)當(dāng)注意，盡管在本發(fā)明的實施方式中采用提示窗口、導(dǎo)航鍵等作為第二類型的界面元素的示例，本領(lǐng)域技術(shù)人員還可以將其他諸如按鈕、滾動條等與內(nèi)容元素相對獨立的其他界面元素分類為第二類型的界面元素。
[0056]在本發(fā)明的一個實施方式中，在屏幕上，基于縮放比例而至少對被分類為第一類型的界面元素的圖像進行顯示包括:基于被分類為第一類型的界面元素的圖像與用戶界面之間的位置關(guān)系，定位被分類為第一類型的界面元素的圖像。
[0057]在此實施方式中，第一類型的界面元素的圖像與用戶界面之間的位置關(guān)系保持不變。例如，在圖5A中，背景圖像220和對話框222屬于第一類型的界面元素的圖像，盡管他們的大小可以被等比縮放，然而220和222之間的位置關(guān)系保持不變。
[0058]圖6示意性示出了根據(jù)本發(fā)明一個實施方式的在電子設(shè)備的屏幕上進行顯示時所涉及的數(shù)據(jù)結(jié)構(gòu)的示意圖600。為了更方便地管理第二類型的界面元素，可以依照各個界面元素的顯示順序來建立樹狀數(shù)據(jù)結(jié)構(gòu)。例如，對于圖2所示的用戶界面中的視覺效果，背景圖像220被首先顯示，繼而在其上疊加對話框222 (即，顯示順序為背景圖像220-對話框222)。在此實施方式中，可以建立如圖6所示的數(shù)據(jù)結(jié)構(gòu)。其中，根節(jié)點610表示第二類型的界面元素的根節(jié)點，按照顯示順序，背景節(jié)點620和對話框節(jié)點630分別是不同層級的子節(jié)點。
[0059]基于圖6所示的數(shù)據(jù)結(jié)構(gòu)，在顯示第二類型的界面元素時，針對根節(jié)點進行縮放操作，則可以自動地對其中的各個子節(jié)點進行操作，因而避免了逐個針對每個界面元素進行縮放的繁瑣步驟。
[0060]圖7示意性示出了根據(jù)本發(fā)明一個實施方式的在電子設(shè)備的屏幕上進行顯示的裝置的框圖700。具體地，提供了一種在電子設(shè)備的屏幕上進行顯示的裝置，包括:讀取模塊710，配置用于讀取將在屏幕上顯示的用戶界面中的至少一個界面元素的圖像；分類模塊720，配置用于基于與至少一個界面元素的圖像相關(guān)聯(lián)的控件類型，將至少一個界面元素的圖像分類為第一類型和第二類型；第一顯示模塊730，配置用于在屏幕上，基于縮放比例而至少對被分類為第一類型的界面元素的圖像進行顯示，其中縮放比例與電子設(shè)備的屏幕分辨率和用戶界面的分辨率相關(guān)聯(lián)，縮放比例針對界面元素的橫向和縱向的縮放比例相同。
[0061]在本發(fā)明的一個實施方式中，分類模塊710包括:第一分類模塊，配置用于將控件類型為等比顯示的界面元素的圖像分類為第一類型；以及第二分類模塊，配置用于將控件類型為浮動顯示的界面元素的圖像分類為第二類型。
[0062]在本發(fā)明的一個實施方式中，縮放比例是將用戶界面完整地顯示在屏幕內(nèi)的縮放比例。
[0063]在本發(fā)明的一個實施方式中，包括:第二顯示模塊，配置用于基于被分類為第二類型的界面元素的圖像與用戶界面的待顯示邊界之間的位置關(guān)系，對被分類為第二類型的界面元素的圖像進行顯示。
[0064]在本發(fā)明的一個實施方式中，第一顯不模塊730包括:定位模塊,配置用于基于被分類為第一類型的界面元素的圖像與用戶界面之間的位置關(guān)系，定位被分類為第一類型的界面元素的圖像。
[0065]在本發(fā)明的一個實施方式中，第一顯不模塊730進一步包括:獲取模塊,配置用于獲取用戶界面的分辨率；填充模塊，配置用于響應(yīng)于用戶界面的分辨率的像素比與屏幕分辨率的像素比不一致，在屏幕上利用條帶填充所顯示的被分類為第一類型的界面元素的圖像以外的區(qū)域。
[0066]在本發(fā)明的一個實施方式中，進一步包括:條帶模塊，配置用于被分類為第二類型的界面元素的圖像被顯示在條帶上。
[0067]在本發(fā)明的一個實施方式中，縮放比例小于或者等于預(yù)定閾值。
[0068]附圖中的流程圖和框圖顯示了根據(jù)本發(fā)明的多個實施方式的系統(tǒng)、方法和計算機程序產(chǎn)品的可能實現(xiàn)的體系架構(gòu)、功能和操作。在這點上，流程圖或框圖中的每個方框可以代表一個模塊、程序段或代碼的一部分，所述模塊、程序段或代碼的一部分包含一個或多個用于實現(xiàn)規(guī)定的邏輯功能的可執(zhí)行指令。也應(yīng)當(dāng)注意，在有些作為替換的實現(xiàn)中，方框中所標(biāo)注的功能也可以以不同于附圖中所標(biāo)注的順序發(fā)生。例如，兩個連續(xù)的方框?qū)嶋H上可以基本并行地執(zhí)行，它們有時也可以按相反的順序執(zhí)行，這依所涉及的功能而定。也要注意的是，框圖和/或流程圖中的每個方框、以及框圖和/或流程圖中的方框的組合，可以用執(zhí)行規(guī)定的功能或操作的專用的基于硬件的系統(tǒng)來實現(xiàn)，或者可以用專用硬件與計算機指令的組合來實現(xiàn)。
[0069]以上已經(jīng)描述了本發(fā)明的各實施方式，上述說明是示例性的，并非窮盡性的，并且也不限于所披露的各實施方式。在不偏離所說明的各實施方式的范圍和精神的情況下，對于本【技術(shù)領(lǐng)域】的普通技術(shù)人員來說許多修改和變更都是顯而易見的。本文中所用術(shù)語的選擇，旨在最好地解釋各實施方式的原理、實際應(yīng)用或?qū)κ袌鲋械募夹g(shù)的技術(shù)改進，或者使本【技術(shù)領(lǐng)域】的其他普通技術(shù)人員能理解本文披露的各實施方式。
【權(quán)利要求】
1.一種在電子設(shè)備的屏幕上進行顯示的方法，包括: 讀取將在所述屏幕上顯示的用戶界面中的至少一個界面元素的圖像； 基于與所述至少一個界面元素的圖像相關(guān)聯(lián)的控件類型，將所述至少一個界面元素的圖像分類為第一類型和第二類型； 在所述屏幕上，基于縮放比例而至少對被分類為所述第一類型的界面元素的圖像進行顯示， 其中所述縮放比例與所述電子設(shè)備的屏幕分辨率和所述用戶界面的分辨率相關(guān)聯(lián)，所述縮放比例針對界面元素的橫向和縱向的縮放比例相同。
2.根據(jù)權(quán)利要求1所述的方法，其中基于與所述至少一個界面元素的圖像相關(guān)聯(lián)的控件類型，將所述至少一個界面元素的圖像分類為第一類型和第二類型包括: 將控件類型為 等比顯示的界面元素的圖像分類為第一類型；以及 將控件類型為浮動顯示的界面元素的圖像分類為第二類型。
3.根據(jù)權(quán)利要求1所述的方法，其中所述縮放比例是將所述用戶界面完整地顯示在所述屏幕內(nèi)的縮放比例。
4.根據(jù)權(quán)利要求1-3中的任一項所述的方法，進一步包括: 基于被分類為所述第二類型的界面元素的圖像與所述用戶界面的待顯示邊界之間的位置關(guān)系，對被分類為所述第二類型的界面元素的圖像進行顯示。
5.根據(jù)權(quán)利要求1-3中的任一項所述的方法，其中在所述屏幕上，基于縮放比例而至少對被分類為所述第一類型的界面元素的圖像進行顯示包括: 基于被分類為所述第一類型的界面元素的圖像與所述用戶界面之間的位置關(guān)系，定位被分類為所述第一類型的界面元素的圖像。
6.根據(jù)權(quán)利要求5所述的方法，其中在所述屏幕上，基于縮放比例而至少對被分類為所述第一類型的界面元素的圖像進行顯示包括: 獲取所述用戶界面的分辨率； 響應(yīng)于所述用戶界面的分辨率的像素比與所述屏幕分辨率的像素比不一致，在所述屏幕上利用條帶填充所顯示的被分類為所述第一類型的界面元素的圖像以外的區(qū)域。
7.根據(jù)權(quán)利要求6所述的方法，進一步包括: 將被分類為所述第二類型的界面元素的圖像顯示在所述條帶上。
8.根據(jù)權(quán)利要求1-3中的任一項所述的方法，其中所述縮放比例小于或者等于預(yù)定閾值。
9.一種在電子設(shè)備的屏幕上進行顯示的裝置，包括: 讀取模塊，配置用于讀取將在所述屏幕上顯示的用戶界面中的至少一個界面元素的圖像； 分類模塊，配置用于基于與所述至少一個界面元素的圖像相關(guān)聯(lián)的控件類型，將所述至少一個界面元素的圖像分類為第一類型和第二類型； 第一顯示模塊，配置用于在所述屏幕上，基于縮放比例而至少對被分類為所述第一類型的界面元素的圖像進行顯示， 其中所述縮放比例與所述電子設(shè)備的屏幕分辨率和所述用戶界面的分辨率相關(guān)聯(lián)，所述縮放比例針對界面元素的橫向和縱向的縮放比例相同。
10.根據(jù)權(quán)利要求9所述的裝置，其中所述分類模塊包括: 第一分類模塊，配置用于將控件類型為等比顯示的界面元素的圖像分類為第一類型；以及 第二分類模塊，配置用于將控件類型為浮動顯示的界面元素的圖像分類為第二類型。
11.根據(jù)權(quán)利要求9所述的裝置，其中所述縮放比例是將所述用戶界面完整地顯示在所述屏幕內(nèi)的縮放比例。
12.根據(jù)權(quán)利要求9-11中的任一項所述的裝置，進一步包括: 第二顯示模塊，配置用于基于被分類為所述第二類型的界面元素的圖像與所述用戶界面的待顯示邊界之間的位置關(guān)系，對被分類為所述第二類型的界面元素的圖像進行顯示。
13.根據(jù)權(quán)利要求9-11中的任一項所述的裝置，其中所述第一顯示模塊包括: 定位模塊，配置用于基于被分類為所述第一類 型的界面元素的圖像與所述用戶界面之間的位置關(guān)系，定位被分類為所述第一類型的界面元素的圖像。
14.根據(jù)權(quán)利要求13所述的裝置，其中所述第一顯示模塊進一步包括: 獲取模塊，配置用于獲取所述用戶界面的分辨率； 填充模塊，配置用于響應(yīng)于所述用戶界面的分辨率的像素比與所述屏幕分辨率的像素比不一致，在所述屏幕上利用條帶填充所顯示的被分類為所述第一類型的界面元素的圖像以外的區(qū)域。
15.根據(jù)權(quán)利要求14所述的裝置，進一步包括: 條帶模塊，配置用于被分類為所述第二類型的界面元素的圖像被顯示在所述條帶上。
16.根據(jù)權(quán)利要求9-11中的任一項所述的裝置，其中所述縮放比例小于或者等于預(yù)定閾值。
【文檔編號】G06F3/14GK103970436SQ201310033308
【公開日】2014年8月6日 申請日期:2013年1月25日 優(yōu)先權(quán)日:2013年1月25日
【發(fā)明者】顏鵬 申請人:人人游戲網(wǎng)絡(luò)科技發(fā)展（上海）有限公司