TW201428607A - 顯示方法與使用其之電子裝置 - Google Patents

Abstract

本案揭示一種顯示方法與使用其之電子裝置，其中電子裝置包括一個螢幕。本顯示方法包括以下步驟。偵測該電子裝置的顯示規格。判斷電子裝置中的第一資料庫是否具有與顯示規格相符的候選圖像。倘若第一資料庫不具有與顯示規格相符的候選圖像，則透過第二資料庫取得原始圖像並將原始圖像調整成符合顯示規格的顯示圖像，並且將顯示圖像顯示於螢幕。

Description

顯示方法與使用其之電子裝置

本案是有關於一種人機介面的顯示技術，且特別是有關於一種圖像的顯示方法與電子裝置。

隨著科技的日新月異，電子裝置例如是行動電話(Cell phone)、智慧型手機(Smart phone)或個人數位助理(Personal Digital Assistant，PDA)手機、平板電腦(Tablet PC)、筆記型電腦等等，已經漸漸充斥了我們的生活空間。目前這些電子裝置上的作業系統，如Apple的iOS或是Google的Android等作業系統，都可以允許使用者安裝第三方應用程式，因此使用者能夠直接透過網際網路將第三方應用程式下載到電子裝置上。

然而，電子裝置的作業系統可能產生圖形用戶界面(graphical user interface，GUI)與電子裝置的顯示規格不相符的問題。舉例來說，當上述第三方應用程式下載到電子裝置上時，此應用程式所對應的圖像的最大圖像解析度為96x96px，因此，當此應用程式要被顯示在更高解析度(例如144x144px)的情況 下時，習知的技術只能透過拉伸圖像的尺寸的方式來進行顯示。由於此圖像的最大圖像解析度(即96x96px)相對於更高解析度(例如144x144px)較小，故圖像顯示於具有更高解析度的電子裝置的顯示規格時，圖像會產生模糊且不具正常的大小比例，因此視覺上無法協調。

本案提出一種顯示方法，適用於電子裝置，其中電子裝置具有螢幕。本顯示方法包括以下步驟。偵測該電子裝置目前的顯示規格。判斷第一資料庫是否具有與顯示規格相符的候選圖像，其中第一資料庫位於電子裝置。倘若第一資料庫不具有與顯示規格相符的候選圖像，則透過第二資料庫取得原始圖像並將原始圖像調整成符合顯示規格的顯示圖像，並且將顯示圖像顯示於螢幕。

本案提出一種電子裝置，其包括螢幕、儲存單元以及處理單元。儲存單元用以儲存第一資料庫，其中第一資料庫具有多個候選圖像。處理單元耦接於螢幕與儲存單元，其中處理單元偵測電子裝置目前的顯示規格，並判斷第一資料庫是否具有與顯示規格相符的候選圖像。倘若第一資料庫不具有與顯示規格相符的候選圖像，則處理單元自第二資料庫取得原始圖像並將原始圖像調整成符合顯示規格的顯示圖像，並且將顯示圖像顯示於螢幕。

基於上述，在顯示方法與電子裝置中，電子裝置會依照 目前的顯示規格來取得具有適合圖像解析度的圖像，並依據此圖像來進行顯示。如此一來，電子裝置可提供較清晰的畫面，藉以增進視覺上的協調性。

為讓本發明的上述特徵和優點能更明顯易懂，下文特舉實施例，並配合所附圖式作詳細說明如下。

1000‧‧‧圖像顯示系統

100、400‧‧‧電子裝置

110、410、510‧‧‧螢幕

120‧‧‧儲存單元

122‧‧‧第一資料庫

130‧‧‧處理單元

1100‧‧‧伺服器

1120‧‧‧第二資料庫

40、50‧‧‧圖形用戶界面

500‧‧‧第二電子裝置

500’‧‧‧組合型行動裝置

502a‧‧‧背面

502b‧‧‧滑道

36x36px、48x48px、72x72px、96x96px、512x512px‧‧‧圖像解析度

P1~P4、42~48、52~58‧‧‧圖像

Q‧‧‧原始圖像

Q’‧‧‧顯示圖像

S202~S210‧‧‧本實施例的顯示方法各步驟

圖1是依照本案第一實施例的一種圖像顯示系統的方塊圖。

圖2是依照本案實施例所繪示的一種顯示方法流程圖。

圖3為說明電子裝置自第一資料庫或第二資料庫取得符合電子裝置顯示規格的圖像的示意圖。

圖4A至圖4B是依照本案實施例所繪示的混合型行動裝置的組裝前後的示意圖。

