TW201310325A - Method and associated electronic apparatus implementing user interface - Google Patents

Method and associated electronic apparatus implementing user interface Download PDF

Info

Publication number
TW201310325A
TW201310325A TW100131145A TW100131145A TW201310325A TW 201310325 A TW201310325 A TW 201310325A TW 100131145 A TW100131145 A TW 100131145A TW 100131145 A TW100131145 A TW 100131145A TW 201310325 A TW201310325 A TW 201310325A
Authority
TW
Taiwan
Prior art keywords
touch
user
control item
setting
selected control
Prior art date
Application number
TW100131145A
Other languages
Chinese (zh)
Inventor
Zhong-Huan Ho
Ling-Li Lai
Chao-Jung Chen
Original Assignee
Avermedia Tech Inc
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 Avermedia Tech Inc filed Critical Avermedia Tech Inc
Priority to TW100131145A priority Critical patent/TW201310325A/en
Publication of TW201310325A publication Critical patent/TW201310325A/en

Links

Landscapes

  • User Interface Of Digital Computer (AREA)

Abstract

Method and associated electronic apparatus implementing user interface on a touch screen, including: during a setting procedure, setting one or more selected control items on the touch screen according to user customization instructions, with each selected control item corresponding to a selected function. While the setting procedure ends and when the touch screen displays a main picture, each selected control item overlaps the main picture to be displayed with complete transparency, and selected function(s) corresponding to the selected control item(s) touched by user is/are executed.

Description

實現使用者介面的方法與相關電子裝置Method for implementing user interface and related electronic device

本發明是有關於一種實現使用者介面的方法與相關電子裝置,且特別是有關於一種應用於觸控螢幕、具備高客製化彈性並能避免控制項遮擋主畫面的使用者介面實現方法與相關電子裝置。The present invention relates to a method for implementing a user interface and related electronic devices, and more particularly to a user interface implementation method for a touch screen, having high customization flexibility and avoiding control items from obscuring the main picture. Related electronic devices.

能以觸控螢幕實現觸控功能的各種電子裝置,例如手機、數位相機、數位攝錄影機、平板電腦、筆記型電腦、桌上型電腦與整合式(all-in-one)電腦等等,由於其操控友善且符合使用者直覺,已成為現代消費者電子裝置的發展主流之一。Various electronic devices that can implement touch functions with touch screens, such as mobile phones, digital cameras, digital video cameras, tablets, notebook computers, desktop computers, and all-in-one computers, etc. Because of its friendly operation and user intuition, it has become one of the mainstream development of modern consumer electronic devices.

由於觸控螢幕已廣為社會大眾接受,具有觸控螢幕的電子裝置也被用來為其他電子裝置模擬其遙控器。請參考第1圖與第2圖;當以一裝置10分別為不同受控裝置D[1]與D[2]模擬其遙控器RC[1]與RC[2]時,第1圖與第2圖所示意的即是依據一習知技術而於裝置10上實現使用者介面的情形。裝置10是一具有觸控螢幕12的電子裝置。受控裝置D[1]與D[2]是提供訊源的電子裝置;受控裝置D[1]具有一專屬遙控器RC[1],受控於遙控器RC[1]發出的遙控訊號Sa[1],並根據訊號Sa[1]向一中繼裝置14提供一訊源訊號V[1]。舉例而言,受控裝置D[1]可以是一光碟播放器、一硬碟播放器或一機上盒等,於訊號V[1]中提供動態影音視訊內容。同理,受控裝置D[2]對應於專屬遙控器RC[2],依據遙控器RC[2]發出的遙控訊號Sa[2]而向中繼裝置14提供訊源訊號V[2]。Since touch screens have been widely accepted by the public, electronic devices with touch screens have also been used to simulate remote controls for other electronic devices. Please refer to FIG. 1 and FIG. 2; when a device 10 is used to simulate the remote controllers RC[1] and RC[2] for different controlled devices D[1] and D[2], respectively, FIG. 1 and 2 is a diagram showing the implementation of a user interface on device 10 in accordance with a conventional technique. Device 10 is an electronic device having a touch screen 12. The controlled devices D[1] and D[2] are electronic devices providing the source; the controlled device D[1] has a dedicated remote controller RC[1] controlled by the remote control signal from the remote controller RC[1] Sa[1], and provides a source signal V[1] to a relay device 14 according to the signal Sa[1]. For example, the controlled device D[1] may be a CD player, a hard disk player or a set-top box, etc., and provides dynamic video and audio content in the signal V[1]. Similarly, the controlled device D[2] corresponds to the dedicated remote controller RC[2], and provides the source signal V[2] to the relay device 14 according to the remote control signal Sa[2] sent by the remote controller RC[2].

中繼裝置14接收訊號V[1]與V[2],並將訊號內容攜載於訊號Vm中以傳輸至裝置10,而裝置10就能將訊號Vm中的內容播放於觸控螢幕12。在一種實施例中,中繼裝置14可以包括一視訊盒與一路由器(未圖示),視訊盒接收訊號V[1]與V[2],將訊號V[1]與V[2]轉換為適合網路傳輸的訊號(例如說是封包),而路由器則將轉換後的訊號編碼調變為訊號Vm。在另一種實施例中,中繼裝置14本身就已將視訊盒與路由器的功能整合為一。The relay device 14 receives the signals V[1] and V[2], and carries the signal content in the signal Vm for transmission to the device 10, and the device 10 can play the content in the signal Vm to the touch screen 12. In one embodiment, the relay device 14 can include a video box and a router (not shown). The video box receives the signals V[1] and V[2], and converts the signals V[1] and V[2]. The signal is suitable for network transmission (for example, a packet), and the router converts the converted signal code into a signal Vm. In another embodiment, the relay device 14 itself has integrated the functions of the video box and the router into one.

為了讓使用者能經由裝置10控制作為訊源的受控裝置D[1]與D[2],中繼裝置14會學習、記錄遙控器RC[1]與RC[2]所能發出的遙控訊號與對應的功能;裝置10的觸控螢幕12則接收使用者欲對受控裝置D[1]與D[2]所進行的操控,據以向中繼裝置14發出對應的訊號Sm。中繼裝置14接收訊號Sm後,就會依據訊號Sm而以對應的遙控訊號Sb[1]與Sb[2]分別遙控受控裝置D[1]與D[2],使受控裝置D[1]與D[2]執行對應的功能。如此一來,使用者就能經由裝置10(與中繼裝置14)操縱受控裝置D[1]與D[2],不必再以遙控器RC[1]與RC[2]遙控受控裝置D[1]與D[2]。遙控訊號Sa[1]、Sa[2]與Sb[1]、Sb[2]可以是紅外線訊號,而訊號Sm與Vm可以是無線通訊訊號。In order to enable the user to control the controlled devices D[1] and D[2] as the source via the device 10, the relay device 14 learns and records the remote control that can be issued by the remote controllers RC[1] and RC[2]. The signal and the corresponding function; the touch screen 12 of the device 10 receives the manipulation of the controlled devices D[1] and D[2], and accordingly sends a corresponding signal Sm to the relay device 14. After receiving the signal Sm, the relay device 14 remotely controls the controlled devices D[1] and D[2] according to the signal Sm with the corresponding remote control signals Sb[1] and Sb[2] respectively, so that the controlled device D[ 1] Performs the corresponding function with D[2]. In this way, the user can manipulate the controlled devices D[1] and D[2] via the device 10 (with the relay device 14), without having to remotely control the controlled device with the remote controllers RC[1] and RC[2]. D[1] and D[2]. The remote control signals Sa[1], Sa[2] and Sb[1], Sb[2] may be infrared signals, and the signals Sm and Vm may be wireless communication signals.

