200537381 九、發明說明： 【發明所屬之技術領域】 本發明關於一種裝置，其包含產生構件，用以產生一圖 形使用者介面，用以在一顯示元件上顯示。 本發明尚關於一種顯示方法，用以在該顯示元件上顯示 一圖形使用者介面。 本發明尚關於一種藉由一電腦配置載入之電腦程式產 品，其包含-些指令，用以在一裝置之顯示元件上顯示一 圖形使用者介面。 【先前技術】 該開頭段落中所描述該型裝置的實施例是為人所熟知。 該圖形使用者介面具有使用者介面組件之布局。已知'有數 種類型的使用者介面組件，例如按紐、捲棒、選擇物件 (〇P_ gadgets)及用以顯示影像的視埠。使用者介面的設 計者嘗試要發展-種以在該裝置上執行應㈣適當使用又 者介面。該使用者介面包含輸出使用者介面組件，以提供 該使用者相關資訊的内容’例如視訊資料或文字。… 外，該等輸歧用者介面組件麵簡供該使 訊的狀態。該等輸入使用者介面組件組成讓該使用者可： 控制在该裝置上執行的應用的構件。 因為價格因素或空間不足，許 女4 口二θ ^乾例中，該顯示元件之 =::τ求尺寸更小。結果造成使用者介面設計 t 見或可讀性的限制之下，發展包含該等要 求使用者介面組件之使用者介面時，遇到困難。 98916.doc 200537381 【發明内容】 本發明之一目的在提供該開頭段落中所描述的該型裝 置，其係配置用以動態地最佳化該圖形使用者介面的外表: 本發明之目的係以該裝置來達成，該裝置包含： 距離決定構件，用以決定一使用者與該裝置之間的距離. -顯示元件，用以顯示一圖形使用者介面之一第—布 局，如果該決定距離小於一預先決定臨界值用以顯示一 圖形使用者介面之-第一布局，其包含一組至少兩使用者 介面組件，及如果該決定距離大於該預先決定臨界值時， 用以顯示一圖形使用者介面之一第二布局，其包含該組之 次組，而該次組具有比該組更少的使用者介面組件。 根據本發明之裝置係配置用以基於該使用者與該裝置之 間已決定的距離，最佳化該圖形使用者介面的外表。根據 本土明之裝置係配置用以基於該已決定的距離’選擇該圖 形使用者”面之適當布局。本發明基於該觀察為如果該使 用者與5亥裝置之間距離大於該預先決定的臨界值’則一些 使用者面、，且件便不再需要存在。例如’如果該使用者與 該裝置之間的距離大於例W公尺，而該裝置包含一觸控螢 幕做為輸人元件，它似乎不需要顯示諸如按钮之類的輸入 使用者介面組件。因為一般手臂長度短於丨公尺。之後實際 上不可能控制該裝置。另一項因素是-些使用者介面組件 的能見度及/或可讀性可能很低，即顯示這些使用者介面組 件是比較沒有用處。 遠裝置包含該顯示元件。或者，該顯示元件為其他裝置 98916.doc -6 - 200537381 的一部分。對後者來說，採用較〇SD(〇n Screen㈣㈣） 的概念。 根據本發明之I置的實施例係配置用以顯示該組使用 者介面組件之一第一組件具有—第一尺寸，做為該第一布 局的一部分，及用以顯示該等使用者介面組件之該第一組 件具有-第二尺寸’做為該第二布局的一部分，而該第二 尺寸大於5亥第一尺寸。這是指一特定使用者介面組件之實 際尺寸係基於該已決定的距離。如果該使用者離該裝置更 ，，則該敎使用者介面组件之實際尺寸應該更大，以獲 得改良的能見度及/或可讀性。 一根據本發明之裝置的實施例係配置用以顯示該組使用 者”面、、且件之一第一組件於該顯示元件之一第一冑間位置 上，做為該第-布局的一部分，及用以顯示該等使用者介 面、卫件之该第-組件於該顯示元件之一第二空間位置上， 做為該第二布局的一部分。使用者介面組件的再定位對於 ，感理由是有利。然而該能見度及/或可讀性也可以藉由誃 寺使用者介面組件的再定位而獲得改良。 /使用者介面組件可能包含一輸出組件，用以提供該 ^者貝成°例如該輸出組件代表一影像，或該輸出組件 Μ置之狀態。該組使用者介面組件也可能包含一輸 2件。典型地，該輸入組件代表控制該裝置之功能性 稱件。 兮根據本發明之裝置的實施例中，該組包含該輸入組 "輪出組件，㈣次組包含該輸出組件。在該第二布 98916.doc 200537381 局中見不到該輪入組件。較佳地，在該第二布局中可見的 該輸出組件大於在該第一布局中可見的該輪出組件。 本發明之一目的在提供一種在該開頭段落中所描述該類 方法，該方法係配置用以動態地最佳化該圖形使用者介面 的外表。 本發明之目的係以該方法來達成，該方法包含： 決定一使用者與該裝置之間的距離；及 如果該決定距離小於一預先決定臨界值，則顯示該圖形 使用者介面之一第一布局，#包含一組至少兩使用者介面 組件，及如果該決定距離大於該預先決定臨界值，則顯示 該圖形使用者介面之-第二布局，其包含該組之次組，而 該次組具有比該組更少的使用者介面組件。 本發明之一目的是要提供一種在該開頭段落中所描述該 類電知程式產0口，其係配置用以動態地最佳化該圖形使用 者介面的外表。 本發明之目的係藉由一電腦配置，載入該電腦程式產品 來達成，其包含指令，用以在一裝置之顯示元件上顯示一 圖形使用者介面，該電腦配置包含處理構件及一記憶體， 該電腦程式產品經過載入後可以讓該處理構件具有能力可 以實施： 決定一使用者與該裝置之間的距離；及 如果該決定距離小於一預先決定臨界值，則顯示該圖形 使用者介面之一第一布局，其包含一組至少兩使用者介面 組件’及如果該決定距離大於該預先決定臨界值，則顯示 98916.doc 200537381 該圖形使用者介面—篦-右 )丨面之弟一布局，其包含該組之次組，而 該次組具有比該組更少的使用I介面組件。 該裝置的修改相當於所描述之方法及電腦程式產品的修 改及變化。 【實施方式】 圖1A概略地顯示根據本發明之裝置100之實施例，其處於 第狀恶。该第一狀態對應於已經建立在該装置100附近 物體的存在，特別是—使用者。這是指該裝置已經決定 有物體離该裝置的距離小於一預先決定的臨界值。該裝 置100是一多媒體元件，其係配置以顯示視訊影像的順序。 這些視訊影像可以藉由連接到網路的天線或纜線來接收。 或者，该等視訊影像可以儲存在一内部記憶體元件内。較 佳地，該記憶體元件是可移動的。該記憶體元件可能是基 於光學儲存。或者，該記憶體元件是一固態記憶體元件。 該裝置包含一顯示元件102及距離決定構件104，用以決 Φ 定一使用者與該裝置100之間的距離。較佳地，該距離決定 構件104放置該顯示元件1〇2附近。該距離之決定可以是基 於聲響、紫外線或射頻波。該距離決定構件1〇4係配置以檢 測其附近是否有一物體的存在。以光為基礎的距離決定構 件104目前已經有商業化的應用，例如IV〇 GmbH & Co。典 型地，這些光學感測構件係配置以量測距離。這些決定構 件就是所謂的近接偵測器。 或者’該裝置與該使用者之間的距離可以使用配置面孔 偵測功能的視訊攝影機來決定。該被偵測到面孔的尺寸係 98916.doc 200537381 與該使用者的距離有關。這可以避免該裝置附近的物體會 影響使用近接偵測器計算該距離。 忒叙置100處於該第一狀態，顯示一圖形使用者介面的第 一布局。該圖形使用者介面包含一組使用者介面組件106、 108、11〇。該等使用者介面組件之第一組件ι〇6是一輸出使 用者介面組件。它是用以顯示影像的視埠。該影像可能是 一靜止圖片或它可能是一系列視訊影像中的一影像。在該 I 範例中，該影像代表一男演員。該圖形使用者介面之第一 布局也包含兩輸入使用者介面組件1〇8、11〇，即所謂的按 鈕物件（button_gadgets或button-widgets)。該等輸入使用者 介面組件之第一組件108關於一第一使用者輸入命令，例如 開始播放視訊内容。該等輸入使用者介面組件之第二組件 11 〇關於一第二使用者輸入命令，例如停止播放視訊内容。 该等各種使用者介面組件1〇6、1〇8、11〇之範圍可以使得 忒整個顯不7C件被填滿，即該顯示元件的所有像素都被配 φ 置給該等使用者輸入組件106、108、110之某一組件。 圖1B概略地顯示圖以之裝置之實施例，其處於一第二狀 怨。該第二狀態相當於已經建立沒有使用者在其直接鄰近 區域。這是指該裝置已經決定沒有使用者離該裝置的距離 小於一預先決定臨界值，或是該裝置已經決定一使用者離 5亥裝置的距離是大於該預先決定的臨界值。 。亥裝置100處於該第二顯示狀態，顯示該圖形使用者介面 的第二布局。現在該圖形使用者介面只包含一使用者介面 組件106。該唯一可見的使用者介面組件1〇6是一輸出使用 98916.doc -10· 200537381 者介面組件。該特殊使用者介面組件1〇6當該裝置ι〇〇處於 该第一狀態也是可見的，如圖丨A所描述說明。該可見的使 用者介面組件106的範圍可以使得該整個顯示元件ι〇2都被 填滿，即該顯示元件1〇2的所有像素都配置給該輸出使用者 介面組件1 〇 6。 比較圖1A中所描述的圖形使用者介面的第一布局與圖 中所描述的圖形使用者介面的第二布局，很明顯的該輸 • 出使用者介面組件106的尺寸在該第二範例中比較大。 圖2A概略地顯示根據本發明之裝置2〇〇之其他實施例，其 處於一第一狀態。圖2B概略地顯示圖2A之裝置2〇〇的實施 例，其處於一第二狀態，及圖2C概略地顯示圖2A之裝置2〇〇 勺只加例，其處於一第二狀態。這三個狀態，即第一狀態、 第二狀態、第三狀態，對應一使用者與該裝置2〇〇之間個別 距離。该第一狀態對應一第一距離，該第二狀態對應大於 忒第一距離的第二距離，及該第三狀態對應於大於該第二 φ 距離的第三距離。 該裝置200是一音訊元件，其配置用以產生音樂。該音訊 元件例如是收音機、CD播放器、CD記錄器或諸如隨身聽或 MP3播放器之類的可攜式元件。 一忒裝置200係配置用以顯示一圖形使用者介面於其顯示 兀件102上。當該裝置處於該第一狀態時，該圖形使用者介 面具有-第一布局，當該裝置處於該第二狀態時，該圖形 =用者介面具有-第二布局’及當該裝置處於該第三狀態 時，該圖形使用者介面具有一第三布局。 98916.doc 200537381 該第一布局包含—鈐山，a 則出使用者介面組件202,其代表該狀 所產生之音樂的藝人爻 名％。在該範例中，可以聽到，，滾石，， 的音樂。該第一布届卉七 σ匕έ六個使用者介面組件204、206、 208、210、212、214。、古丄… 沒/、個使用者介面組件的每一個對 應於個別使用者輸入命令。該實際使用者輸入可以藉由一 輸入7L件（未緣不）來接受。該輸人裝置可以是控制游標的觸 控螢幕、遠端控制器或滑鼠。 第布局也包各6亥輪出使用者介面組件202，如圖2A 中所說明。然而，該輪出使用者介面組件202之尺寸在第二 布局大於在第-布局。這是指在該第二布局中比在第一布 局)中’有更多像素係配置給該輸出使用者介面組件2〇2。除 了 °亥尺寸之外’在該第一布局之内的該輸出使用者介面組 之中。的工間座標也不同於該第一布局内的該輸出 使用者介面組件2G2之中心的空間座標。該第—布局與第二 布局之間其他不同處是在㈣二布局中沒有包含_些輸入 使用者介面組件彻、21〇、212、214。&含在該第二布局 =之㈣輸出使用者介面組件綱、施的範圍是大於該第 布局内的這些輸出使用者介面組件204、206的對應表示。 6亥第三布局也包含該輸出使用者介面組件202，如圖2A 中況明。然而，該輸出使用者介面組件2〇2之尺寸在第三布 局士於在第-布局’甚至大於在該第二布局。這是指在該 第—布局巾比在帛二布局中，有更多像素係配置給該輸出 使用者介面組件202。除了該尺寸之外，在該第三布局之内 的该輪出使用者介面組件202之中心的空間座標也不同於 989l6.doc -12- 200537381 該第一布局内的該輸出使用者介面組件2 〇 2之中心的空間 座標。該第一布局肖第三布局之間其他不同處是在該第三 布局中沒有包含輸入使用者介面組件2〇4、2〇6。該第三布 局包含—新的輸出使用者介面組件216。該新的輸出使用者 介面組件216代表該裝置2〇〇所產生的音樂目前頻譜。 圖3顯示根據本發明之裝置3〇〇的硬體/軟體設計，其包 含： μ 一顯示元件102 ; 距離決定構件104,用以決定一使用者與該裝置3〇〇之間 的距離； -記憶體元件306,用於使用者介面組件的性質的數值的 儲存； 一布局管理者302，用以基於該距離決定構件104所提供 的距離k號’更新該等使用者介面組件的性質的數值； 一彩現構件304,用以基於在該記憶體元件3〇6中所儲存 的該等使用者介面組件的性質的數值，彩現該等使用者介 面組件。 該裝置鳩的運作將會藉由與圖1A及1B有關所描述的範 例來解釋。該記憶體元件娜係配置用以儲存每個可能的布 局的4等使用者介面組件的性質的數值。圖lA提供一範例 第布局中所包含的該等使用者介面組件的性質的數 :。圖1B提供一範例為在第二布局中所包含的該等使用者 介面組件的性質的數值。 表1A ·模板第一布局：距離D<0.5公尺 98916.doc •13- 200537381 名稱 類型 座標 尺寸 顏色 文字 字型 圖像 視埠 (〇，11) (61,61) 麵 謙 画 播放 按紐 (〇,〇) (30，10) 綠 播放 12 停止 按紐 (31,0) (30,10) 綠 停止 12 表IB ··模板第二布局··距離D-0.5公尺 名稱 類型 座標 尺寸 顏色 文字 字型 圖像 視埠 (〇,〇) (72,72) 細 讎 麵 該距離決定構件104決定該裝置300與該使用者之間的距 離。如果該距離小於一預先決定的臨界值，則該布局管理 者302會選擇對應於該第一布局的模板。結果，該等使用者 介面組件的性質的實際數值係由該第一布局的模板來決 定。該布局管理者302通知該彩現構件304有關已經執行的 更新。基於該等實際數值，該彩現構件304將產生該等使用 者介面組件的視覺表示。這些視覺表示可見於該顯示元件 102 上。 或者，可以施加另一種用以儲存該等使用者介面組件的 性質的數值的儲存方法。表2顯示一範例為另一種儲存，其 係基於如與圖2A、圖2B、圖2C有關中所描述的該裝置200 的圖形使用者介面。 表2 :模板音訊播放器200537381 IX. Description of the invention: [Technical field to which the invention belongs] The present invention relates to a device including a generating component for generating a graphical user interface for displaying on a display element. The invention also relates to a display method for displaying a graphical user interface on the display element. The present invention also relates to a computer program product loaded by a computer configuration, which includes instructions for displaying a graphical user interface on a display element of a device. [Prior Art] Embodiments of the device described in the opening paragraph are well known. The graphical user interface has a layout of user interface components. Several types of user interface components are known, such as buttons, scroll bars, selection objects (〇P_ gadgets), and viewports for displaying images. The designer of the user interface attempts to develop a method to implement the appropriate use of the interface on the device. The user interface includes an output user interface component to provide content related to the user's content, such as video data or text. … In addition, the interface components of these input and output users simply provide the status of the message. The input user interface components constitute a component that allows the user to: control the applications executing on the device. Due to price factors or insufficient space, in the case of a female 4-port 2-theta ^ dry case, the size of the display element = :: τ is smaller. As a result, under the constraints of user interface design or readability, difficulties have been encountered in developing user interfaces that include these required user interface components. 98916.doc 200537381 [Summary of the Invention] An object of the present invention is to provide the device described in the opening paragraph, which is configured to dynamically optimize the appearance of the graphical user interface: the purpose of the present invention is to This device is achieved, the device includes: a distance determining member for determining a distance between a user and the device.-A display element for displaying a first layout of a graphical user interface, if the determined distance is less than A pre-determined threshold value for displaying a graphical user interface-first layout, which includes a set of at least two user interface components, and if the determined distance is greater than the predetermined threshold value, used to display a graphical user One of the interfaces is a second layout that includes a secondary group of the group, and the secondary group has fewer user interface components than the group. The device according to the present invention is configured to optimize the appearance of the graphical user interface based on the determined distance between the user and the device. The device according to the local device is configured to appropriately select the graphic user based on the determined distance. The present invention is based on the observation that if the distance between the user and the device is greater than the predetermined threshold 'Then some user faces, and the pieces no longer need to exist. For example,' If the distance between the user and the device is greater than an example W meters, and the device contains a touch screen as an input element, it It does not seem necessary to display input user interface components such as buttons. Because the arm length is generally shorter than 丨 meters. It is practically impossible to control the device afterwards. Another factor is the visibility and / or visibility of some user interface components The readability may be low, meaning that these user interface components are relatively useless. The remote device contains the display element. Or, the display element is part of other devices 98916.doc -6-200537381. For the latter, use Compared with the concept of 〇SD (〇n Screen㈣㈣). An embodiment according to the present invention is configured to display one of the set of user interface components. The piece has a first size as a part of the first layout, and the first component used to display the user interface components has a second size, as a part of the second layout, and the second The size is larger than the first size of 5H. This means that the actual size of a particular user interface component is based on the determined distance. If the user is closer to the device, the actual size of the user interface component should be more Large to obtain improved visibility and / or readability. An embodiment of the device according to the present invention is configured to display the group of users, and one of the first components is one of the display elements. A second position as a part of the first layout, and the first component used to display the user interface and the guard at a second spatial position of the display element as the second layout a part of. The repositioning of the user interface component is beneficial for the sensory reasons. However, the visibility and / or readability can also be improved by repositioning the Daisi user interface components. The / user interface component may include an output component for providing the user with an output component. For example, the output component represents an image, or the state of the output component. This set of user interface components may also include one-for-two. Typically, the input component represents a functional scale that controls the device. In an embodiment of the device according to the present invention, the group includes the input group " round-out component, and the second group includes the output component. This round assembly is not seen in the second cloth 98916.doc 200537381 round. Preferably, the output component visible in the second layout is larger than the wheel-out component visible in the first layout. It is an object of the present invention to provide a method of the type described in the opening paragraph, the method being configured to dynamically optimize the appearance of the graphical user interface. The object of the present invention is achieved by the method, which comprises: determining a distance between a user and the device; and if the determined distance is less than a predetermined threshold value, displaying one of the graphical user interfaces first Layout, # contains a group of at least two user interface components, and if the determined distance is greater than the predetermined threshold, a second layout of the graphical user interface is displayed, which includes a secondary group of the group, and the secondary group Has fewer user interface components than this group. It is an object of the present invention to provide a teleporter of the type described in the opening paragraph, which is configured to dynamically optimize the appearance of the graphical user interface. The purpose of the present invention is achieved by loading a computer program product with a computer configuration, which includes instructions for displaying a graphical user interface on a display element of a device. The computer configuration includes a processing component and a memory. After the computer program product is loaded, the processing component has the ability to be implemented: determining the distance between a user and the device; and displaying the graphical user interface if the determined distance is less than a predetermined threshold A first layout including a set of at least two user interface components' and if the determined distance is greater than the predetermined threshold, then 98916.doc 200537381 The graphical user interface— 篦 -right) A layout that includes a subgroup of the group, and the subgroup has fewer I-interface components than the group. Modification of the device is equivalent to modification and change of the described method and computer program product. [Embodiment] Fig. 1A schematically shows an embodiment of a device 100 according to the present invention, which is in the first state. This first state corresponds to the presence of an object that has been established near the device 100, in particular the user. This means that the device has determined that an object is less than a predetermined threshold from the device. The device 100 is a multimedia component configured to display a sequence of video images. These video images can be received via an antenna or cable connected to the network. Alternatively, the video images can be stored in an internal memory element. Preferably, the memory element is removable. The memory element may be based on optical storage. Alternatively, the memory element is a solid state memory element. The device includes a display element 102 and a distance determining member 104 for determining a distance between a user and the device 100. Preferably, the distance determining member 104 is placed near the display element 102. The determination of this distance can be based on sound, ultraviolet or radio frequency waves. This distance determines the structure 104 to be configured to detect the presence of an object in its vicinity. The light-based distance-determining element 104 is currently commercially available, such as IVO GmbH & Co. Typically, these optical sensing members are configured to measure distance. These decision components are called proximity detectors. Alternatively, the distance between the device and the user can be determined using a video camera equipped with a face detection function. The size of the detected face is 98916.doc 200537381 related to the distance of the user. This prevents objects near the device from affecting the calculation of the distance using the proximity detector. The display device 100 is in this first state and displays a first layout of a graphical user interface. The graphical user interface includes a set of user interface components 106, 108, and 110. The first component of the user interface components ιo6 is an output user interface component. It is the viewport used to display the image. The image may be a still picture or it may be an image in a series of video images. In the I example, the image represents an actor. The first layout of the graphical user interface also includes two input user interface components 108, 110, so-called button_gadgets or button-widgets. The first component 108 of the input user interface components relates to a first user input command, for example, to start playing video content. The second component 11 of these input user interface components relates to a second user input command, such as stopping the playback of video content. The range of the various user interface components 106, 108, and 11 can make the entire display 7C pieces filled, that is, all pixels of the display element are allocated to the user input components. 106, 108, 110. FIG. 1B schematically shows an embodiment of the device shown in FIG. 1 in a second state. This second state is equivalent to having established no users in its immediate vicinity. This means that the device has determined that no user is less than a predetermined threshold from the device, or that the device has determined that the distance of a user from the device is greater than the predetermined threshold. . The device 100 is in the second display state and displays the second layout of the graphical user interface. The graphical user interface now includes only a user interface component 106. The only visible user interface component 106 is an output interface component using 98916.doc -10 · 200537381. The special user interface assembly 106 is also visible when the device ιο is in the first state, as illustrated in FIG. IA. The range of the visible user interface component 106 can make the entire display element ι02 be filled, that is, all pixels of the display element 102 are allocated to the output user interface component 106. Comparing the first layout of the graphical user interface described in FIG. 1A with the second layout of the graphical user interface described in the figure, it is obvious that the dimensions of the output user interface assembly 106 are in this second example. bigger. Fig. 2A schematically shows another embodiment of a device 200 according to the present invention, which is in a first state. Fig. 2B schematically shows an embodiment of the apparatus 200 of Fig. 2A, which is in a second state, and Fig. 2C schematically shows an addition example of the apparatus 200 of Fig. 2A, which is in a second state. These three states, namely the first state, the second state, and the third state, correspond to individual distances between a user and the device 2000. The first state corresponds to a first distance, the second state corresponds to a second distance greater than 忒 the first distance, and the third state corresponds to a third distance greater than the second φ distance. The device 200 is an audio component configured to generate music. The audio element is, for example, a radio, a CD player, a CD recorder, or a portable element such as a walkman or MP3 player. A device 200 is configured to display a graphical user interface on its display element 102. When the device is in the first state, the graphical user interface has-a first layout, when the device is in the second state, the graphics = user interface has-a second layout 'and when the device is in the first state In three states, the graphic user interface has a third layout. 98916.doc 200537381 The first layout contains-Laoshan, a shows the user interface component 202, which represents the artist's name of the music produced in this state. In this example, you can hear the music of,, rolling stones,,. In the first session, six user interface components 204, 206, 208, 210, 212, and 214 were used. , Gu 丄 ... Each of the user interface components corresponds to individual user input commands. The actual user input can be accepted by an input 7L piece (not missed). The input device can be a touch screen, a remote controller or a mouse that controls the cursor. The first layout also includes user interface components 202, as illustrated in FIG. 2A. However, the size of the roll-out user interface assembly 202 is larger in the second layout than in the first layout. This means that more pixels are allocated to the output user interface component 202 in the second layout than in the first layout). In addition to the size, the output user interface group is within the first layout. The coordinate of the workshop is also different from the spatial coordinate of the center of the output user interface assembly 2G2 in the first layout. The other difference between the first layout and the second layout is that some inputs are not included in the second layout. User interface components 216, 212, 214. & The range of output user interface components included in the second layout = is larger than the corresponding representation of the output user interface components 204, 206 in the second layout. The third layout of the Hai Hai also includes the output user interface component 202, as illustrated in FIG. 2A. However, the size of the output user interface component 2002 in the third layout is even larger in the first layout than in the second layout. This means that in the first layout, more pixels are allocated to the output user interface component 202 than in the second layout. In addition to the size, the space coordinates of the center of the roll-out user interface component 202 in the third layout are also different from the 9986.doc -12- 200537381 the output user interface component 2 in the first layout The spatial coordinates of the center of 〇2. The other difference between the first layout and the third layout is that the input user interface components 204 and 206 are not included in the third layout. The third layout includes a new output user interface component 216. The new output user interface component 216 represents the current spectrum of music produced by the device 2000. Figure 3 shows the hardware / software design of the device 300 according to the present invention, which includes: μ a display element 102; a distance determining member 104 for determining the distance between a user and the device 300;- A memory element 306 for storing the values of the properties of the user interface components; a layout manager 302 for updating the values of the properties of the user interface components based on the distance k provided by the distance determining component 104 A color rendering component 304 for color rendering the user interface components based on the values of the properties of the user interface components stored in the memory element 306. The operation of the device dove will be explained by the example described in relation to Figs. 1A and 1B. The memory element is configured to store numerical values of the properties of the fourth-class user interface components of each possible layout. Figure 1A provides an example of the number of properties of the user interface components included in the first layout. FIG. 1B provides an example of numerical values of the properties of the user interface components included in the second layout. Table 1A · The first layout of the template: distance D < 0.5 m 98916.doc • 13- 200537381 Name type coordinate size color text font image viewport (〇, 11) (61, 61) 〇, 〇) (30,10) Green Play 12 Stop Button (31,0) (30,10) Green Stop 12 Table IB · Template Second Layout · · Distance D-0.5m Name Type Coordinate Size Color Text Font image viewport (0, 〇) (72,72) The distance determining member 104 determines the distance between the device 300 and the user. If the distance is less than a predetermined threshold, the layout manager 302 selects a template corresponding to the first layout. As a result, the actual values of the properties of the user interface components are determined by the template of the first layout. The layout manager 302 notifies the color rendering component 304 about the updates that have been performed. Based on the actual values, the color rendering component 304 will generate a visual representation of the user interface components. These visual representations are visible on the display element 102. Alternatively, another storage method may be applied to store the values of the properties of the user interface components. Table 2 shows an example as another storage based on the graphical user interface of the device 200 as described in relation to FIGS. 2A, 2B, and 2C. Table 2: Template audio player
名稱 類型 座標 尺寸 顏色 文字 字型 距離 藝人 文字 (2?5) (60，15) 灰 外部 12 D<0.5 米 (2,5) (60,20) 藍 外部 14 0.5米 SD<1 米 (2,5) (6053〇) 綠 外部 30 1米SD 98916.doc -14- 200537381Name type Coordinate size Color text Font distance Artist text (2? 5) (60, 15) Gray outer 12 D < 0.5 m (2,5) (60,20) Blue outer 14 0.5 m SD < 1 m (2, 5) (6053〇) Green exterior 30 1 meter SD 98916.doc -14- 200537381
播放 按紐 (4,35) (25,25) 灰 D<0.5 米 (2,27) (40,40) 藍 0.5 米 SD<1 米 停止 按鈕 (40,35) (25,25) 灰 D<0.5 米 (40,27) (40,40) 藍 0.5 米 SD<1 米 開始 按紐 (2,62) (15,20) 灰 D<0.5 米 FastB 按鈕 (18,62) (15,20) 灰 D<0.5 米 FastF 按紐 (34,62) (15,20) 灰 D<0.5 米 結束 按紐 (50,62) (15,20) 灰 D<0.5 米 頻譜 BarPot (2,32) (60,40) 綠 1米SDPlay button (4,35) (25,25) Gray D < 0.5m (2,27) (40,40) Blue 0.5m SD < 1m stop button (40,35) (25,25) Gray D < 0.5 m (40,27) (40,40) blue 0.5 m SD < 1 m start button (2,62) (15,20) gray D < 0.5 m FastB button (18,62) (15,20) gray D < 0.5 meter FastF button (34,62) (15,20) Gray D < 0.5 meter end button (50,62) (15,20) Gray D < 0.5 meter spectrum BarPot (2,32) (60, 40) Green 1m SD
該布局管理者302及彩現構件304可以使用一處理器來實 現。通常，這些功能是在一軟體程式產品的控制下執行。 在執行期間，該軟體程式產品通常係載入於一記憶體内， 像是一 RAM，然後由此執行。該程式可以從一背景記憶體 載入，像是一 ROM、硬碟或磁性及/或光學儲存，或是可以 經由網路來載入，像是網際網路。視需要，一特殊應用積 體電路提供所揭示的功能性。 非常多類型的使用者介面組件可以施加。上述的範例（參 見表ΙΑ、1B、2)提到該等類型：按鈕、文字、視埠及長條 圖（BarPlot)。其他類型像是浮動塊、捲棒、選擇物件（option gadgets)及循環式選擇物件（option gadgets)。 根據本發明之裝置可以包含在許多系統及應用内，例如 電腦應用程式、電視機、音訊設備、DVD播放器、DVD記 錄器、頂上盒、衛星調諧器等等。 應注意該等上述實施例只是用以說明而非限制本發明， 98916.doc -15- 200537381 u項技藝者能夠在不背離該 形下，訊# τ π w屬叫求項的範圍的情 4不同貫施例。在該等請求項中，任何放在括發 内的翏考符號不應構成限制該請求。儿The layout manager 302 and the color rendering component 304 can be implemented using a processor. Usually, these functions are performed under the control of a software program product. During execution, the software program product is usually loaded into a memory, such as a RAM, and then executed from there. The program can be loaded from a background memory, such as a ROM, hard disk, or magnetic and / or optical storage, or it can be loaded via a network, such as the Internet. If required, a special application integrated circuit provides the disclosed functionality. Very many types of user interface components can be applied. The examples above (see Tables IA, 1B, 2) mention these types: buttons, text, viewports, and BarPlots. Other types are like sliders, rolls, option gadgets, and option gadgets. The device according to the present invention can be included in many systems and applications, such as computer applications, televisions, audio equipment, DVD players, DVD recorders, set-top boxes, satellite tuners, and the like. It should be noted that the above-mentioned embodiments are only used to illustrate rather than limit the present invention. Different implementation examples. In such requests, any test symbol placed in a bracket should not constitute a restriction on the request. child
2出在-㈣項内有其他元件或步驟的存在。位於元件 則面的字，a，或W並非排除有複數的該等元件的存在。本發 明可以藉由含有數種不同元件硬體及藉由適當的已程式化 電腦來實現。在列舉出數個構件的單元請求項中，這些數 個構件可以利用單一相同物件的硬體來實現。該等字第 -、第二或第三等等的使用並非指示要有任何順序。這些 子疋解釋成名稱。 【圖式簡單說明】 根據本發明的裝置、方法及電腦程式產品的這些及其他 方面可以相對於以上所描述的實行及實施例及參考該等伴 隨圖式，加以說明及變得清楚，其中·· 圖1A概略地顯示根據本發明之裝置之實施例，其處於一 第一狀態； 圖1B概略地顯示圖1A之裝置之實施例，其處於一第二狀 態； 圖2 A概略地顯示根據本發明之裝置之其他實施例，其處 於一第一狀態； 圖2B概略地顯示圖2 A之裝置的實施例，其處於一第二狀 態； 圖2C概略地顯示圖2A之裝置的實施例，其處於一第三狀 態；及 98916.doc -16- 200537381 圖3顯示根據本發明之裝置的硬體/軟體設計。 在該等圖式中，相同參考數字係用以標記類似零件。 【主要元件符號說明】 100 裝置 102 顯示元件 104 距離決定構件 106 使用者介面組件 108 使用者介面組件 110 使用者介面組件 200 裝置 202輸出使用者介面組件 204 使用者介面組件 2 0 6 使用者介面組件 208 使用者介面組件 210 使用者介面組件 2 12 使用者介面組件 2 14 使用者介面組件 2 1 6輸出使用者介面組件 300 裝置 302 布局管理者 304 彩現構件 306 記憶體元件 98916.doc -17-2 Out of--there are other elements or steps. The use of the word a, or W on a component surface does not exclude the presence of a plurality of such components. The invention can be implemented by containing several different component hardware and by a suitably programmed computer. In the unit request item that enumerates several components, these several components can be implemented by the hardware of a single identical object. The use of the words-, second, or third, etc. is not an indication of any order. These children are interpreted as names. [Brief description of the drawings] These and other aspects of the device, method and computer program product according to the present invention can be explained and made clear with respect to the implementation and embodiments described above and with reference to these accompanying drawings, of which Fig. 1A schematically shows an embodiment of the device according to the invention, which is in a first state; Fig. 1B schematically shows an embodiment of the device of Fig. 1A, which is in a second state; Fig. 2A schematically shows according to this embodiment Other embodiments of the device of the invention are in a first state; FIG. 2B schematically shows an embodiment of the device of FIG. 2A in a second state; FIG. 2C schematically shows an embodiment of the device of FIG. 2A, which In a third state; and 98916.doc -16- 200537381 Figure 3 shows the hardware / software design of the device according to the invention. In the drawings, the same reference numerals are used to identify similar parts. [Description of main component symbols] 100 device 102 display element 104 distance determining member 106 user interface component 108 user interface component 110 user interface component 200 device 202 output user interface component 204 user interface component 2 0 6 user interface component 208 User Interface Unit 210 User Interface Unit 2 12 User Interface Unit 2 14 User Interface Unit 2 1 6 Output User Interface Unit 300 Device 302 Layout Manager 304 Rendering Component 306 Memory Element 98916.doc -17-