圖1是依照本案第一實施例的一種圖像顯示系統的方塊圖。請參照圖1，圖像顯示系統1000包括電子裝置100與伺服器1100，其中電子裝置100是透過網際網路而連線至伺服器1100，但不限於此。

電子裝置100例如是行動電話(Cell phone)、智慧型手機(Smart phone)或個人數位助理(Personal Digital Assistant， PDA)手機、平板電腦(Tablet PC)、筆記型電腦等等，本案不對電子裝置的種類加以限制。電子裝置100包括螢幕110、儲存單元120以及處理單元130，其中處理單元130分別耦接於螢幕110與儲存單元120。這些元件的功能分述如下。

螢幕110用以顯示電子裝置100中的資訊，例如顯示圖形用戶界面(graphical user interface，GUI)、各種應用程式(application)、軟體小工具(widget)或其他操作介面等，不限於此。本實施例的螢幕110可以是各種類型的觸控螢幕，例如電阻式(resistive)觸控螢幕、電容式(capacitive)觸控螢幕、光學式(optical)觸控螢幕等，但並不限制於此。在另一實施例中，螢幕110也可以是單純僅具有顯示功能的液晶螢幕。

儲存單元120用以儲存第一資料庫122，其中第一資料庫具122有多個候選圖像。在此，螢幕110所顯示的圖形用戶界面(graphical user interface，GUI)、各種應用程式(application)、軟體小工具(widget)或其他操作介面等中的圖像，皆可儲存在儲存單元120的第一資料庫122。在此說明的是，為了最佳化上述的圖形用戶界面、應用程式、軟體小工具或其他操作介面等能符合不同螢幕110的尺寸或密度，第一資料庫122可儲存多個相同樣式但圖像解析度不同的多個候選圖像，以讓電子裝置100來處理遇到不同尺寸的螢幕110或密度時，採用適合的候選圖像以達到最佳化效果。因此，電子裝置100於不同操作環境下，可自這些候選圖像中選擇其中一個符合電子裝置100目前的顯示規格的候 選圖像來進行顯示。在本實施例中，儲存單元120可以是內嵌式的內部儲存單元或外接式的外部儲存單元。內部儲存單元可為隨機存取記憶體(Random Access Memory，RAM)、唯讀記憶體(Read-Only Memory，ROM)、快閃記憶體(Flash memory)、磁碟儲存裝置(Magnetic disk storage device)等。外部儲存單元可為小型快閃(Compact Flash，CF)記憶卡、安全數位(Secure Digital，SD)記憶卡、微安全數位(Micro SD)記憶卡、記憶棒(Memory Stick，MS)等。

處理單元130可以是具備運算處理能力的硬體(例如晶片組、處理器等)、軟體元件(例如作業系統、應用程式等)，或硬體及軟體元件的組合，用以控制電子裝置100的整體運作。具體而言，處理單元130會取得電子裝置100目前操作環境下的顯示規格，並從儲存單元120的第一資料庫122中選取符合此顯示規格的候選圖像，或者透過網路到伺服器1100取得對應於此操作環境的原始圖像來進行調整以產生符合此顯示規格的顯示圖像，藉以將候選圖像或者顯示圖像透過螢幕110來進行顯示。在本實施例中，處理單元130例如是中央處理單元(Central Processing Unit，CPU)，或是其他可程式化之微處理器(Microprocessor)、數位訊號處理器(Digital Signal Processor，DSP)、可程式化控制器、特殊應用積體電路(Application Specific Integrated Circuits，ASIC)、可程式化邏輯裝置(Programmable Logic Device，PLD)或其他類似裝置。

此外，伺服器1100例如為網路伺服器或雲端伺服器等，其具有第二資料庫1120，而第二資料庫1120具有多個原始圖像。這些原始圖像例如是載入於電子裝置100中的圖像所對應之圖像解析度較高的圖像，其中圖像解析度例如為512x512px或更高的解析度，但不限於此。具體來說，對於電子裝置100中的圖形用戶界面、各種應用程式、軟體小工具(widget)或其他操作介面等中的圖像而言，第二資料庫1120中具有相同樣式但圖像解析度較高的圖像。如此一來，電子裝置100可自第二資料庫1120取得原始圖像，並將此原始圖像的圖像解析度調整為符合電子裝置100目前操作環境之顯示規格的顯示圖像。