為了方便使用者利用上述技術遙控受控裝置D[1]與D[2],在習知的使用者介面中,裝置10會在觸控螢幕12上顯示選單,讓使用者選擇欲遙控的受控裝置D[1]或D[2]。若使用者選擇要遙控受控裝置D[1],裝置10就會進一步在觸控螢幕12上顯示出一模擬面板以模擬遙控器RC[1],如第1圖所示。此模擬面板上包括複數個以觸控區域模擬的控制項(例如按鍵);當使用者觸控這些控制項,裝置10與中繼裝置14就能利用訊號Sm與Sb[1]控制受控裝置D[1]。同理,若使用者欲遙控受控裝置D[2],裝置10則會在觸控螢幕12上顯示出另一個模擬遙控器RC[2]的模擬面板,如第2圖所示。In order to facilitate the user to remotely control the controlled devices D[1] and D[2] by using the above technology, in the conventional user interface, the device 10 displays a menu on the touch screen 12, allowing the user to select the remote control to be controlled. Control device D[1] or D[2]. If the user selects to remotely control the controlled device D[1], the device 10 further displays an analog panel on the touch screen 12 to simulate the remote controller RC[1], as shown in FIG. The analog panel includes a plurality of control items (such as buttons) simulated by the touch area; when the user touches the control items, the device 10 and the relay device 14 can control the controlled device by using the signals Sm and Sb[1]. D[1]. Similarly, if the user wants to remotely control the controlled device D[2], the device 10 displays another analog panel of the analog remote controller RC[2] on the touch screen 12, as shown in FIG.

不過,第1圖與第2圖的習知使用者介面也有缺點。首先,此遙控使用者介面缺乏客製化的彈性;因為遙控器的模擬面板具有固定的樣式,能讓使用者自訂的餘裕較低。舉例而言,遙控器的按鍵雖多,使用者常用的僅只其中數個;然而,習知的模擬面板仍會顯示多個(或所有)的遙控器控制項,這不僅讓習知使用者介面變得複雜而不友善,增加誤觸的機會,模擬面板也需在觸控螢幕12上佔用更大的面積。當觸控螢幕12顯示訊號Vm中的視訊內容主畫面時,由於遙控器模擬面板會不透明地覆疊於主畫面之上,故會大幅佔用(遮蔽)螢幕顯示範圍的40%至60%。這會讓使用者無法收看到完整的主畫面,錯過主畫面的精彩細節;對於即時性訊號內容而言,此影響尤其嚴重,因為使用者可能再也無法重播已播放過去的視訊內容。However, the conventional user interface of Figures 1 and 2 also has disadvantages. First of all, this remote user interface lacks the flexibility of customization; because the analog panel of the remote control has a fixed style, the user can have a lower margin. For example, although there are many buttons on the remote control, only a few of them are commonly used by users; however, the conventional analog panel still displays multiple (or all) remote control items, which not only allows the user interface to be used. It becomes complicated and not friendly, and increases the chance of accidental touch. The analog panel also needs to occupy a larger area on the touch screen 12. When the touch screen 12 displays the main content of the video content in the signal Vm, since the remote control analog panel is opaquely overlaid on the main screen, it will occupy (shadow) 40% to 60% of the screen display range. This will make it impossible for the user to see the complete home screen and miss the wonderful details of the main screen; this effect is especially serious for the content of the instant signal, because the user may no longer be able to replay the video content that has been played.

為克服習知技術的缺點,本發明的目的之一是提供一種於一觸控螢幕實現一使用者介面的方法,包括:進行一設定程序,依據使用者的指示與選擇而在觸控螢幕上設定一或多個選用控制項,各選用控制項對應一選用功能與一提示透明度;當設定程序完成而在觸控螢幕顯示主畫面時,以完全的透明度(100%透明度)將各選用控制項覆疊顯示於主畫面上,使各選用控制項隱藏於主畫面中,不會遮蔽主畫面;同時,觸控螢幕亦持續偵測使用者是否觸控任一選用控制項;若是,則可依據受觸控選用控制項對應的提示透明度(可以是100%或低於100%的透明度)予以顯示,並依據使用者於受觸控選用控制項中的觸控而執行該選用控制項所對應的選用功能。當設定程序結束且觸控螢幕顯示主畫面時,若使用者觸控的觸控位置未在任一選用控制項時,可依據觸控位置選擇至少一鄰近的選用控制項,並依據該鄰近選用控制項對應的提示透明度將其覆疊顯示於主畫面上。提示透明度可以低於完全透明度,以向使用者提示被觸控或鄰近的選用控制項的位置。To overcome the shortcomings of the prior art, one of the objects of the present invention is to provide a method for implementing a user interface on a touch screen, including: performing a setting procedure on the touch screen according to the user's instructions and selection. One or more selection control items are set, and each selection control item corresponds to an optional function and a prompt transparency; when the setting program is completed and the main screen is displayed on the touch screen, the respective control items are completely transparent (100% transparency). The overlay is displayed on the main screen so that the selected control items are hidden in the main screen and do not obscure the main screen. At the same time, the touch screen continuously detects whether the user touches any of the selected control items; if so, The prompt transparency (which may be 100% or less than 100% transparency) corresponding to the touch selection control item is displayed, and the corresponding control item is executed according to the user's touch in the touch selection control item. Choose features. When the setting program ends and the touch screen displays the main screen, if the touch position of the touched user is not in any of the selected control items, at least one adjacent selection control item may be selected according to the touch position, and the control is selected according to the proximity. The prompt transparency corresponding to the item displays its overlay on the main screen. The hint transparency can be lower than the full transparency to alert the user to the location of the touched or adjacent selection control.

本發明的又一目的是提供一種實現前述使用者介面的裝置,包括一觸控螢幕與一處理模組。觸控螢幕偵測使用者觸控;處理模組可進行一設定程序,以依據使用者的指示而在觸控螢幕上設定至少一選用控制項,各選用控制項對應一選用功能與一提示透明度。當觸控螢幕顯示一主畫面時,處理模組使各選用控制項以完全的透明度覆疊顯示於主畫面上,觸控螢幕則偵測使用者是否觸控任一選用控制項;若是,處理模組可用提示透明度顯示該受觸控選用控制項,並依據使用者於該受觸控選用控制項中的觸控而執行對應的選用功能。It is still another object of the present invention to provide an apparatus for implementing the aforementioned user interface, including a touch screen and a processing module. The touch screen detects the user's touch; the processing module can perform a setting process to set at least one selected control item on the touch screen according to the user's instruction, and each selected control item corresponds to an optional function and a prompt transparency. . When the touch screen displays a main screen, the processing module causes the selected control items to be overlaid on the main screen with full transparency. The touch screen detects whether the user touches any of the selected control items; if so, processes The module can display the touch selection control item by using the prompt transparency, and perform the corresponding selection function according to the user's touch in the touch selection control item.

為了對本發明之上述及其他方面有更佳的瞭解,下文特舉較佳實施例,並配合所附圖式,作詳細說明如下:In order to better understand the above and other aspects of the present invention, the preferred embodiments are described below, and in conjunction with the drawings, the detailed description is as follows:

本發明實現使用者介面的技術可分為兩階段;首先,使用者可在一設定程序中依個人需求對使用者介面進行客製化,包括在觸控螢幕上選擇使用者常用的控制項(並放棄不常用的按鍵)、自訂控制項大小與位置等等,並為選用控制項設定一對應的提示透明度。完成設定程序後,使用者自訂的選用控制項會在播放主畫面時隱藏,但維持能被觸控的狀態;如此,不僅能讓使用者可以完整收視主畫面,使用者也能經由觸控螢幕進行操控以控制播放的進行。The technology for implementing the user interface of the present invention can be divided into two stages. First, the user can customize the user interface according to individual needs in a setting program, including selecting a control item commonly used by the user on the touch screen ( And give up the buttons that are not commonly used), customize the size and position of the control items, etc., and set a corresponding prompt transparency for the selected control items. After the setting process is completed, the user-selected control items will be hidden when the main screen is played, but the state of being touched can be maintained; thus, the user can completely view the main screen, and the user can also touch. The screen is manipulated to control the progress of the playback.

