TW201303791A - 界面顯示系統與方法 - Google Patents

界面顯示系統與方法 Download PDF

Info

Publication number
TW201303791A
TW201303791A TW101124576A TW101124576A TW201303791A TW 201303791 A TW201303791 A TW 201303791A TW 101124576 A TW101124576 A TW 101124576A TW 101124576 A TW101124576 A TW 101124576A TW 201303791 A TW201303791 A TW 201303791A
Authority
TW
Taiwan
Prior art keywords
interface
display layer
display
displayed
layer
Prior art date
Application number
TW101124576A
Other languages
English (en)
Other versions
TWI496106B (zh
Inventor
Chun-Yao Hou
Chun-Hsiang Huang
Tai-Ling Lu
Original Assignee
Htc Corp
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Htc Corp filed Critical Htc Corp
Publication of TW201303791A publication Critical patent/TW201303791A/zh
Application granted granted Critical
Publication of TWI496106B publication Critical patent/TWI496106B/zh

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06TIMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T15/003D [Three Dimensional] image rendering
    • G06T15/10Geometric effects
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06TIMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T11/002D [Two Dimensional] image generation
    • G06T11/60Editing figures and text; Combining figures or text
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06TIMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T2200/00Indexing scheme for image data processing or generation, in general
    • G06T2200/24Indexing scheme for image data processing or generation, in general involving graphical user interfaces [GUIs]

Landscapes

  • Physics & Mathematics (AREA)
  • Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Theoretical Computer Science (AREA)
  • Geometry (AREA)
  • Computer Graphics (AREA)
  • User Interface Of Digital Computer (AREA)
  • Controls And Circuits For Display Device (AREA)
  • Digital Computer Display Output (AREA)

Abstract

本發明提供界面顯示系統與方法。本發明的一實施例提供一種界面顯示方法,該界面顯示方法包括:提供包含至少一個界面物件的一界面;選擇一界面顯示層;自一影像取得一第一物件;選擇一第一顯示層;以及在該電子裝置的一螢幕上,同時地將該第一物件顯示在該第一顯示層以及將該界面物件顯示在該界面顯示層,其中該第一顯示層位於該界面顯示層之上。

Description

界面顯示系統與方法
本發明為關於界面管理,特別是複數個顯示層的界面顯示方法與系統。
近年來,可攜式裝置(如手持裝置)已具備多樣化的先進技術和功能。例如,手持裝置可同時具備有通話、電子郵件通訊、訊息通訊、進階的聯絡人管理系統、媒體播放系統、以及其他各種功能。隨著與日俱增的便利性及功能,這些裝置已經成為生活的必需品。
一般而言,手持裝置可提供各種程式如工具程式(Widget)的安裝、應用程序、虛擬/物理按鍵,或任何其他可執行的程序碼。由於螢幕大小限制或其他要求,只有少數的界面(如選單或網頁入口)可以提供於手持裝置的螢幕上。然而,用戶可以通過虛擬或物理按鍵或觸摸螢幕進行操作界面之間的切換。
就習知技術來說,使用者可選擇了一個影像並且設定該影像為界面的背景。因為不需要對影像進行任何的管理,對使用者的視覺觀感來說一直都是不佳的。舉例來說,當影像中的一角色或是一特定物件(object)被選定作為背景,該角色或特定物件可能會被界面物件給遮蓋住,界面物件可能是工具程式,應用程式,圖示或是虛擬按鈕。
此外,昔知技術對於界面與背景的顯示也是枯燥乏味的。雖然一些裝置可以讓使用者選擇動態桌布,使用者也 僅能選擇預定的桌布來顯示。對使用者來說,這一樣是無趣的。
本發明提供界面顯示系統與方法。
為了加強電子裝置的價值以及提升使用者的使用經驗,因此本發明的目的為提供電子裝置功能性的與可行的界面顯示系統與方法。
本發明的一實施例提供一種界面顯示方法,該界面顯示方法包括:提供包含至少一個界面物件的一界面;選擇一界面顯示層;自一影像取得一第一物件;選擇一第一顯示層;以及在該電子裝置的一螢幕上,同時地將該第一物件顯示在該第一顯示層以及將該界面物件顯示在該界面顯示層,其中該第一顯示層位於該界面顯示層之上。
本發明的另一實施例提供一種界面顯示系統。該系統包括一儲存單元、一螢幕以及一處理單元。該儲存單元儲存一第一物件與一界面物件。該螢幕以顯示複數個顯示層,其中當該等顯示層被同時顯示在該螢幕上時,顯示在一低顯示層的資料的一部或全部可能會被顯示在一高顯示層的資料所覆蓋或遮蔽,其中該高顯示層在視覺上是位於該低顯示層之上。該處理單元,自該等顯示層中選擇一界面顯示層以及一第一顯示層,該第一顯示層位於該界面顯示層之上,且在該螢幕上,同時地將該第一物件顯示在該第一顯示層以及將該界面物件顯示在該界面顯示層上。
本發明的另一實施例提供一種機器可讀之儲存媒體。 該機器可讀之儲存媒體儲存了一電腦程式。當該電腦程式被執行時,使得一電子裝置執行一界面顯示方法,其中該界面顯示方法提供包括至少一個界面物件的一界面;選擇一界面顯示層;自一影像取得一第一物件;選擇一第一顯示層;以及在該電子裝置的一螢幕上,同時地將該第一物件顯示在該第一顯示層以及將該界面物件顯示在該界面顯示層,其中該第一顯示層位於該界面顯示層之上。
以下將詳細討論本發明各種實施例之裝置及使用方法。然而值得注意的是,本發明所提供之許多可行的發明概念可實施在各種特定範圍中。這些特定實施例僅用於舉例說明本發明之裝置及使用方法,但非用於限定本發明之範圍。
本發明提供了界面顯示的方法與系統。
第1圖為根據本發明之一界面顯示系統的一實施例的示意圖。該界面顯示系統適用於一電子裝置,例如個人數位助理(Personal Digital Assistant,PDA)、智慧型手機、行動電話、行動上網裝置(Mobile Internet Device,MID)、筆記型電腦、車用電子裝置、數位相機、多媒體播放器(multi-media player)、遊戲機(game console)、平板電腦或者其他行動裝置。值得注意的是,本發明不限於此。
界面顯示系統100包括一螢幕110,一儲存單元120以及一處理單元130。該螢幕110用以顯示資料,如文字,圖像,界面且/或資訊。要瞭解的是,在一些實施例中,該 螢幕110可以與一觸控感測裝置(未圖示)整合。觸控感測裝置具有一觸控感測表面(touch-sensitive surface),觸控感測表面包括設置於至少一維度上之複數感測器,用以偵測至少一物件(輸入裝置)在觸控感測表面上之接觸以及動作。舉例而言,輸入裝置可為在觸控感測表面上或者接近觸控感測表面之筆、手寫筆或者手指。因此,使用者可藉由螢幕110輸入指令或是訊號。要瞭解的是,顯示在螢幕110的資料是根據一複數顯示層(display layer)結構被顯示,其中複數個物件可以被顯示在不同的顯示層。
第2A圖為本發明的一實施例的複數個顯示層結構的示意圖。第2B圖為第2A圖的顯示層結構的側景(side-view)示意圖。如第2A與第2B圖所示,顯示層結構包括了三個顯示層,L1,L2以及L3,其中第一物件O1被顯示在顯示層L1且第二物件O2被顯示在顯示層L3。當複數顯示層被同時顯示在螢幕110時,顯示在一較低(lower)顯示層的全部或是一部分的資料可能會被顯示在一較高(higher)所遮蔽或覆蓋(covered)。該較高顯示層在視覺上是位在該較低顯示層之上方。
在本發明的一實施例中,該第一物件O1與該第二物件O2是由相同的一張影像中所取得。一物件分割(object segmentation)運作方法被應用在該影像,已取得該第一物件O1與該第二物件O2。詳細的物件分割運作方法可參考於西元2011年7月7日申請之美國臨時申請案號61/505,298中的第9至第12圖以及對應之說明。申請人為說明書簡潔,在此不贅述。該臨時申請案之內容應被視為 本案發明的一部分。
該顯示層L2用以顯示一電子裝置的一界面。在第2B圖中,該第一物件O1被視為是一前景物件,該第一物件O1被顯示在顯示層L1上,如此一來,該第一物件O1就不會被該界面上的任何圖示所遮蔽。在第2B圖中,該地二物件O2被視為是一背景物件,該第二物件O2被顯示在顯示層L3,因此該第二物件O2可能就會被界面上的物件所遮蔽。為了要判斷物件是前景物件還是後景物件,物件的深度(depth)就會被作為判斷的考慮。在本實施例中,該第一物件O1包含一第一深度,該第二物件O2包含一第二深度。當該物件的深度大於一預定值時,該物件被視為一前景物件,如第一物件O1。當該物件的深度不大於一預定值時,該物件被視為一後景物件,如第二物件O2。
儲存單元120儲存了複數個物件121,每一個物件都有對應的深度資訊122。要瞭解的是,在一些實施例中,用以顯示界面100的系統可能更包括一影像擷取單元(image capturing unit),用以擷取至少一個影像。一物件分割方法可能會被應用在該影像,已取得複數個物件121。要了解的是,該深度資訊可被使用在3D顯示上,因此可以在螢幕100上秀出一3D特效。要瞭解的是,在一些實施例中,深度資訊可能在影像被擷取時就被得到,或是透過使用者的指定。儲存單元120更包括至少一個界面122。要瞭解的是,在一些實施例中,該界面可能包括該電子裝置的一功能選單。在一些實施例中,界面122包括了至少一個界面物件,如工具程式(widget),應用程式,圖示或 是按鈕。處理單元130可以執行根據本發明描述的界面顯示方法,該界面顯示方法會在下文中被討論。
第3圖為根據本發明之一界面顯示方法的一實施例的流程圖。該界面顯示方法可以適用於一電子裝置,例如個人數位助理(Personal Digital Assistant,PDA)、智慧型手機、行動電話、行動上網裝置(Mobile Internet Device,MID)、筆記型電腦、車用電子裝置、數位相機、多媒體播放器(multi-media player)、遊戲機(game console)、平板電腦或者其他行動裝置。值得注意的是,本發明不限於此。在本實施例中,一影像中的每一個物件,可以根據該元件對應的深度資訊,被顯示在一特定顯示層中,該影像可能為一背景影像。
在步驟S310中,至少一個物件與對應的深度資訊被取得。要了解的是,在一些實施例中,可以透過對該影像執行一物件分割運算(object segmentation operation)的方式取得該物件。如前所述,該深度資訊可以被使用在3D顯示,因此可以讓螢幕上的對應的複數個物件表現一3D特效(3D effect)。在步驟S320中,根據該物件的深度資訊,自複數個顯示層中選擇出一顯示層,以提供給該物件。相似地,在複數個顯示層結構中,當該等顯示層同時被顯示在該電子裝置的一螢幕上時,顯示在一低顯示層的資料的一部或全部可能會被顯示在一高顯示層的資料所覆蓋或遮蔽,其中該高顯示層在視覺上(visually)是位於該低顯示層之上。要了解的是,在一些實施例中,在系統中,顯示層的數量是被預先決定的,且該物件的深度資訊可以根據 顯示層的數量被常態化(normalized)。如此一來,一特定的顯示層就可以因此被特定給(specified for)該物件。接著,在步驟S330中,該物件在螢幕上被顯示在被選擇到的顯示層上。
第4圖為根據本發明之一界面顯示方法的另一實施例的流程圖。該界面顯示方法可以適用於一電子裝置,例如個人數位助理(Personal Digital Assistant,PDA)、智慧型手機、行動電話、行動上網裝置(Mobile Internet Device,MID)、筆記型電腦、車用電子裝置、數位相機、多媒體播放器(multi-media player)、遊戲機(game console)、平板電腦或者其他行動裝置。然後,要注意的是本發明並不限於此。在本實施例中,一影像(如一背景影像)的複數個物件,可以根據對應的深度資訊,分別被顯示在不同的顯示層中。
在步驟S410中,一第一物件與一第二物件以及對應的深度資訊被取得。在一些實施例中,可以透過對該影像執行一物件分割運算(object segmentation operation)以取得該第一物件與該第二物件與對應的深度資訊。該深度資訊可以被使用在3D顯示,因此可以讓螢幕上的對應的複數個物件表現一3D特效。在步驟S420中,對該第一物件的深度資訊與該第二物件的深度資訊進行比較。在步驟S430中,判斷該第二物件的深度資訊是否大於該第一物件的深度資訊。當該第二物件的深度資訊大於該第一物件的深度資訊時(步驟S430的結果為是),在步驟S440中,一第一顯示層自複數個顯示層中被選出,以提供給該第一物 件,且一第二顯示層自複數個顯示層中被選出,以提供給該第二物件,其中該第二顯示層在視覺上是位於該第一顯示層的下方。
當該第二物件的深度資訊沒有大於該第一物件的深度資訊時(步驟S430的結果為否),在步驟S450中,一第一顯示層自複數個顯示層中被選出,以提供給該第一物件,且一第二顯示層自複數個顯示層中被選出,以提供給該第二物件,其中該第二顯示層在視覺上是位於該第一顯示層的上方。同樣地,在該複數顯示層結構中,當該等顯示層被同時顯示在該螢幕上時,顯示在一低顯示層的資料的一部或全部可能會被顯示在一高顯示層的資料所覆蓋或遮蔽,其中該高顯示層在視覺上是位於該低顯示層的上方。在提供給該第一物件與該第二物件的顯示層被選擇後,在步驟S460中,在該電子裝置的該螢幕上,同時地將該第一物件顯示在該第一顯示層以及該第二物件顯示在該第二顯示層。
第5圖為根據本發明之一界面顯示方法的另一實施例的流程圖。該界面顯示方法可以適用於一電子裝置,例如個人數位助理(Personal Digital Assistant,PDA)、智慧型手機、行動電話、行動上網裝置(Mobile Internet Device,MID)、筆記型電腦、車用電子裝置、數位相機、多媒體播放器(multi-media player)、遊戲機(game console)、平板電腦或者其他行動裝置。值得注意的是,本發明不限於此。在本實施例中,除了一影像上的物件外,一界面的每一界面物件(interface object)可以被顯示在一特定顯示層(或 者是稱作界面顯示層)。
在步驟S510中,至少一個物件與對應的深度資訊被取得。相似地,在一些實施例中,可以透過對該影像執行一物件分割運算(object segmentation operation)的方式取得該物件。該深度資訊可以被使用在3D顯示,因此可以讓螢幕上的對應的複數個物件表現一3D特效。在步驟S520中,根據該物件的深度資訊,自複數個顯示層中選擇出一顯示層,以提供給該物件。相似地,在複數個顯示層結構中,當該等顯示層同時被顯示在該電子裝置的一螢幕上時,顯示在一低顯示層的資料的一部或全部可能會被顯示在一高顯示層的資料所覆蓋或遮蔽,其中該高顯示層在視覺上(visually)是位於該低顯示層之上。
要了解的是,在一些實施例中,在系統中,顯示層的數量是被預先決定的,且該物件的深度資訊可以根據顯示層的數量被常態化(normalized)。如此一來,一特定的顯示層就可以因此被特定給(specified for)該物件。在該顯示層被選擇後,在步驟S530中,該物件在螢幕上被顯示在被選擇到的顯示層上。接著在步驟S540中,一特定顯示層被自該等複數個顯示層中被選擇出來,以提供給該界面的該界面物件,且在該螢幕上,該界面物件被顯示在特定的顯示層。
要瞭解的是,如何去選擇提供給該界面的該界面物件的該特定顯示層是可以透過多種應用方式或程式來執行。第6圖為根據本發明之一界面上的物件顯示方法的一實施例的流程圖。在步驟S610中,判斷對應該影像的該物件的 該深度資訊是否小於一預定值,或是判斷是否有接收到對該影像的一物件的一選擇,該選擇是決定該物件是否被選擇成為一前景物件(foreground object)。
當對應該物件的深度資訊沒有小於該預定值,且也沒有接收到將該影像的該物件選擇為前景物件的選擇時(步驟S610的結果為否),在步驟S620中,複數個顯示層中的一個顯示層被選擇,且該物件被顯示在該螢幕上的該被選擇的顯示層。當對應該物件的深度資訊小於該預定值,或有接收到將該影像的該物件選擇為前景物件的選擇時(步驟S610的結果為是),在步驟S630中,複數個顯示層中的一特定顯示層被選擇,且該界面物件被顯示在該螢幕上的該特定顯示層,其中該特定顯示層在視覺上是位於顯示該物件的該被選擇的顯示層的下方。要了解的是,在一些實施例中,當該界面物件被顯示在該特定顯示層時,會根據要被顯示在螢幕上的該影像的該物件的一位置,將該界面物件顯示在該螢幕上的一特定位置,使得顯示在該界面顯示層的該界面物件不會被顯示在該對應顯示層的該影像的該物件所遮蓋。
第7圖為根據本發明之一界面顯示方法的另一實施例的流程圖。該界面顯示方法可以適用於一電子裝置,例如個人數位助理(Personal Digital Assistant,PDA)、智慧型手機、行動電話、行動上網裝置(Mobile Internet Device,MID)、筆記型電腦、車用電子裝置、數位相機、多媒體播放器(multi-media player)、遊戲機(game console)、平板電腦或者其他行動裝置。要了解的是,本發明不限於此。在 本實施例中,可能會因為不同的應用,使得一效果或特效(effect)被應用在複數個物件且/或複數個顯示層。
在步驟S710中,至少一個物件與對應的深度資訊被取得。相似地,在一些實施例中,可以透過對該影像執行一物件分割運算(object segmentation operation)的方式取得該物件。該深度資訊可以被使用在3D顯示,因此可以讓螢幕上的對應的複數個物件表現一3D特效。在步驟S720中,根據該物件的深度資訊,自複數個顯示層中選擇出一顯示層,以提供給該物件。相似地,在複數個顯示層結構中,當該等顯示層同時被顯示在該電子裝置的一螢幕上時,顯示在一低顯示層的資料的一部或全部可能會被顯示在一高顯示層的資料所覆蓋或遮蔽,其中該高顯示層在視覺上(visually)是位於該低顯示層之上。要了解的是,在一些實施例中,在系統中,顯示層的數量是被預先決定的,且該物件的深度資訊可以根據顯示層的數量被常態化(normalized)。如此一來,一特定的顯示層就可以因此被特定給(specified for)該物件。在該顯示層被選擇後,在步驟S730中,該物件在螢幕上被顯示在被選擇到的顯示層上。
接著,在步驟S740中,一特效被施加在該物件或該等複數個顯示層中的至少一個顯示層。要了解的是,在一些實施例中,該特效可能包含了一動畫(animation)或一特定顯示層上的一特定物件的一替換(replacement)。舉例來說,特效動作可以被應用在第2A圖的第一物件O1上,如轉動、旋轉或是一擺動動作(swinging action)。舉例來 說,一動畫,如瀑布動畫(waterfall animation)或是一落葉動畫(defoliation animation)可以被應用在第2A圖的顯示層L2上。舉例來說,第2A圖的顯示層L3上的第二物件O2可以被其他物件或圖像所替換。
因此,用以顯示複數個界面的複數個方法與系統可以根據每一物件的深度資訊,顯示一影像的複數個物件且/或一界面在不同的顯示層。如此一來,應用程式的開發就可以更多的變化,也可以增加電子裝置的價值以及提高使用者的使用經驗。
第8圖為根據本發明之一界面顯示方法的另一實施例的流程圖。該界面顯示方法可以適用於一電子裝置,例如個人數位助理(Personal Digital Assistant,PDA)、智慧型手機、行動電話、行動上網裝置(Mobile Internet Device,MID)、筆記型電腦、車用電子裝置、數位相機、多媒體播放器(multi-media player)、遊戲機(game console)、平板電腦或者其他行動裝置。然而,要注意的是,這並非將本發明限制於此。
在步驟S810中,包含了至少一個界面物件的一界面被一電子裝置的一處理器所接收。在步驟S820中,該處理器選擇一界面顯示層以顯示該界面。該處理器更會根據該界面顯示層設定一預定值,且當一物件的一深度資訊沒有大於該預定值時,該物件被視為一前景物件。如果該物件的深度資訊大於該預定值時,該物件被視為一背景物件。
在步驟S830中,具有一第一深度資訊的一第一物件被從一影像中取得。在步驟S840中,該處理器根據該第一深 度資訊選擇用以顯示該第一物件的一第一顯示層。在本實施例中,該第一深度資訊沒有大於該預定值,因此該第一顯示層是位於該界面顯示層的上方。
在步驟S840中,該處理器接收到具有一第二深度資訊的一第二物件。在步驟S850中,該處理器根據該第二深度資訊選擇用以顯示該第二物件的一第二顯示層。如果該第二深度資訊大於該預定值,該第二顯示層是為於該界面顯示層的下方。在一實施例中,如果該第二深度資訊沒有大於該預定值,該第二顯示層就是該第一顯示層。換言之,第二物件是與第一物件顯示在相同的顯示層。
在另一實施例中,如果該第二深度資訊沒有大於該預定值,但是該第二深度資訊大於該第一深度資訊,該處理器會將該第二顯示層插入在該第一顯示層與該界面顯示層之間。如果如果該第二深度資訊沒有大於該預定值,也沒有大於該第一深度資訊,該處理器會將該第二顯示層放置在該第一顯示層的上方。也就是該第一顯示層在視覺上是位於該第二顯示層的下方。
在前述的段落中,該處理器必須根據接收到的物件的一深度資訊,去決定該物件是一個前景物件或是一個背景物件。然而,在另外的實施例中,當該處理器接收到該物件時,依附在物件上的一標籤(tag)、一標記(mark)或一識別碼(identification code)也同時被處理器所接收。該標籤、標記或識別碼用以表示該接收到的物件是一前景物件或是一背景物件。在一個三層顯示層的顯示結構中,如第2A與第2B圖所示,該界面顯示層就是中間層(顯示 層L2),該前景物件會被顯示在該中間層的上方的顯示層(也就是顯示層L1),該背景物件會被顯示在該中間層的下方的顯示層(也就是顯示層L3)。
在另一實施例中,該顯示結構可能包含超過三層的顯示層。該處理器可以根據至少兩個的預定值來決定每一個物件所在的顯示層。在另一實施例中,當該處理器接收到物件時,該物件會攜帶一顯示層資訊,使該處理器可以得知該物件應該要被放在哪個顯示層。
在步驟S860中,在該電子裝置的該螢幕上,該處理器同時地將該第一物件顯示在該第一顯示層、該第二物件顯示在該第二顯示層以及將該界面物件顯示在該界面顯示層。
第9圖為根據本發明之顯示界面的電子裝置的一實施例的示意圖。該電子裝置可能是一個人數位助理(Personal Digital Assistant,PDA)、一智慧型手機、一行動電話、一行動上網裝置(Mobile Internet Device,MID)、一筆記型電腦、一車用電子裝置、一數位相機、一多媒體播放器(multi-media player)、一遊戲機(game console)、一平板電腦或者其他行動運算裝置。然而,值得注意的是,這並非將本發明限制於此。
電子裝置900包括一螢幕901、儲存複數個物件903與對應的深度資訊904的一儲存單元902、一界面產生單元905、一物件分割單元906以及一處理器907。該螢幕901用以顯示資料,如文字,圖像,界面且/或資訊。要瞭解的是,在一些實施例中,該螢幕901可以與一觸控感測 裝置(未圖示)整合。觸控感測裝置具有一觸控感測表面(touch-sensitive surface),觸控感測表面包括設置於至少一維度上之複數感測器,用以偵測至少一物件(輸入裝置)在觸控感測表面上之接觸以及動作。舉例而言,輸入裝置可為在觸控感測表面上或者接近觸控感測表面之筆、手寫筆或者手指。因此,使用者可藉由螢幕901輸入指令或是訊號。要瞭解的是,顯示在螢幕901的資料是根據一複數顯示層(display layer)結構被顯示,其中複數個物件可以被顯示在不同的顯示層。
當該電子裝置900接收到一影像,且該影像被設定為該電子裝置900的一動態桌布(dynamic wallpaper)時,該物件分割單元906對該影像執行一物件分割運算,以得到至少一個物件。該物件分割單元906會從該影像中分割出前景物件與背景物件。關於該物件分割單元906的詳細運作方式可以參考於西元2011年7月7日申請之美國臨時申請案號61/505,298中的第9至第12圖以及對應之說明。在一實施例中,該物件分割單元906為一軟體或是一程序,可由該處理器907或是一圖像處理單元(graph processing unit,第9圖上未繪出)所執行。
該物件分割單元906會將取得的物件儲存在儲存單元902,如該等物件903以及對應的深度資訊904。該處理器907接收來自該界面產生單元905的一界面,該界面包含了至少一個界面物件。接著,該處理器907接收來自該等物件903中的一第一物件以及對應的一第一深度資訊。該處理器907將該第一深度資訊與一預定值比較,以決定該 第一物件是一前景物件或是一背景物件。在一實施例中,該處理器907的詳細動作可以參考第8圖的步驟830至850,且在此不贅述。最後,該處理器907於螢幕901上,將該等物件903同時顯示對應的顯示層,且將該界面物件顯示在該界面顯示層。
更進一步來說,在第7圖的步驟S740所使用的特效也可以被應用在電子裝置900上,用以增加使用者與電子裝置900之間的互動與樂趣。
本發明之界面顯示系統以及方法,或特定型態或其部份,可以以程式碼的型態存在。程式碼可儲存於實體媒體,如軟碟、光碟片、硬碟、或是任何其他機器可讀取(如電腦可讀取)儲存媒體,亦或不限於外在形式之電腦程式產品,其中,當程式碼被機器,如電腦載入且執行時,此機器變成用以參與本發明之裝置。程式碼也可透過一些傳送媒體,如電線或電纜、光纖、或是任何傳輸型態進行傳送,其中,當程式碼被機器,如電腦接收、載入且執行時,此機器變成用以參與本發明之裝置。當在一般用途處理單元實作時,程式碼結合處理單元提供一操作類似於應用特定邏輯電路之獨特裝置。
惟以上所述者,僅為本發明之較佳實施例而已,當不能以此限定本發明實施之範圍,即大凡依本發明申請專利範圍及發明說明內容所作之簡單的等效變化與修飾,皆仍屬本發明專利涵蓋之範圍內。另外本發明的任一實施例或申請專利範圍不須達成本發明所揭露之全部目的或優點或特點。此外,摘要部分和標題僅是用來輔助專利文件搜尋 之用,並非用來限制本發明之權利範圍。
100‧‧‧界面顯示系統
110‧‧‧螢幕
120‧‧‧儲存單元
121‧‧‧物件
122‧‧‧深度資訊
123‧‧‧界面
130‧‧‧處理單元
901‧‧‧螢幕
902‧‧‧儲存單元
903‧‧‧物件
904‧‧‧深度資訊
905‧‧‧界面產生單元
906‧‧‧物件分割單元
907‧‧‧處理器
第1圖為根據本發明之一界面顯示系統的一實施例的示意圖。
第2A圖為本發明的一實施例的複數個顯示層結構的示意圖。
第2B圖為第2A圖的顯示層結構的側景(side-view)示意圖。
第3圖為根據本發明之一界面顯示方法的一實施例的流程圖。
第4圖為根據本發明之一界面顯示方法的另一實施例的流程圖。
第5圖為根據本發明之一界面顯示方法的另一實施例的流程圖。
第6圖為根據本發明之一界面上的物件顯示方法的一實施例的流程圖。
第7圖為根據本發明之一界面顯示方法的另一實施例的流程圖。
第8圖為根據本發明之一界面顯示方法的另一實施例的流程圖。
第9圖為根據本發明之顯示界面的電子裝置的一實施例的示意圖。

Claims (20)

  1. 一種界面顯示方法,被應用在一電子裝置,該界面顯示方法包括:提供包含至少一個界面物件的一界面;選擇一界面顯示層;自一影像取得一第一物件;選擇一第一顯示層;以及在該電子裝置的一螢幕上,同時地將該第一物件顯示在該第一顯示層以及將該界面物件顯示在該界面顯示層,其中該第一顯示層位於該界面顯示層之上。
  2. 如申請專利範圍第1項所述之界面顯示方法,更包括:取得該第一物件的一第一深度資訊;以及根據該第一深度資訊選擇該第一顯示層。
  3. 如申請專利範圍第1項所述之界面顯示方法,更包括:自該影像取得一第二物件;以及選擇一第二顯示層,該第二顯示層位於該界面顯示層之下;以及在該電子裝置的該螢幕上,同時地將該第一物件顯示在該第一顯示層、該第二物件顯示在該第二顯示層以及將該界面物件顯示在該界面顯示層。
  4. 如申請專利範圍第3項所述之界面顯示方法,更包括: 取得該第二物件的一第二深度資訊;以及根據該第二深度資訊選擇該第二顯示層。
  5. 如申請專利範圍第1項所述之界面顯示方法,更包括:自該影像取得一第二物件;在該第一顯示層與該界面顯示層之間插入一第二顯示層;以及在該電子裝置的該螢幕上,同時地將該第一物件顯示在該第一顯示層、該第二物件顯示在該第二顯示層以及將該界面物件顯示在該界面顯示層。
  6. 如申請專利範圍第1項所述之界面顯示方法,更包括:自該影像取得一第二物件;插入一第二顯示層,該第二顯示層位於該第一顯示層之上;以及在該電子裝置的該螢幕上,同時地將該第一物件顯示在該第一顯示層、該第二物件顯示在該第二顯示層以及將該界面物件顯示在該界面顯示層。
  7. 如申請專利範圍第3項所述之界面顯示方法,更包括:取得該影像;以及對該影像執行一物件分割運算以獲得該第一物件與該第二物件。
  8. 如申請專利範圍第1項所述之界面顯示方法,其中該界面物件是根據該第一物件的一位置,被顯示在該螢幕 上的一特定位置,使得顯示在該界面顯示層的該界面物件不會被顯示在該第一顯示層的該第一物件所遮蓋。
  9. 如申請專利範圍第1項所述之界面顯示方法,更包括:對該第一物件、該第一顯示層或該界面顯示層施加一特效,其中該特效包括一動畫。
  10. 如申請專利範圍第1項所述之界面顯示方法,其中該界面物件包括一工具程式、一應用程式圖示或一按鈕。
  11. 一種界面顯示系統,被應用在一電子裝置,該界面顯示系統包括:一儲存單元,儲存一第一物件與一界面物件;一螢幕,以顯示複數個顯示層,其中當該等顯示層被同時顯示在該螢幕上時,顯示在一低顯示層的資料的一部或全部可能會被顯示在一高顯示層的資料所覆蓋或遮蔽,其中該高顯示層在視覺上是位於該低顯示層之上;以及一處理單元,自該等顯示層中選擇一界面顯示層以及一第一顯示層,該第一顯示層位於該界面顯示層之上,且在該螢幕上,同時地將該第一物件顯示在該第一顯示層以及將該界面物件顯示在該界面顯示層上。
  12. 如申請專利範圍第11項所述之界面顯示系統,其中該第一物件具有一第一深度資訊,且該第一深度資訊大於一預定值。
  13. 如申請專利範圍第11項所述之界面顯示系統,其中該儲存單元更儲存一第二物件,該第二物件具有一第二深度資訊,且該處理單元根據該第二深度資訊選擇一第二 顯示層,該處理單元在該螢幕上,同時地將該第一物件顯示在該第一顯示層、該第二物件顯示在該第二顯示層以及將該界面物件顯示在該界面顯示層。
  14. 如申請專利範圍第13項所述之界面顯示系統,其中當該第二深度資訊大於一預定值時,該第二顯示層位於該界面顯示層之下,且當該第二深度資訊不大於該預定值,但是大於該第一物件的一第一深度資訊時,該第二顯示層被插入在該第一顯示層與該界面顯示層之間。
  15. 如申請專利範圍第13項所述之界面顯示系統,其中該顯示單元更取得一影像,並對該影像執行一物件分割運算以獲得該第一物件與該第二物件。
  16. 如申請專利範圍第11項所述之界面顯示系統,其中該處理單元根據該第一物件的一位置,將該界面物件顯示在該螢幕上的一特定位置,使得顯示在該界面顯示層的該界面物件不會被顯示在該第一顯示層的該第一物件所遮蓋。
  17. 如申請專利範圍第11項所述之界面顯示系統,其中該處理單元更對該第一物件或該等顯示層中的至少一顯示層施加一特效,該特效包括一動畫。
  18. 如申請專利範圍第11項所述之界面顯示系統,其中該界面物件包括一工具程式、一應用程式圖示或一按鈕。
  19. 如申請專利範圍第11項所述之界面顯示系統,其中該第一物件為一前景物件,且當該處理單元接收到一背景物件時,該處理單元選擇位於該界面顯示層之下的一第二顯示層,且該處理單元在該螢幕上,同時地將該第一物 件顯示在該第一顯示層、該背景物件顯示在該第二顯示層以及將該界面物件顯示在該界面顯示層。
  20. 一種機器可讀之儲存媒體,包括一電腦程式,當該電腦程式被執行時,使得一電子裝置執行一界面顯示方法,其中該界面顯示方法包括:提供包括至少一個界面物件的一界面;選擇一界面顯示層;自一影像取得一第一物件;選擇一第一顯示層;以及在該電子裝置的一螢幕上,同時地將該第一物件顯示在該第一顯示層以及將該界面物件顯示在該界面顯示層,其中該第一顯示層位於該界面顯示層之上。
TW101124576A 2011-07-07 2012-07-09 界面顯示系統與方法 TWI496106B (zh)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
US201161505298P 2011-07-07 2011-07-07
US13/543,390 US20130009991A1 (en) 2011-07-07 2012-07-06 Methods and systems for displaying interfaces

Publications (2)

Publication Number Publication Date
TW201303791A true TW201303791A (zh) 2013-01-16
TWI496106B TWI496106B (zh) 2015-08-11

Family

ID=46583852

Family Applications (1)

Application Number Title Priority Date Filing Date
TW101124576A TWI496106B (zh) 2011-07-07 2012-07-09 界面顯示系統與方法

Country Status (4)

Country Link
US (1) US20130009991A1 (zh)
EP (1) EP2544152A3 (zh)
CN (1) CN102999247B (zh)
TW (1) TWI496106B (zh)

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN105049830A (zh) * 2014-03-18 2015-11-11 辉达公司 使用级联面板的超分辨率显示器
TWI547853B (zh) * 2014-11-27 2016-09-01 鴻海精密工業股份有限公司 使用者介面顯示系統及方法

Families Citing this family (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104125386B (zh) * 2013-04-25 2018-04-17 宏达国际电子股份有限公司 影像处理装置及其影像处理方法
CN103607653A (zh) * 2013-11-08 2014-02-26 四川长虹电器股份有限公司 基于3d模型开发电视天气动态壁纸的方法
KR20170000196A (ko) * 2015-06-23 2017-01-02 삼성전자주식회사 객체의 속성 기반의 상태 변화 효과를 출력하기 위한 방법 및 그 전자 장치
CN106527864B (zh) * 2016-11-11 2020-01-14 厦门黑镜科技有限公司 一种界面显示方法及装置
TWI645328B (zh) * 2017-03-24 2018-12-21 華碩電腦股份有限公司 動態桌布的顯示方法、電子裝置及非暫態電腦可讀取記錄媒體
CN107807785B (zh) * 2017-11-21 2020-06-12 广州视源电子科技股份有限公司 一种在触摸屏上选择对象的方法及系统
CN110442314B (zh) * 2019-07-19 2022-11-29 咪咕动漫有限公司 一种显示方法、终端及计算机可读存储介质
CN113873273B (zh) * 2021-09-09 2023-12-26 北京都是科技有限公司 一种生成直播视频的方法、装置以及存储介质

Family Cites Families (17)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO1999042889A1 (en) * 1998-02-20 1999-08-26 Power Beat International Limited A multi-layer display and a method for displaying images on such a display
WO2002014982A2 (en) * 2000-08-11 2002-02-21 Holomage, Inc. Method of and system for generating and viewing multi-dimensional images
US7205959B2 (en) * 2003-09-09 2007-04-17 Sony Ericsson Mobile Communications Ab Multi-layered displays providing different focal lengths with optically shiftable viewing formats and terminals incorporating the same
US7629986B2 (en) * 2003-11-05 2009-12-08 Bbn Technologies Corp. Motion-based visualization
US7262783B2 (en) * 2004-03-03 2007-08-28 Virtual Iris Studios, Inc. System for delivering and enabling interactivity with images
US7312798B2 (en) * 2005-01-21 2007-12-25 Research In Motion Limited Device and method for controlling the display of electronic information
EP1746542A1 (en) * 2005-07-19 2007-01-24 Spark Vision Ab System and method for managing digital image layers
JP5049515B2 (ja) * 2006-06-06 2012-10-17 キヤノン株式会社 情報処理装置および情報処理方法および情報処理プログラム
US20080172693A1 (en) * 2007-01-16 2008-07-17 Microsoft Corporation Representing Television Programs Using Video Objects
US7873746B2 (en) * 2007-07-27 2011-01-18 Lagavulin Limited User interface for a portable, image-processing transmitter
KR20100006003A (ko) * 2008-07-08 2010-01-18 삼성전자주식회사 휴대단말기의 터치 인터페이스를 이용한 영상편집 방법 및장치
BRPI0922046A2 (pt) * 2008-11-18 2019-09-24 Panasonic Corp dispositivo de reprodução, método de reprodução e programa para reprodução estereoscópica
CN101771830B (zh) * 2008-12-30 2012-09-19 华为终端有限公司 立体全景视频流生成方法、设备及视频会议方法和设备
US20110043461A1 (en) * 2009-08-24 2011-02-24 Ming-Te Lai Systems and methods for application management
JP2011139281A (ja) * 2009-12-28 2011-07-14 Sony Corp 三次元画像生成装置、三次元画像表示装置、三次元画像生成方法およびプログラム
US9042636B2 (en) * 2009-12-31 2015-05-26 Disney Enterprises, Inc. Apparatus and method for indicating depth of one or more pixels of a stereoscopic 3-D image comprised from a plurality of 2-D layers
US20120019688A1 (en) * 2010-07-20 2012-01-26 Research In Motion Limited Method for decreasing depth of field of a camera having fixed aperture

Cited By (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN105049830A (zh) * 2014-03-18 2015-11-11 辉达公司 使用级联面板的超分辨率显示器
US9892669B2 (en) 2014-03-18 2018-02-13 Nvidia Corporation Superresolution display using cascaded panels
US9934714B2 (en) 2014-03-18 2018-04-03 Nvidia Corporation Superresolution display using cascaded panels
TWI547853B (zh) * 2014-11-27 2016-09-01 鴻海精密工業股份有限公司 使用者介面顯示系統及方法
US9847075B2 (en) 2014-11-27 2017-12-19 Shenzhen Airdrawing Technology Service Co., Ltd Electronic device for displaying and adjusting image layers in graphical user interface and method thereof

Also Published As

Publication number Publication date
CN102999247A (zh) 2013-03-27
EP2544152A2 (en) 2013-01-09
CN102999247B (zh) 2017-06-06
EP2544152A3 (en) 2013-02-20
TWI496106B (zh) 2015-08-11
US20130009991A1 (en) 2013-01-10

Similar Documents

Publication Publication Date Title
TWI496106B (zh) 界面顯示系統與方法
KR102224349B1 (ko) 컨텐츠를 표시하는 사용자 단말 장치 및 그 방법
KR102423826B1 (ko) 사용자 단말 장치 및 그의 제어 방법
JP6999513B2 (ja) イメージ表示方法及び携帯端末
US11256389B2 (en) Display device for executing a plurality of applications and method for controlling the same
JP2021007022A (ja) 拡張現実システムのためのタッチフリーインターフェース
US10386992B2 (en) Display device for executing a plurality of applications and method for controlling the same
CN105830422B (zh) 可折叠电子设备及其界面交互方法
US9411512B2 (en) Method, apparatus, and medium for executing a function related to information displayed on an external device
EP2778884B1 (en) Electronic device and method for controlling screen display using temperature and humidity
US8413075B2 (en) Gesture movies
US10585553B2 (en) Display device and method of controlling the same
KR101393942B1 (ko) 이동 단말기 및 이동 단말기를 이용한 정보 표시 방법
US9804766B2 (en) Electronic device and method of displaying playlist thereof
EP2521020A1 (en) Systems and methods for interface management
KR102521333B1 (ko) 사용자 인증과 관련된 사용자 인터페이스 표시 방법 및 이를 구현한 전자 장치
KR20170043065A (ko) 휴대 장치 및 휴대 장치의 화면 표시방법
TW201227460A (en) Method and apparatus for providing different user interface effects for different implementation characteristics of a touch event
US20120284668A1 (en) Systems and methods for interface management
US20160299657A1 (en) Gesture Controlled Display of Content Items
CN110245246A (zh) 一种图像显示方法及终端设备
CN106796810A (zh) 在用户界面上从视频选择帧
TW201234259A (en) Systems and methods for screen data management, and computer program products thereof
CN107924276B (zh) 电子设备及其文本输入方法

Legal Events

Date Code Title Description
MM4A Annulment or lapse of patent due to non-payment of fees