底下即搭配上述電子裝置100來說明本實施例的顯示方法各步驟。圖2是依照本案實施例所繪示的一種顯示方法流程圖。請參照圖2，於步驟S202中，處理單元130會偵測電子裝置100目前的顯示規格。具體而言，依據不同的操作環境，電子裝置100可具有多個顯示規格，例如處於直立顯示模式(portrait displaying mode)時的顯示規格，處於橫向顯示模式(landscape displaying mode)時的顯示規格等，或者當電子裝置100耦接於另一台電子裝置時的顯示規格。其中，顯示規格例如是圖像顯示於螢幕110時所適用的圖像解析度，例如是36x36px、48x48px、72x72px、96x96px或144x144px等，不限於此。此外，本實施例的圖像例如是圖形用戶界面、各種應用程式、軟體小工具或其他操作介面等中的圖像或圖標、桌布(wall paper)、照片或者是感興趣的區域 (Region Of Interesting)的圖像等，不限於上述。在本實施例中，每當電子裝置100新增至少一個應用程式、軟體小工具等時，處理單元130則會偵測電子裝置100目前的顯示規格，藉以取得這些應用程式、軟體小工具對應的圖像所示用的圖像解析度。

於步驟S204中，處理單元130會判斷儲存單元120中的第一資料庫122是否具有與電子裝置100目前的顯示規格相符的候選圖像。詳細而言，處理單元130會計算符合目前的顯示規格的圖像解析度，並判斷第一資料庫122是否具有符合此圖像解析度的候選圖像。也就是說，處理單元130會依據螢幕110所顯示的圖形用戶界面、各種應用程式、軟體小工具或其他操作介面等中的圖像，在第一資料庫122中搜尋對應於這些圖像且符合電子裝置100目前的圖像解析度的候選圖像。

倘若第一資料庫122具有與電子裝置100目前的顯示規格相符的候選圖像，則於步驟S206中，處理單元130會將此候選圖像顯示於螢幕110。然而，倘若第一資料庫122不具有與電子裝置100目前的顯示規格相符的候選圖像，則於步驟S208中，處理單元130會透過網際網路，自伺服器1100的第二資料庫1120取得原始圖像，並將此原始圖像的圖像解析度進行調整，以產生符合電子裝置100目前之顯示規格的顯示圖像。其中，調整圖像解析度的方法例如是依據預設比例，來縮放原始圖像，或是將原始圖像等分切割為多個巨集區塊，再依據預設比例，縮放這些巨集區塊。此處調整圖像解析度的方法為舉例說明，本實施例並不限 於此。之後，於步驟S210中，處理單元130會將顯示圖像顯示於螢幕110。在此，處理單元130還可將顯示圖像儲存在第一資料庫122，以方便之後處理單元130可從第一資料庫122中取得與電子裝置100目前的顯示規格相符之圖像解析度的顯示圖像。

為了詳細說明本實施例的顯示方法，底下再舉一實施例。圖3為說明電子裝置100自第一資料庫122或第二資料庫1120取得符合電子裝置100顯示規格的圖像的示意圖。請參照圖3，假設處理單元130欲將一個圖像(底下稱為圖像P0)載入圖形用戶界面，且第一資料庫122儲存有與圖像P0不同圖像解析度但具有相同樣式的候選圖像P1~P4，其中候選圖像P1~P4的圖像解析度分別例如為36x36px、48x48px、72x72px及96x96px。在此，候選圖像的數目與圖像解析度為舉例說明，本實施例並不限於此。此時，假設與電子裝置100目前的顯示規格相符的圖像解析度為72x72px，則處理單元130將圖像P0載入圖形用戶界面中時，由於第一資料庫122中具有符合圖像解析度(即72x72px)的候選圖像P3，因此處理單元130會選取此具有72x72px的圖像解析度的候選圖像P3，並依據此候選圖像P3來取代圖像P0，以載入圖形用戶界面。

然而，假設與電子裝置100目前的顯示規格相符的圖像解析度為144x144px，則對於圖像P0而言，由於第一資料庫中不具有圖像解析度為144x144px的候選圖像，因此，處理單元130會連線到伺服器1100中的第二資料庫1120，並在第二資料庫1120 中取得對應於圖像P0的原始圖像Q，其中原始圖像Q的圖像解析度例如為512x512px，但不限於此。並且，處理單元130會針對此原始圖像進行調整，將圖像解析度為512x512px的原始圖像Q轉換成圖像解析度為144x144px的顯示圖像Q’。如此一來，處理單元130便可依據這個具有圖像解析度為144x144px的顯示圖像Q’來進行顯示，以提供較清晰畫面。並且，處理單元130還會將此具有圖像解析度為144x144px的顯示圖像Q’儲存於第一資料庫122，使得處理單元130之後可直接在第一資料庫122中取得符合圖像解析度為144x144px的顯示圖像Q’。