請參考第3圖至第16圖;第3圖至第15圖示意的是依據本發明一實施例而於一裝置30中實施本發明使用者介面的情形,第16圖示意的則是裝置30的功能方塊圖。如第16圖所示,裝置30是一個配備有一觸控螢幕32的電子裝置,例如說是手機、掌上型遊樂器、可攜式媒體播放器、數位相機、數位攝錄影機、平板電腦、筆記型電腦、桌上型電腦與整合式電腦等等。觸控螢幕32可在一顯示範圍34中顯示畫面,並在一偵測範圍36中偵測使用者的觸控(可以是單點及/或多點的觸控)。偵測範圍36可以和顯示範圍34重合,或是小於顯示範圍34(但被包括於於顯示範圍34之中)。裝置30另包括一處理模組38,耦接觸控螢幕32,並控制裝置30的運作。Please refer to FIG. 3 to FIG. 16; FIG. 3 to FIG. 15 are diagrams showing the implementation of the user interface of the present invention in a device 30 according to an embodiment of the present invention, and FIG. 16 is a view of FIG. A functional block diagram of device 30. As shown in FIG. 16, the device 30 is an electronic device equipped with a touch screen 32, such as a mobile phone, a palm-type amusement instrument, a portable media player, a digital camera, a digital video camera, a tablet computer, Notebooks, desktops and integrated computers, etc. The touch screen 32 can display a picture in a display range 34 and detect the user's touch (which can be single-point and/or multi-point touch) in a detection range 36. The detection range 36 may coincide with the display range 34 or be smaller than the display range 34 (but included in the display range 34). The device 30 further includes a processing module 38 coupled to the touch screen 32 and controlling the operation of the device 30.

第3圖示意的是於裝置30中進行設定程序的流程100,其步驟可配合第4圖至第9圖而說明如下。Fig. 3 is a flow chart 100 showing a setting procedure in the apparatus 30, the steps of which can be explained in conjunction with Figs. 4 to 9 as follows.

步驟102:開始設定。觸控螢幕32可偵測使用者在偵測範圍36中的觸控,並比較使用者的觸控動作是否已經符合一預設的設定啟始動作;若是,就可開始流程100的設定程序,並進行至步驟104。如第4圖所示,在本發明的一實施例中,設定啟始動作可以是:有四個觸控位置P[1]至P[4]同時沿方向A1移動;也就是說,使用者可用四根手指同時沿方向A1移動以啟始流程100。Step 102: Start setting. The touch screen 32 can detect the touch of the user in the detection range 36, and compare whether the touch action of the user has met a preset start action; if so, the process of setting the process 100 can be started. And proceed to step 104. As shown in FIG. 4, in an embodiment of the present invention, the setting start action may be: there are four touch positions P[1] to P[4] simultaneously moving along the direction A1; that is, the user The process 100 can be initiated by moving four fingers simultaneously along the direction A1.

步驟104:經由使用者的設定啟始動作,裝置30的處理模組38便可呼叫設定程序所使用的主控制面板,並將將其顯示於觸控螢幕32上。第5圖所示的即是主控制面板的一實施例,其係於偵測範圍36中設定兩個觸控區域,並以圖形(圖標,icon)加以顯示,以模擬兩個可觸控的按鍵bn[a]與bn[b],分別作為一倉庫按鍵與一設定按鍵。再者,主控制面板也可包括說明文字(未圖示)與圖示等等以協助使用者進行設定程序。若使用者觸控按鍵bn[a],流程100可繼續進行至步驟106;若使用者觸控按鍵bn[b],流程100可繼續進行至步驟114。Step 104: Start the action by the user's setting, and the processing module 38 of the device 30 can call the main control panel used by the setting program and display it on the touch screen 32. Figure 5 shows an embodiment of the main control panel, which sets two touch areas in the detection range 36 and displays them in a graphic (icon) to simulate two touchable The buttons bn[a] and bn[b] are used as a warehouse button and a setting button, respectively. Furthermore, the main control panel may also include explanatory text (not shown) and illustrations to assist the user in setting the program. If the user touches the button bn[a], the process 100 may proceed to step 106; if the user touches the button bn[b], the process 100 may proceed to step 114.

步驟106:使用者觸控倉庫按鍵bn[a],即可呼叫出一道具欄TC,如第6圖所示。道具欄TC中可陳列複數個候選控制項T[1]...T[n-1]、T[n]與T[n+1]等等,分別以對應的圖形模擬為可觸控的按鍵;各候選控制項T[n]代表一個能運用於使用者介面的控制項,並對應於一候選功能。舉例而言,候選控制項T[n-1]可對應於一「音量控制」功能的控制項,候選控制項T[n]與T[n+1]則可分別對應「次一頻道」與「前一頻道」的控制項。另外,各候選控制項T[.]也可對應於「播放」、「快速播放」、「慢速播放」、「次一章節」、「前一章節」、「暫停播放」、「電源」、「選單展開/收合」與數字鍵等控制項。若候選控制項的數量太多而無法同時顯示於道具欄TC時,可以只在道具欄TC中顯示部份數目個控制項,並在道具欄TC的一側設定並顯示一模擬的滑桿sbr,讓使用者可以捲動道具欄TC而看到其他原本未顯示的候選控制項。觸控螢幕32可在各候選控制項T[.]的觸控區域中顯示對應的控制項圖形及/或說明文字。Step 106: The user touches the warehouse button bn[a] to call out a prop column TC, as shown in FIG. In the item bar TC, a plurality of candidate control items T[1]...T[n-1], T[n], T[n+1], etc. can be displayed, and the corresponding graphic simulations are touchable. Buttons; each candidate control item T[n] represents a control item that can be applied to the user interface and corresponds to a candidate function. For example, the candidate control item T[n-1] may correspond to a control item of a “volume control” function, and the candidate control items T[n] and T[n+1] may respectively correspond to the “second channel” and The control of the "previous channel". In addition, each candidate control item T[.] may also correspond to "play", "fast play", "slow play", "second chapter", "previous chapter", "pause play", "power supply" Control items such as "Menu Expansion/Collection" and numeric keys. If the number of candidate control items is too large to be displayed on the item bar TC at the same time, only a part of the control items may be displayed in the item bar TC, and a simulated slider sbr is set and displayed on one side of the item bar TC. , so that the user can scroll the item bar TC and see other candidate control items that are not originally displayed. The touch screen 32 can display a corresponding control item graphic and/or explanatory text in the touch area of each candidate control item T[.].