值得一提的是，處理單元130於一個操作事件發生時，便會執行上述步驟S202~S210，藉以將螢幕110所顯示的圖像進行調整，使這些圖像的圖像解析度符合電子裝置100目前的顯示規格。其中，操作事件例如是啟動電子裝置100、旋轉電子裝置100，或者將電子裝置100耦接於另一電子裝置等等，不限於上述。藉此，電子裝置100在多種操作環境下皆可提供較清晰的視覺畫面。

具體而言，本實施例的電子裝置100可選擇性地配置一個感測單元(未繪示)，其耦接於處理單元130。感測單元例如是觸控感應器、重力感應器(G-sensor)、陀螺儀感應器(gyro sensor)或是羅盤感應器(compass sensor)，用以偵測電子裝置100目前的顯示模式，例如直立顯示模式(portrait displaying mode)或是橫向顯示模式(landscape displaying mode)等。如此一來，當電子 裝置100被啟動或者當電子裝置100被旋轉時，處理單元130可根據感測單元所感測到的重力方向，而確認電子裝置100目前的顯示規格為直立/橫向顯示模式的顯示規格。

舉例來說，假設電子裝置100被啟動時，處理單元130所偵測到是直立顯示模式的顯示規格，則此時圖像顯示於螢幕110所適用的圖像解析度例如是144x144px。在此，倘若第一資料庫122具有圖像解析度為144x144px的候選圖像，則處理單元130可直接依據這個候選圖像顯示於螢幕110。然而，倘若第一資料庫122不具有圖像解析度為144x144px的候選圖像，則處理單元130會自伺服器1100中的第二資料庫1120取得對應的原始圖像(例如是具有圖像解析度為512x512px的原始圖像)，並將此原始圖像調整成圖像解析度為144x144px的顯示圖像，並且將此顯示圖像顯示於螢幕110。當然，若電子裝置100啟動時處理單元130所偵測到是橫向顯示模式的顯示規格，則此時圖像顯示於螢幕110所適用的圖像解析度例如是96x96px。在此，處理單元130也可依據上述步驟S202~S210來進行顯示，故於此不再贅述。

另一方面，當電子裝置100被旋轉時，處理單元130可透過上述的感測單元而偵測到電子裝置100從直立顯示模式的顯示規格切換成橫向顯示模式的顯示規格，或者從橫向顯示模式的顯示規格切換成直立顯示模式的顯示規格。因此，處理單元130便可依據電子裝置100目前的顯示規格，執行上述步驟S204~S210，將電子裝置100原本顯示的圖像進行置換，並將符合 電子裝置100目前的顯示規格的圖像顯示於螢幕110中。

在另一實施例中，當電子裝置100耦接於第二電子裝置時，處理單元130亦可偵測此第二電子裝置上的顯示規格，並將符合此第二電子裝置顯示規格的圖像顯示於此第二電子裝置的螢幕上。底下再舉一實施例來進行說明。

圖4A至圖4B是依照本發明實施例所繪示的混合型行動裝置的組裝前後的示意圖，其中電子裝置400與上述實施例的電子裝置100的功能相同或相似。請參照圖4A，本實施例的電子裝置400可經由電子裝置400上的連接埠(未繪示)與第二電子裝置500耦接。第二電子裝置500例如是具有螢幕510並可在與電子裝置400耦接之後，接收來自電子裝置400的控制訊號而在其螢幕510上顯示畫面，例如電子裝置400的圖形用戶界面40中的圖像42~48會映射在圖形用戶界面50上(即圖像42~48與圖像52~58對應)。具體而言，第二電子裝置500中相對於安裝有螢幕510的那一面之背面502a上有插槽(未繪示)與滑道502b，因此電子裝置400可沿著滑道502b經由上述連接埠插入插槽而與第二電子裝置500耦接，而使電子裝置400與第二電子裝置500形成一個組合型行動裝置500’(如圖4B)。

需說明的是，本實施例之電子裝置400的螢幕410與第二電子裝置500的螢幕510的顯示規格不同。舉例來說，電子裝置400的螢幕410的解析度例如是480×320px，而電子裝置500的螢幕510的解析度例如1024×768px。為了方便說明，本實施例 的電子裝置400例如為手機，而第二電子裝置500例如為平板電腦。