步驟108:在顯示道具欄TC後,觸控螢幕32持續偵測使用者是否觸控了任一候選控制項T[n];若是,處理模組38就可以依據使用者觸控的候選控制項設定一對應的選用控制項,並依據此候選控制項所對應的候選功能而為選用控制項賦予一對應的選用功能,也就是使選用控制項對應於候選控制項的候選功能。如第7圖所示,在使用者觸控候選控制項T[n]後,可持續觸控並將觸控位置由工具欄TC之內移動至工具欄TC之外,而裝置30就可依據使用者觸控位置的移動而將此候選控制項T[n]自工具欄TC移除(候選控制項T[n+1]可遞補至候選控制項T[n-1]之後),並在工具欄TC之外將此候選控制項T[n]設定並顯示為一選用控制項F[1],以對應圖形示意此選用控制項F[1]的觸控區域。Step 108: After displaying the item bar TC, the touch screen 32 continuously detects whether the user touches any candidate control item T[n]; if so, the processing module 38 can select the candidate control item according to the user touch. A corresponding selection control item is set, and a corresponding selection function is given to the selection control item according to the candidate function corresponding to the candidate control item, that is, the candidate control function is matched to the candidate function of the candidate control item. As shown in FIG. 7, after the user touches the candidate control item T[n], the touch is continuously moved and the touch position is moved from the inside of the toolbar TC to the outside of the toolbar TC, and the device 30 can be based on The movement of the touch position of the user removes the candidate control item T[n] from the toolbar TC (the candidate control item T[n+1] can be replenished after the candidate control item T[n-1]), and In addition to the toolbar TC, the candidate control item T[n] is set and displayed as an optional control item F[1] to correspondingly indicate the touch area of the selected control item F[1].

換句話說,使用者可以將候選控制項T[n]自工具欄TC中拖曳出來,成為選用控制項F[1]。同理,使用者亦可將候選控制項T[n+1]拖曳為選用控制項F[2],並將候選控制項T[n-1]拖曳為選用控制項F[3]。In other words, the user can drag the candidate control item T[n] from the toolbar TC to become the selection control item F[1]. Similarly, the user can drag the candidate control item T[n+1] into the selection control item F[2], and drag the candidate control item T[n-1] into the selection control item F[3].

觸控螢幕32會持續偵測使用者是否觸控任一選用控制項;若是,處理模組38會依據使用者於選用控制項中的觸控而設定/更新使用者觸控的選用控制項。舉例而言,當使用者將候選控制項T[n]拖曳為選用控制項F[1]後,使用者可再度觸控選用控制項F[1],並在觸控持續期間改變其觸控位置,而裝置30就可依據使用者觸控位置的改變而使選用控制項F[1]的位置追隨使用者的觸控位置。如此,使用者就可將選用控制項T[n]拖動至使用者自己偏好的位置。類似地,使用者在選用控制項F[1]的觸控區域中也能以兩個觸控位置的相對位置改變而放大、縮小及/或旋轉選用控制項F[1]所屬的觸控區域(及對應的圖形大小與方位)。The touch screen 32 will continuously detect whether the user touches any of the selected control items; if so, the processing module 38 sets/updates the user's touch selection control item according to the user's touch in the selected control item. For example, after the user drags the candidate control item T[n] to the selection control item F[1], the user can touch the control item F[1] again and change the touch during the duration of the touch. Position, and the device 30 can follow the position of the selection control item F[1] according to the change of the user's touch position. In this way, the user can drag the selection control item T[n] to the user's preferred location. Similarly, the user can zoom in, zoom out, and/or rotate the touch area to which the control item F[1] belongs by changing the relative position of the two touch positions in the touch area of the control item F[1]. (and the corresponding graphic size and orientation).

步驟110:若使用者已選出所需的選用控制項,就可收合工具欄TC;舉例而言,觸控螢幕32可持續偵測使用者是否觸控按鍵bn[a],若是,處理模組38就可使工具欄TC不再顯示於觸控螢幕32上。也就是說,當使用者於步驟106中觸控按鍵bn[a]時,由於道具欄TC未被展開、顯示,故處理模組38可使道具欄TC被呈現於觸控螢幕32上;當使用者於步驟110中再度觸控按鍵bn[a]時,由於道具欄TC已顯示,故處理模組38可使道具欄TC收合消失。然後,流程100可繼續進行至步驟112。Step 110: If the user has selected the selected control item, the toolbar TC can be collapsed; for example, the touch screen 32 can continuously detect whether the user touches the button bn[a], and if so, the processing mode Group 38 will cause toolbar TC to no longer be displayed on touch screen 32. That is, when the user touches the button bn[a] in step 106, since the item bar TC is not expanded and displayed, the processing module 38 can cause the item bar TC to be presented on the touch screen 32; When the user touches the button bn[a] again in step 110, since the item bar TC is displayed, the processing module 38 can cause the item bar TC to collapse. Flow 100 may then proceed to step 112.

步驟112:觸控螢幕32會持續偵測使用者於偵測範圍36中的觸控,處理模組38則比較使用者的觸控動作是否已經符合一預設的設定結束動作;若是,就可進行至步驟120。若否,則遞迴至步驟106。Step 112: The touch screen 32 continuously detects the touch of the user in the detection range 36, and the processing module 38 compares whether the touch action of the user has met a preset end action; if so, Proceed to step 120. If no, the process returns to step 106.

步驟114:若觸控螢幕32偵測到使用者觸控了設定按鍵bn[b],裝置30可在觸控螢幕32上設定並顯示一觸控區域以作為一設定區域SZ,如第8圖所示;而流程100則可繼續至步驟116。Step 114: If the touch screen 32 detects that the user touches the setting button bn[b], the device 30 can set and display a touch area on the touch screen 32 as a setting area SZ, as shown in FIG. As shown, flow 100 may continue to step 116.

步驟116:觸控螢幕32偵測使用者是否在設定區域SZ中進行觸控,若是,則處理模組38可依據使用者的觸控而設定各選用控制項F[.]的屬性,例如說是為各選用控制項設定一對應的提示透明度。也就是說,使用者可經由按鍵bn[b]的觸控展開設定區域SZ,並在設定區域SZ中進行觸控以設定各選用控制項的對應屬性。Step 116: The touch screen 32 detects whether the user touches in the setting area SZ. If yes, the processing module 38 can set the attributes of each selected control item F[.] according to the user's touch, for example, It is to set a corresponding prompt transparency for each selected control item. That is to say, the user can expand the setting area SZ via the touch of the button bn[b], and perform touch in the setting area SZ to set the corresponding attribute of each selected control item.

步驟118:若使用者已為各選用控制項設定屬性,就可收合設定區域SZ;舉例而言,觸控螢幕32可持續偵測使用者是否再度觸控按鍵bn[b],若是,處理模組38就可使設定區域SZ不再顯示於觸控螢幕32上,並繼續進行至步驟120。Step 118: If the user has set an attribute for each selected control item, the setting area SZ can be collapsed; for example, the touch screen 32 can continuously detect whether the user touches the button bn[b] again, and if so, processes The module 38 can cause the setting area SZ to no longer be displayed on the touch screen 32, and proceeds to step 120.

步驟120:若使用者已選擇好所需的選用控制項以及/或者設定好各選用控制項的屬性,就可收回由步驟104所顯示的主控制面板。舉例而言,觸控螢幕32可偵測使用者在偵測範圍36中的觸控,處理模組38則比較使用者的觸控動作是否已經符合一預設的設定結束動作;若是,就可使按鍵bn[a]與bn[b]消失。如第9圖所示,在本發明的一實施例中,設定結束動作可以是:有四個觸控位置P[1]至P[4]同時沿方向A2移動;也就是說,使用者可用四根手指同時觸控並沿方向A2移動以收合主控制面板。然後,流程100便可進行至步驟122。Step 120: If the user has selected the desired selection control item and/or set the attributes of each selected control item, the main control panel displayed by step 104 can be retrieved. For example, the touch screen 32 can detect the touch of the user in the detection range 36, and the processing module 38 compares whether the touch action of the user has met a preset end action; if so, The buttons bn[a] and bn[b] are made to disappear. As shown in FIG. 9, in an embodiment of the present invention, the setting end action may be: there are four touch positions P[1] to P[4] simultaneously moving in the direction A2; that is, the user can use Four fingers simultaneously touch and move in direction A2 to collapse the main control panel. Flow 100 can then proceed to step 122.

步驟122:結束流程100的設定程序。如第11圖所示,當流程100結束時,裝置30已經準備好以使用者自訂的選用控制項(如選用控制項F[1]至F[3])來為使用者實現客製化的使用者介面。各選用控制項的觸控區域可以互不重疊,且各觸控區域皆小於偵測範圍36。Step 122: End the setting procedure of the process 100. As shown in Fig. 11, when the process 100 ends, the device 30 is ready to customize the user with a user-selected selection control (such as the selection of control items F[1] to F[3]). User interface. The touch areas of the selected control items may not overlap each other, and each touch area is smaller than the detection range 36.

結束流程100後,當裝置30要顯示(播放)主畫面,便可依據第10圖的流程200來實現本發明的使用者介面,讓使用者能在播放主畫面時利用此一使用者介面來操控主畫面的播放以及/或者裝置30的運作。流程200的重點步驟可描述如下。After the process 100 is completed, when the device 30 is to display (play) the main screen, the user interface of the present invention can be implemented according to the process 200 of FIG. 10, so that the user can use the user interface when playing the main screen. The playback of the home screen and/or the operation of the device 30 are controlled. The key steps of the process 200 can be described as follows.

步驟202:當裝置30要於觸控螢幕32上顯示/播放主畫面時,便可開始流程200。主畫面可以是由多媒體訊源提供的視訊內容畫面,以及/或者是某一主程式執行時的畫面。當裝置30於觸控螢幕32上顯示主畫面時,處理模組38會使各選用控制項(如選用控制項F[1]至F[3])皆以完全的透明度(即100%透明度)覆疊顯示於主畫面之上,如第12圖所示;也就是說,選用控制項會隱藏於主畫面中,不會妨礙使用者觀看主畫面。Step 202: When the device 30 is to display/play the main screen on the touch screen 32, the process 200 can be started. The main screen may be a video content screen provided by a multimedia source, and/or a screen when a main program is executed. When the device 30 displays the main screen on the touch screen 32, the processing module 38 causes the respective control items (such as the selected control items F[1] to F[3]) to have complete transparency (ie, 100% transparency). The overlay is displayed on the main screen, as shown in Figure 12; that is, the selection control is hidden in the main screen and does not prevent the user from viewing the main screen.

步驟204:在主畫面播放期間,觸控螢幕32持續偵測使用者是否觸控任一選用控制項,也就是偵測使用者是否觸控任一選用控制項所對應的觸控區域;若是,則進行至步驟206。Step 204: During the playback of the main screen, the touch screen 32 continuously detects whether the user touches any of the selected control items, that is, detects whether the user touches the touch area corresponding to any selected control item; if so, Then proceed to step 206.

步驟206:針對受觸控的選用控制項,裝置30的處理模組38存取先前於流程100設定的提示透明度,例如說是步驟116所設定的提示透明度。Step 206: For the touched selection control item, the processing module 38 of the device 30 accesses the prompt transparency previously set in the process 100, for example, the prompt transparency set in step 116.

步驟208:若受觸控選用控制項所對應的提示透明度為100%(完全透明度),則進行至步驟210,否則進行至步驟212。不同的選用控制項可以對應至不同的提示透明度;或者,所有選用控制項也可以全部對應同一提示透明度。若在進行流程100時未進行至步驟116,處理模組38可使各選用控制項對應至一預設(內建)的提示透明度。Step 208: If the prompt transparency corresponding to the touch selection control item is 100% (complete transparency), proceed to step 210, otherwise proceed to step 212. Different selection controls can correspond to different prompt transparency; or all selected controls can all correspond to the same prompt transparency. If the process 100 is not performed to step 116, the processing module 38 may cause each of the selected control items to correspond to a preset (built-in) prompt transparency.

步驟210:若提示透明度為100%,處理模組38會持續隱藏受觸控的選用控制項。也就是說,持續以完全的透明度將受觸控選用控制項疊覆顯示於主畫面。Step 210: If the prompt transparency is 100%, the processing module 38 will continue to hide the touched selection control items. In other words, the touch control option is repeatedly displayed on the main screen with full transparency.

步驟212:若提示透明度小於100%的透明度,裝置30的處理模組38就會依據提示透明度顯示受觸控的選用控制項,也就是在觸控螢幕32上以提示透明度將受觸控的選用控制項疊覆於主畫面上,向使用者提示此選用控制項的觸控區域。流程200可繼續進行至步驟214。Step 212: If the transparency is less than 100%, the processing module 38 of the device 30 displays the selected control item according to the prompt transparency, that is, the touch screen 32 is used to prompt the transparency to be touched. The control item is superimposed on the main screen to prompt the user to the touch area of the selected control item. Flow 200 may proceed to step 214.

步驟214:觸控螢幕32持續偵測使用者是否在受觸控選用控制項的觸控區域中進行觸控;若是,則可進行至步驟216。Step 214: The touch screen 32 continuously detects whether the user touches in the touch area of the touch selection control item; if yes, proceed to step 216.

步驟216:裝置30的處理器38執行受觸控選用控制項所對應的選用功能,以控制主畫面的播放以及/或者裝置30本身的運作。Step 216: The processor 38 of the device 30 performs an optional function corresponding to the touch selection control item to control the playback of the main screen and/or the operation of the device 30 itself.

延續第11圖的例子,當裝置30在觸控螢幕32顯示主畫面時,選用控制項F[1]至F[3]皆會隱藏於主畫面中,如第12圖所示。假設選用控制項F[1]至F[3]對應的提示透明度皆為100%(步驟208至步驟210),則當使用者要觸控選用控制項F[1]時,便可直接在觸控位置P[a]進行觸控,如第13圖所示。當裝置30偵測出此觸控位置P[a]與選用控制項F[1]對應的觸控區域(可參考第11圖)互相重疊,就可直接依據使用者的觸控而進行對應的選用功能,例如說是使訊源跳轉至次一頻道;在此同時,選用控制項F[1]仍維持100%的透明度。類似地,當使用者於觸控位置P[b]進行觸控時,便可觸發選用控制項F[2]對應的選用功能。當使用者的觸控位置由P[c]移動至P[d]時,由於觸控位置與選用控制項F[3]的觸控區域相符(例如重疊程度大於一辨識值),處理模組38便可針對觸控位置在觸控區域中的移動模式(如移動方向與移動距離)而執行對應的選用功能,例如說是將播放音量調小;同時,選用控制項F[3]仍維持完全的透明度。Continuing the example of FIG. 11, when the device 30 displays the main screen on the touch screen 32, the selected control items F[1] to F[3] are hidden in the main screen, as shown in FIG. Assume that the prompt transparency corresponding to the control items F[1] to F[3] is 100% (step 208 to step 210), then when the user wants to touch the control item F[1], it can be directly touched. Control position P[a] to touch, as shown in Figure 13. When the device 30 detects that the touch position P[a] and the touch control area corresponding to the control item F[1] overlap each other (refer to FIG. 11), the device 30 can directly respond to the touch of the user. The selection function, for example, is to make the source jump to the next channel; at the same time, the control item F[1] still maintains 100% transparency. Similarly, when the user touches the touch position P[b], the selection function corresponding to the selection control item F[2] can be triggered. When the touch position of the user is moved from P[c] to P[d], since the touch position matches the touch area of the selection control item F[3] (for example, the overlap degree is greater than an identification value), the processing module 38 can perform corresponding selection functions for the movement mode (such as moving direction and moving distance) of the touch position in the touch area, for example, the playback volume is reduced; meanwhile, the control item F[3] is maintained. Complete transparency.