在本實施例中，當電子裝置400耦接於第二電子裝置500而形成組合型行動裝置500’時，電子裝置400的處理單元便會偵測第二電子裝置500的顯示規格。假設電子裝置400的處理單元所偵測到的第二電子裝置500顯示規格的圖像解析度為144x144px，則當電子裝置400在螢幕510上顯示對應於圖像42~48的圖像52~58時，電子裝置400的處理單元會判斷電子裝置400中的第一資料庫中是否具有對應於圖像42~48且符合144x144px的圖像解析度的候選圖像。倘若第一資料庫具有對應於144x144px的圖像解析度的候選圖像，則電子裝置400會依據這些候選圖像來顯示於螢幕510。然而，倘若第一資料庫不具有對應於144x144px的圖像解析度的候選圖像，則電子裝置400便會連線至伺服器，以自伺服器中的第二資料庫取得對應於圖像42~48的原始圖像，並且將這些原始圖像調整成解析度符合第二電子裝置500顯示規格的顯示圖像並將此顯示圖像(調整後的原始圖像)顯示於螢幕510上。如此一來，當電子裝置400耦接於電子裝置500並透過螢幕510來顯示畫面時，螢幕510的畫面可具有較佳的視覺協調性。

綜上所述，在本案的顯示方法與電子裝置中，若電子裝置中的第一資料庫具有符合電子裝置目前的顯示規格的候選圖像，則電子裝置會依據此候選圖像來進行顯示。若否，則電子裝置會自伺服器取得對應的原始圖像，以將此原始圖像調整為符合 目前顯示規格的顯示圖像，並依據這個顯示圖像來進行顯示。藉此，電子裝置可依據目前的顯示規格，來顯示具有適合圖像解析度的圖像。如此一來，電子裝置能提供較清晰的畫面，藉以增進視覺上的協調性。

雖然本案已以實施例揭露如上，然其並非用以限定本案，任何所屬技術領域中具有通常知識者，在不脫離本發明的精神和範圍內，當可作些許的更動與潤飾，故本發明的保護範圍當視後附的申請專利範圍所界定者為準。

S202~S210‧‧‧本實施例的顯示方法各步驟

Claims (10)

1. 一種顯示方法，適用於一電子裝置，其中該電子裝置具有一螢幕，該顯示方法包括：偵測該電子裝置目前的一顯示規格；判斷一第一資料庫是否具有與該顯示規格相符的一候選圖像，其中該第一資料庫位於該電子裝置；倘若該第一資料庫不具有與該顯示規格相符的該候選圖像，則透過一第二資料庫取得一原始圖像並將該原始圖像調整成符合該顯示規格的一顯示圖像；以及將該顯示圖像顯示於該螢幕。
2. 如申請專利範圍第1項所述的顯示方法，其中在判斷該第一資料庫是否具有與該顯示規格相符的該候選圖像的步驟包括：計算符合該顯示規格的一圖像解析度；以及判斷該第一資料庫是否具有符合該圖像解析度的該候選圖像。
3. 如申請專利範圍第1項所述的顯示方法，更包括：倘若該第一資料庫具有與該顯示規格相符的該候選圖像，則將該候選圖像顯示於該螢幕。
4. 如申請專利範圍第1項所述的顯示方法，更包括：當一操作事件發生時，則執行所述偵測該電子裝置的該顯示規格的步驟，其中該操作事件包括新增至少一應用程式於該電子裝置、啟動該電子裝置、旋轉該電子裝置，將該電子裝置耦接於 一第二電子裝置。
5. 如申請專利範圍第1項所述的顯示方法，更包括：將該顯示圖像儲存至該第一資料庫。
6. 一種電子裝置，包括：一螢幕；一儲存單元，用以儲存一第一資料庫，其中該第一資料庫具有多個候選圖像；以及一處理單元，耦接於該螢幕與該儲存單元，其中該處理單元偵測該電子裝置目前的一顯示規格；其中該處理單元判斷該第一資料庫是否具有與該顯示規格相符的該候選圖像，倘若該第一資料庫不具有與該顯示規格相符的該候選圖像，則該處理單元經由一第二資料庫取得一原始圖像並將該原始圖像調整成符合該顯示規格的一顯示圖像，並且將該顯示圖像顯示於該螢幕。
7. 如申請專利範圍第6項所述的電子裝置，其中該處理單元計算符合該顯示規格的一圖像解析度，以及判斷該第一資料庫是否具有符合該圖像解析度的該候選圖像。
8. 如申請專利範圍第6項所述的電子裝置，其中倘若該第一資料庫具有與該顯示規格相符的該候選圖像，則該處理單元將該候選圖像顯示於該螢幕。
9. 如申請專利範圍第6項所述的電子裝置，其中當一操作事件發生時，該處理單元執行所述偵測該電子裝置目前的該顯示規 格的步驟，其中該操作事件包括新增至少一應用程式於該電子裝置、啟動該電子裝置、旋轉該電子裝置，將該電子裝置耦接於一第二電子裝置。
10. 如申請專利範圍第6項所述的電子裝置，其中該處理單元將該顯示圖像儲存至該第一資料庫。