另一方面,假設選用控制項F[1]至F[3]對應的提示透明度皆小於100%(由步驟208至步驟212),則當使用者在觸控位置P[a]進行觸控時,處理模組38會以提示透明度顯示選用控制項F[1]的圖形(與其觸控區域),如第14圖所示,以便讓使用者能更清楚地得知選用控制項F[1]的位置。在得知選用控制項F[1]的位置後,使用者可進一步觸控選用控制項F[1],以觸發選用控制項F[1]所對應的選用功能。On the other hand, if the prompt transparency corresponding to the control items F[1] to F[3] is less than 100% (from step 208 to step 212), when the user touches the touch position P[a] The processing module 38 displays the graphic of the selection control item F[1] (and its touch area) with the prompt transparency, as shown in FIG. 14 so that the user can know the selection control item F[1] more clearly. s position. After knowing the position of the control item F[1], the user can further touch the control item F[1] to trigger the selection function corresponding to the selection control item F[1].

若使用者於觸控螢幕32上的觸控位置並未符合任一選用控制項的觸控區域(例如說各選用控制項的觸控區域與使用者觸控位置的重疊程度小於一辨識值),處理模組38可依據觸控位置與各選用控制項間的距離選出一個(或多個)與觸控位置最接近及/或鄰近的選用控制項,並以提示透明度予以顯示,讓使用者能更明確地瞭解選用控制項的位置。如第15圖所示,當使用者觸控於觸控位置P[e]時,裝置30會先以提示透明度顯示與觸控位置P[e]最接近的選用控制項F[3]。然後,使用者便可在選用控制項F[3]中的觸控區域中進行進一步的觸控,使裝置30依據觸控而執行對應的選用功能。If the touch position on the touch screen 32 does not match the touch area of any of the selected control items (for example, the overlap between the touch area of each selected control item and the touch position of the user is less than an identification value) The processing module 38 can select one (or more) selection control items that are closest to and/or adjacent to the touch position according to the distance between the touch position and each selected control item, and display the display with the prompt transparency, so that the user A clearer understanding of where to choose controls. As shown in FIG. 15, when the user touches the touch position P[e], the device 30 first displays the selected control item F[3] closest to the touch position P[e] with the prompt transparency. Then, the user can perform further touch in the touch area in the control item F[3], so that the device 30 performs the corresponding selection function according to the touch.

當裝置30依據提示透明度顯示一選用控制項後,可在一預設時段後自動地再度隱藏該選用控制項。此預設時段也可在步驟116中設定。或者,也可等到使用者觸控該選用控制項後才再度隱藏該選用控制項,或是在使用者觸控該選用控制項後等待一段延遲時段後才隱藏該選用控制項。是否要等使用者觸控後自動隱藏選用控制項及/或延遲時段的長短也可在步驟116中設定。When the device 30 displays a selection control item according to the prompt transparency, the selection control item can be automatically hidden again after a preset period of time. This preset time period can also be set in step 116. Alternatively, the user may not hide the selection control item after touching the selection control item, or may hide the selection control item after waiting for a delay period after the user touches the selection control item. Whether or not to automatically hide the selection control item and/or the length of the delay period after the user touches can also be set in step 116.

在第16圖的實施例中,處理模組38可用軟體、硬體及/或韌體或三者的組合來予以實現。舉例而言,處理模組38可以包括一處理器與一記憶裝置(未圖示),記憶裝置可包括揮發性記憶體及/或非揮發性記憶體,儲存一使用者介面程式碼;當處理器執行此使用者介面程式碼,便可執行流程100與200,實現本發明使用者介面。裝置30中亦可包括其他功能區塊與模組(未圖示),例如有線及/或無線通訊模組,以利用中繼技術讓使用者能經由本發明使用者介面遙控其他電子裝置。請參考第17圖,其所繪示的即是依據本發明一實施例而以裝置30的使用者介面遙控其他電子裝置的示意圖。類似於第1、2圖的中繼技術,裝置30可搭配一中繼裝置14來遙控受控裝置D[1]與D[2];例如說,受控裝置D[1]與D[2]可以是兩個作為訊源的電子裝置,向中繼裝置提供訊源訊號V[1]與V[2],並分別具有專屬遙控器RC[1]與RC[2]。中繼裝置14會學習、記錄遙控器RC[1]與RC[2]所能發出的遙控訊號Sa[1]與Sa[2],並將訊號V[1]、V[2]的內容攜載於訊號Vm中,以傳輸至裝置30。In the embodiment of Figure 16, the processing module 38 can be implemented in software, hardware, and/or firmware or a combination of the three. For example, the processing module 38 can include a processor and a memory device (not shown). The memory device can include volatile memory and/or non-volatile memory, and store a user interface code; By executing the user interface code, processes 100 and 200 can be executed to implement the user interface of the present invention. The device 30 may also include other functional blocks and modules (not shown), such as wired and/or wireless communication modules, to enable the user to remotely control other electronic devices via the user interface of the present invention using relay technology. Please refer to FIG. 17, which is a schematic diagram of remotely controlling other electronic devices by the user interface of the device 30 according to an embodiment of the invention. Similar to the relay techniques of Figures 1 and 2, the device 30 can be combined with a relay device 14 to remotely control the controlled devices D[1] and D[2]; for example, the controlled devices D[1] and D[2] ] It can be two electronic devices as sources, providing source signals V[1] and V[2] to the relay device, and having dedicated remote controllers RC[1] and RC[2], respectively. The relay device 14 learns and records the remote control signals Sa[1] and Sa[2] that can be sent by the remote controllers RC[1] and RC[2], and carries the contents of the signals V[1] and V[2]. It is carried in signal Vm for transmission to device 30.

在進行流程100時,使用者可將遙控器RC[1]與RC[2]的控制項設定為選用控制項F[.]。完成設定程序後,當裝置30播放訊號Vm的主畫面時,裝置30可依據流程200實現本發明的使用者介面,觸控螢幕32則經由各選用控制項F[.]的觸控區域接收使用者欲對受控裝置D[1]與D[2]所進行的操控,據以向中繼裝置14發出對應的訊號Sm。中繼裝置14接收訊號Sm後,就會依據訊號Sm而以對應的遙控訊號Sb[1]與Sb[2]分別遙控受控裝置D[1]與D[2],使受控裝置D[1]與D[2]執行對應的功能。When the process 100 is performed, the user can set the control items of the remote controllers RC[1] and RC[2] as the selection control items F[.]. After the setting process is completed, when the device 30 plays the main screen of the signal Vm, the device 30 can implement the user interface of the present invention according to the process 200, and the touch screen 32 is received through the touch area of each selection control item F[.]. The control performed by the controlled devices D[1] and D[2] is used to issue a corresponding signal Sm to the relay device 14. After receiving the signal Sm, the relay device 14 remotely controls the controlled devices D[1] and D[2] according to the signal Sm with the corresponding remote control signals Sb[1] and Sb[2] respectively, so that the controlled device D[ 1] Performs the corresponding function with D[2].

總結來說,相較於習知技術的使用者介面,本發明使用者介面具備高度的客製化能力,能讓使用者依個人需要自行選用(致能,enable)常用的控制項並決定選用控制項的位置,且能排除(失能,disable)無用的控制項,讓使用者介面更精簡友善,貼近使用者的個人需求與使用習慣。在播放主畫面時,本發明使用者介面也能大幅減少/避免控制項對主畫面的影響,讓使用者能完整收視主畫面,同時還能持續進行操控。In summary, the user interface of the present invention has a high degree of customization capability compared to the user interface of the prior art, and allows the user to select (enable) the commonly used control items and decide to use the user's own needs. Control the location of the item, and can eliminate (disabled) useless controls, making the user interface more streamlined and friendly, close to the user's personal needs and usage habits. When playing the main screen, the user interface of the present invention can also greatly reduce/avoid the influence of the control item on the main screen, so that the user can completely view the main screen while continuously controlling.

綜上所述,雖然本發明已以較佳實施例揭露如上,然其並非用以限定本發明。本發明所屬技術領域中具有通常知識者,在不脫離本發明之精神和範圍內,當可作各種之更動與潤飾。因此,本發明之保護範圍當視後附之申請專利範圍所界定者為準。In conclusion, the present invention has been disclosed in the above preferred embodiments, and is not intended to limit the present invention. A person skilled in the art can make various changes and modifications without departing from the spirit and scope of the invention. Therefore, the scope of the invention is defined by the scope of the appended claims.

10、30...裝置10, 30. . . Device

12、32...觸控螢幕12, 32. . . Touch screen

14...中繼裝置14. . . Relay device

34...顯示範圍34. . . Display range

36...偵測範圍36. . . Detection range

38...處理模組38. . . Processing module

100、200...流程100, 200. . . Process

102-122、202-216...步驟102-122, 202-216. . . step

bn[a]-bn[b]...按鍵Bn[a]-bn[b]. . . button

TC...道具欄TC. . . Item bar

sbr...滑桿Sbr. . . Slider

T[.]...候選控制項T[.]. . . Candidate control

F[.]...選用控制項F[.]. . . Selection control

SZ...設定區域SZ. . . Setting area

D[1]-D[2]...受控裝置D[1]-D[2]. . . Controlled device

RC[1]-RC[2]...遙控器RC[1]-RC[2]. . . remote control

V[1]-V[2]、Sa[1]-Sa[2]、Sb[1]-Sb[2]、Vm、Sm...訊號V[1]-V[2], Sa[1]-Sa[2], Sb[1]-Sb[2], Vm, Sm. . . Signal

A1-A2...方向A1-A2. . . direction

P[1]-P[4]、P[a]-P[e]...觸控位置P[1]-P[4], P[a]-P[e]. . . Touch position

第1圖、第2圖繪示的是在一遙控中繼系統中依據習知技術實現使用者介面的示意圖。FIG. 1 and FIG. 2 are schematic diagrams showing a user interface implemented in accordance with a conventional technique in a remote control relay system.

第3圖示意的是依據本發明一實施例而進行設定程序的流程圖。Figure 3 is a flow chart showing the setting procedure in accordance with an embodiment of the present invention.

第4圖至第9圖示意第3圖流程進行的情形。Figures 4 through 9 illustrate the situation in which the flow of Figure 3 is performed.

第10圖示意的是依據本發明一實施例而實現使用者介面的流程。Figure 10 illustrates the flow of implementing a user interface in accordance with an embodiment of the present invention.

第11圖至第15圖示意第10圖流程進行的情形。Fig. 11 through Fig. 15 illustrate the situation in which the flow of Fig. 10 is performed.

第16圖示意的是依據本發明一實施例的裝置。Figure 16 illustrates an apparatus in accordance with an embodiment of the present invention.

第17圖繪示的是依據本發明一實施例而在一遙控中繼系統中實現使用者介面的示意圖。Figure 17 is a schematic diagram showing the implementation of a user interface in a remote control relay system in accordance with an embodiment of the present invention.

200...流程200. . . Process

202-216...步驟202-216. . . step

Claims (18)

一種於一觸控螢幕實現一使用者介面的方法,包含:進行一設定程序,依據使用者的指示而在該觸控螢幕上設定至少一選用控制項,各選用控制項對應一選用功能;當該觸控螢幕顯示一主畫面時,以完全的透明度將各該選用控制項覆疊顯示於該主畫面上;以及偵測使用者是否觸控任一該選用控制項;若是,依據使用者於該選用控制項中的觸控而執行該受觸控選用控制項所對應的選用功能。A method for implementing a user interface on a touch screen, comprising: performing a setting process, setting at least one selected control item on the touch screen according to a user instruction, and each selecting a control item corresponds to an optional function; When the touch screen displays a main screen, the selected control items are overlaid on the main screen with full transparency; and whether the user touches any of the selected control items; if so, according to the user The selection function corresponding to the touch selection control item is executed by using the touch in the control item. 如申請專利範圍第1項所述的方法,其中該設定程序更包含:於該觸控螢幕上設定並顯示一倉庫按鍵;當使用者觸控該倉庫按鍵時,顯示一道具欄;該道具欄中包含複數個候選控制項;以及偵測使用者是否觸控任一該候選控制項;若是,依據使用者觸控的候選控制項設定一對應的該選用控制項。The method of claim 1, wherein the setting program further comprises: setting and displaying a warehouse button on the touch screen; displaying a prop bar when the user touches the warehouse button; The method includes a plurality of candidate control items, and detecting whether the user touches any of the candidate control items; if yes, setting a corresponding selection control item according to the candidate control item of the user touch. 如申請專利範圍第2項所述的方法,其中,各該候選控制項分別對應一候選功能,而該設定程序更包含:當在依據使用者觸控的候選控制項設定該對應的選用控制項時,依據該候選控制項對應的候選功能設定該選用控制項對應的該選用功能。The method of claim 2, wherein each of the candidate control items respectively corresponds to a candidate function, and the setting program further comprises: setting the corresponding selection control item in a candidate control item according to the user touch And selecting, according to the candidate function corresponding to the candidate control item, the selected function corresponding to the selected control item. 如申請專利範圍第2項所述的方法,其中,該設定程序更包含:偵測使用者是否觸控任一該選用控制項;若是,依據使用者於該選用控制項的觸控設定該選用控制項的大小或位置。The method of claim 2, wherein the setting program further comprises: detecting whether the user touches any of the selected control items; and if so, selecting the user according to the touch setting of the selected control item The size or position of the control. 如申請專利範圍第1項所述的方法,其中該設定程序更包含:於該觸控螢幕上設定並顯示一設定按鍵;當使用者觸控該設定按鍵時,於該觸控螢幕上設定並顯示一設定區域;以及依據使用者於該設定區域中的觸控為各該選用控制項設定一對應的提示透明度。The method of claim 1, wherein the setting program further comprises: setting and displaying a setting button on the touch screen; when the user touches the setting button, setting the setting on the touch screen Displaying a setting area; and setting a corresponding prompt transparency for each of the selected control items according to the user's touch in the setting area. 如申請專利範圍第5項所述的方法,更包含:當該觸控螢幕顯示該主畫面時,若偵測到使用者已觸控任一該選用控制項,則以該受觸控選用控制項對應的提示透明度將該受觸控選用控制項覆疊顯示於該主畫面上。The method of claim 5, further comprising: when the touch screen displays the main screen, if it is detected that the user has touched any of the selected control items, the touch control is controlled The prompt transparency corresponding to the item is displayed on the main screen by overlaying the touch selection control item. 如申請專利範圍第5項所述的方法,更包含:當該設定程序結束且該觸控螢幕顯示該主畫面時,若使用者於一觸控位置觸控該觸控螢幕,依據該觸控位置選擇至少一個該選用控制項,並依據該選用控制項對應的提示透明度將該選用控制項覆疊顯示於該主畫面上。The method of claim 5, further comprising: when the setting program ends and the touch screen displays the main screen, if the user touches the touch screen at a touch position, according to the touch The location selects at least one selected control item, and overlays the selected control item on the main screen according to the prompt transparency corresponding to the selected control item. 如申請專利範圍第7項所述的方法,其中該提示透明度低於完全的透明度。The method of claim 7, wherein the cue transparency is lower than the full transparency. 如申請專利範圍第7項所述的方法,其中,當要依據該觸控位置選擇至少一個該選用控制項時,係依據各該選用控制項與該觸控位置的距離而選擇一個與該觸控位置最接近的該選用控制項。The method of claim 7, wherein when at least one of the selected control items is to be selected according to the touch position, selecting one and the touch according to the distance between each of the selected control items and the touch position The selected control that is closest to the control position. 如申請專利範圍第1項所述的方法,更包含:當進行該設定程序時,更使各該選用控制項對應於一提示透明度;以及當該設定程序結束且該觸控螢幕顯示該主畫面時,若使用者於一觸控位置觸控該觸控螢幕,依據該觸控位置選擇至少一個該選用控制項,並依據該選用控制項對應的提示透明度將該選用控制項覆疊顯示於該主畫面上。The method of claim 1, further comprising: when performing the setting procedure, causing each of the selected control items to correspond to a prompt transparency; and when the setting program ends and the touch screen displays the main screen If the user touches the touch screen at a touch position, at least one of the selected control items is selected according to the touch position, and the selected control item is overlaid and displayed according to the prompt transparency corresponding to the selected control item. On the main screen. 如申請專利範圍第10項所述的方法,其中該提示透明度低於完全的透明度。The method of claim 10, wherein the cue transparency is less than full transparency. 如申請專利範圍第10項所述的方法,其中,當要依據該觸控位置選擇至少一個該選用控制項時,係依據各該選用控制項與該觸控位置的距離而選擇一個與該觸控位置最接近的該選用控制項。The method of claim 10, wherein when at least one of the selected control items is to be selected according to the touch position, selecting one and the touch according to the distance between each of the selected control items and the touch position The selected control that is closest to the control position. 如申請專利範圍第10項所述的方法,更包含:當該觸控螢幕顯示該主畫面時,若偵測到使用者已觸控任一該選用控制項,則以該受觸控選用控制項對應的提示透明度將該受觸控選用控制項覆疊顯示於該主畫面上。The method of claim 10, further comprising: when the touch screen displays the main screen, if it is detected that the user has touched any of the selected control items, the touch control is selected The prompt transparency corresponding to the item is displayed on the main screen by overlaying the touch selection control item. 一種電子裝置,包含:一觸控螢幕,偵測使用者觸控;以及一處理模組,進行一設定程序,依據使用者的指示而在該觸控螢幕上設定至少一選用控制項,各選用控制項對應一選用功能;其中,當該觸控螢幕顯示一主畫面時,該處理模組以完全的透明度將各該選用控制項覆疊顯示於該主畫面上,且該觸控螢幕偵測使用者是否觸控任一該選用控制項;若是,該處理模組依據使用者於該選用控制項中的觸控而執行該受觸控選用控制項所對應的選用功能。An electronic device comprising: a touch screen for detecting user touch; and a processing module for performing a setting process, and setting at least one optional control item on the touch screen according to the user's instruction, each selected The control item corresponds to an optional function. When the touch screen displays a main screen, the processing module overlays the selected control items on the main screen with full transparency, and the touch screen is detected. Whether the user touches any of the selected control items; if so, the processing module performs an optional function corresponding to the touch selected control item according to the touch of the user in the selected control item. 如申請專利範圍第14項所述的電子裝置,其中,當該處理模組進行該設定程序時,更包含:使各該選用控制項更對應一提示透明度;其中,當該設定程序結束且該觸控螢幕顯示該主畫面時,若使用者於一觸控位置觸控該觸控螢幕,該處理模組依據該觸控位置選擇至少一個該選用控制項,並依據該選用控制項對應的提示透明度將該選用控制項覆疊顯示於該主畫面上。The electronic device of claim 14, wherein when the processing module performs the setting process, the method further comprises: causing each of the selection control items to further correspond to a prompt transparency; wherein, when the setting program ends and the When the touch screen displays the main screen, if the user touches the touch screen at a touch position, the processing module selects at least one selected control item according to the touch position, and according to the prompt corresponding to the selected control item Transparency displays the selected control item overlay on the main screen. 如申請專利範圍第15項所述的電子裝置,其中該提示透明度低於完全的透明度。The electronic device of claim 15, wherein the cue transparency is lower than the full transparency. 如申請專利範圍第15項所述的電子裝置,其中,當該處理模組依據該觸控位置選擇至少一個該選用控制項時,係依據各該選用控制項與該觸控位置的距離而選擇一個與該觸控位置最接近的該選用控制項。The electronic device of claim 15, wherein when the processing module selects at least one of the selected control items according to the touch position, the method selects according to the distance between each of the selected control items and the touch position. An optional control item that is closest to the touch position. 如申請專利範圍第15項所述的電子裝置,其中,當該觸控螢幕顯示該主畫面時,若該觸控螢幕偵測到使用者已觸控任一該選用控制項,該處理模組以該受觸控選用控制項對應的提示透明度使該受觸控選用控制項覆疊顯示於該主畫面上。The electronic device of claim 15, wherein when the touch screen displays the main screen, if the touch screen detects that the user has touched any of the selected control items, the processing module The touched selection control item is overlaid on the main screen by the prompt transparency corresponding to the touch selection control item.
TW100131145A 2011-08-30 2011-08-30 Method and associated electronic apparatus implementing user interface TW201310325A (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
TW100131145A TW201310325A (en) 2011-08-30 2011-08-30 Method and associated electronic apparatus implementing user interface

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
TW100131145A TW201310325A (en) 2011-08-30 2011-08-30 Method and associated electronic apparatus implementing user interface

Publications (1)

Publication Number Publication Date
TW201310325A true TW201310325A (en) 2013-03-01

Family

ID=48481994

Family Applications (1)

Application Number Title Priority Date Filing Date
TW100131145A TW201310325A (en) 2011-08-30 2011-08-30 Method and associated electronic apparatus implementing user interface

Country Status (1)

Country Link
TW (1) TW201310325A (en)

Similar Documents

Publication Publication Date Title
TWI397844B (en) Apparatus and method for providing side touch panel as part of man-machine interface (mmi)
US10324612B2 (en) Scroll bar with video region in a media system
US8881049B2 (en) Scrolling displayed objects using a 3D remote controller in a media system
US8194037B2 (en) Centering a 3D remote controller in a media system
US9244584B2 (en) Device, method, and graphical user interface for navigating and previewing content items
JP6153868B2 (en) Method and apparatus for displaying items
TWI518561B (en) Multi - function touchpad remote control and its control method
US20090158222A1 (en) Interactive and dynamic screen saver for use in a media system
EP2189885A2 (en) Method to provide menu, using menu set and multimedia device using the same
US20130067332A1 (en) Media seek bar
US20090153475A1 (en) Use of a remote controller Z-direction input mechanism in a media system
CN103412763B (en) Background program management method of mobile terminal and mobile terminal
JP2008146243A (en) Information processor, information processing method and program
TWI655572B (en) Information processing device, information processing method and computer readable recording medium
WO2019114298A1 (en) Display method for live broadcast image of live broadcast room, storage device and computer device
KR20140025494A (en) Edge gesture
KR20140025493A (en) Edge gesture
US20160349946A1 (en) User terminal apparatus and control method thereof
US20160253087A1 (en) Apparatus and method for controlling content by using line interaction
WO2023274067A1 (en) Icon generation method and apparatus, electronic device, and readable storage medium
US20160124606A1 (en) Display apparatus, system, and controlling method thereof
US20110141146A1 (en) Electronic apparatus and method of controlling the same
KR102317619B1 (en) Electronic device and Method for controling the electronic device thereof
JP6069927B2 (en) Content display device, content display method, and program
JP5853802B2 (en) Electronic device, electronic device control method, electronic device control program