TW201821959A - Operation interface and operation method of mobile terminal - Google Patents
Operation interface and operation method of mobile terminal Download PDFInfo
- Publication number
- TW201821959A TW201821959A TW105141291A TW105141291A TW201821959A TW 201821959 A TW201821959 A TW 201821959A TW 105141291 A TW105141291 A TW 105141291A TW 105141291 A TW105141291 A TW 105141291A TW 201821959 A TW201821959 A TW 201821959A
- Authority
- TW
- Taiwan
- Prior art keywords
- tag
- label
- group
- tag group
- mobile terminal
- Prior art date
Links
- 238000000034 method Methods 0.000 title claims description 41
- 238000011017 operating method Methods 0.000 claims abstract description 5
- 238000012545 processing Methods 0.000 claims description 16
- 230000000007 visual effect Effects 0.000 claims description 10
- 238000010586 diagram Methods 0.000 description 8
- 230000003044 adaptive effect Effects 0.000 description 2
- 239000003086 colorant Substances 0.000 description 2
- 230000000694 effects Effects 0.000 description 2
- 230000001364 causal effect Effects 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 238000012360 testing method Methods 0.000 description 1
Landscapes
- User Interface Of Digital Computer (AREA)
Abstract
Description
本發明涉及一種操作介面及操作方法,特別是移動終端的操作介面及操作方法。The invention relates to an operation interface and an operation method, in particular to an operation interface and an operation method of a mobile terminal.
近年來,隨著觸控技術的發展,讓使用者可使用手指或者其他物體觸摸、按壓觸控螢幕,或者在觸控式螢幕上滑動以達到操作移動終端的目的。In recent years, with the development of touch technology, the user can use a finger or other object to touch, press the touch screen, or slide on the touch screen to achieve the purpose of operating the mobile terminal.
一般而言,在移動終端的應用中,由於受限於操作介面的面積大小之限制,當使用者面臨進行逐層級的關聯性選擇時,通常會透過彈出框的方式提供使用者進行操作選擇。然而,彈出框因為它的選項很多,使用者需藉助捲軸才能將所有選項流覽完畢,使得選項不夠直觀。In general, in the application of the mobile terminal, due to the limitation of the size of the operation interface, when the user is faced with the hierarchical selection of the association, the user usually provides the operation selection through the pop-up box. However, the pop-up box has a lot of options, and the user has to use the scroll to view all the options, making the options less intuitive.
有鑑於此,便有廠商提出利用點選後切換頁面的方式進行逐層級的關聯性選擇,使得選項變得直觀。然而,其操作方法需要不斷地反復切換頁面,仍存在操作次數多且操作極為緩慢與不便的問題。In view of this, some manufacturers have proposed to use a method of switching pages after clicking to perform hierarchical selection of associations, making the options intuitive. However, the method of operation requires constantly switching pages repeatedly, and there are still many problems of operation and extremely slow and inconvenient operation.
綜上所述,可知先前技術中長期以來一直存在操作次數多且操作極為緩慢與不便之問題,因此實有必要提出改進的技術手段,來解決此一問題。In summary, it can be seen that there have been many problems in the prior art that the number of operations is large and the operation is extremely slow and inconvenient. Therefore, it is necessary to propose an improved technical means to solve this problem.
本發明揭露一種移動終端的操作介面及操作方法。The invention discloses an operation interface and an operation method of a mobile terminal.
首先,本發明揭露一種移動終端的操作介面,其包含:儲存單元、觸控顯示單元及處理單元。其中,處理單元電性連接於儲存單元與觸控顯示單元。儲存單元用以儲存第一標籤群與相對第一標籤群屬於較低層次級別的第二標籤群。觸控顯示單元用以顯示第一標籤群,並偵測第一輸入訊號與至少一第二輸入訊號。當觸控顯示單元偵測到第一輸入訊號時,處理單元根據第一輸入訊號執行一判斷程序,在第一標籤群中選擇第一標籤,並使觸控顯示單元顯示第一標籤群以及第二標籤群,其中,第二標籤群與第一標籤相關聯﹔當觸控顯示單元偵測到至少一第二輸入訊號時,處理單元根據至少一第二輸入訊號執行另一判斷程序,在第二標籤群中選擇至少一第二標籤。First, the present invention discloses an operation interface of a mobile terminal, including: a storage unit, a touch display unit, and a processing unit. The processing unit is electrically connected to the storage unit and the touch display unit. The storage unit is configured to store the first tag group and the second tag group that belongs to a lower level of the first tag group. The touch display unit is configured to display the first tag group and detect the first input signal and the at least one second input signal. When the touch display unit detects the first input signal, the processing unit performs a determining process according to the first input signal, selects the first label in the first label group, and causes the touch display unit to display the first label group and the first a second tag group, wherein the second tag group is associated with the first tag; when the touch display unit detects the at least one second input signal, the processing unit performs another determining process according to the at least one second input signal, Select at least one second tag from the two tag groups.
另外,本發明揭露一種移動終端的操作方法,其步驟包括:顯示第一標籤群﹔偵測第一輸入訊號,以在第一標籤群中選擇第一標籤;顯示第一標籤群以及相對第一標籤群屬於較低層次級別的第二標籤群,其中,第二標籤群與第一標籤相關聯;以及偵測至少一第二輸入訊號,以在第二標籤群中選擇至少一第二標籤。In addition, the present invention discloses a method for operating a mobile terminal, the method comprising: displaying a first tag group; detecting a first input signal to select a first tag in the first tag group; displaying the first tag group and being relatively first The label group belongs to a second label group of a lower level, wherein the second label group is associated with the first label; and the at least one second input signal is detected to select at least one second label in the second label group.
本發明所揭露之系統與方法如上,與先前技術的差異在於本發明是透過顯示第一標籤群,並在第一標籤群中選擇第一標籤後,顯示第一標籤群以及相對第一標籤群屬於較低層次級別且與第一標籤相關聯的第二標籤群。The system and method disclosed in the present invention are different from the prior art in that the present invention displays the first tag group and the first tag group by displaying the first tag group and selecting the first tag in the first tag group. A second tag group that belongs to a lower level and is associated with the first tag.
透過上述的技術手段,將所有與第一標籤相關聯的第二標籤同時載入觸控畫面,提供使用者進行點選,不需要切換頁面與操作彈出框,操作次數少,提高用戶的用戶體驗。Through the above technical means, all the second tags associated with the first tag are simultaneously loaded into the touch screen, providing the user to click, without switching the page and operating the pop-up frame, the number of operations is small, and the user experience is improved. .
以下將配合圖式及實施例來詳細說明本發明之實施方式,藉此對本發明如何應用技術手段來解決技術問題並達成技術功效的實現過程能充分理解並據以實施。The embodiments of the present invention will be described in detail below with reference to the drawings and embodiments, so that the application of the technical means to solve the technical problems and achieve the technical effects can be fully understood and implemented.
在說明本發明所揭露之移動終端的操作介面及操作方法之前,先對本發明所自行定義的名詞作說明,本發明所述的移動終端可為智慧手機、平板電腦、掌上型電腦、移動互聯網設備(Mobile Internet Devices,MID)或個人數位助理(Personal Digital Assistant, PDA)等移動設備。Before describing the operation interface and operation method of the mobile terminal disclosed in the present invention, the nouns defined by the present invention are described. The mobile terminal of the present invention may be a smart phone, a tablet computer, a palmtop computer, or a mobile internet device. Mobile devices such as (Mobile Internet Devices, MID) or Personal Digital Assistant (PDA).
以下配合圖式對本發明移動終端的操作介面及操作方法做進一步說明,請先參閱「第1圖」,「第1圖」為本發明移動終端的操作介面之方塊圖,移動終端的操作介面100包含:儲存單元110、觸控顯示單元120及處理單元130,處理單元130電性連接於儲存單元110與觸控顯示單元120。其中,儲存單元110用以儲存第一標籤群與相對第一標籤群屬於較低層次級別的第二標籤群。更詳細地說,第一標籤群包含多個第一標籤,第二標籤群包含多個第二標籤,其中,第一標籤群的層次級別比第二標籤群的層次級別高,且根據該些第二標籤之一關聯屬性將具有相同的該關聯屬性的該些第二標籤歸類至同一第一標籤中。換句話說,第一標籤與第二標籤的關係可為父標籤與子標籤。也就是說,儲存單元110用以儲存樹狀結構(tree structure)的資料庫,該資料庫包含第一標籤群與相對第一標籤群屬於較低層次級別的第二標籤群。在實際實施上,儲存單元110可為但不限於隨機存取記憶體(Random Access Memory,RAM)。The operation interface and the operation method of the mobile terminal of the present invention are further described below with reference to the drawings. Please refer to FIG. 1 for the first embodiment. FIG. 1 is a block diagram of the operation interface of the mobile terminal of the present invention, and the operation interface 100 of the mobile terminal The storage unit 110 , the touch display unit 120 , and the processing unit 130 are electrically connected to the storage unit 110 and the touch display unit 120 . The storage unit 110 is configured to store the first label group and the second label group that belongs to a lower level of the first label group. In more detail, the first tag group includes a plurality of first tags, and the second tag group includes a plurality of second tags, wherein a hierarchical level of the first tag group is higher than a hierarchical level of the second tag group, and according to the One of the second tags associates the attributes of the second tags having the same associated attribute into the same first tag. In other words, the relationship between the first tag and the second tag can be a parent tag and a sub tag. That is, the storage unit 110 is configured to store a database of a tree structure, where the database includes a first tag group and a second tag group belonging to a lower hierarchical level relative to the first tag group. In practical implementation, the storage unit 110 can be, but not limited to, a random access memory (RAM).
觸控顯示單元120用以顯示第一標籤群,並偵測第一輸入訊號與至少一第二輸入訊號。在實際實施上,觸控顯示單元120可為但不限於電容式觸控螢幕或電阻式觸控螢幕,第一輸入訊號與第二輸入訊號系分別為使用者利用手指或者其他物體觸摸、按壓觸控螢幕所產生的訊號。此外,觸控顯示單元120可為單點觸控或多點觸控。The touch display unit 120 is configured to display the first tag group and detect the first input signal and the at least one second input signal. In actual implementation, the touch display unit 120 can be, but not limited to, a capacitive touch screen or a resistive touch screen. The first input signal and the second input signal are respectively touched and pressed by the user with a finger or other object. Control the signal generated by the screen. In addition, the touch display unit 120 can be single-touch or multi-touch.
當觸控顯示單元120偵測到第一輸入訊號時,處理單元130根據第一輸入訊號執行一判斷程序,在第一標籤群中選擇第一標籤,並使觸控顯示單元120顯示第一標籤群以及第二標籤群,其中,第二標籤群與第一標籤相關聯。其中,判斷程序系為利用觸控顯示單元120所偵測到的第一輸入訊號推算用戶點選第一標籤群中哪一個第一標籤。When the touch display unit 120 detects the first input signal, the processing unit 130 performs a determination process according to the first input signal, selects the first label in the first label group, and causes the touch display unit 120 to display the first label. And a second tag group, wherein the second tag group is associated with the first tag. The determining program is to use the first input signal detected by the touch display unit 120 to estimate which one of the first label groups is clicked by the user.
當觸控顯示單元120偵測到至少一第二輸入訊號時,處理單130元根據至少一第二輸入訊號執行另一判斷程序,在第二標籤群中選擇至少一第二標籤。其中,另一判斷程序系為利用觸控顯示單元120所偵測到的至少一第二輸入訊號推算用戶點選第二標籤群中哪一個第二標籤或哪一些第二標籤。舉例而言,當觸控顯示單元120為單點觸控,並用以顯示第一標籤群與第二標籤群且偵測到一第二輸入訊號時,處理單130元根據觸控顯示單元120所偵測到的第二輸入訊號推算用戶點選第二標籤群中哪一個第二標籤(即用戶一次僅能選擇單一個第二標籤)﹔當觸控顯示單元120顯示第一標籤群與第二標籤群且偵測到兩個第二輸入訊號時,處理單130元根據觸控顯示單元120所偵測到的兩個第二輸入訊號分別推算用戶點選第二標籤群中哪兩個第二標籤(即用戶一次能複選兩個第二標籤),其中兩個第二輸入訊號可為用戶分別依序點選兩個第二標籤而產生,但本舉例並非用以限縮本發明,可依據實際的情況進行調整。換句話說,當觸控顯示單元120為多點觸控時,處理單元130根據觸控顯示單元130所偵測到的一第二輸入訊號推算用戶點選第二標籤群中哪一個第二標籤或哪一些第二標籤。由於觸控顯示單元120為多點觸控或單點觸控時的操作方法為本領域具有通常知識者所習知,在此不加以贅述。When the touch display unit 120 detects at least one second input signal, the processing unit 130 performs another determination procedure according to the at least one second input signal, and selects at least one second label in the second label group. The other determining process is to use the at least one second input signal detected by the touch display unit 120 to estimate which second label or which second label is selected by the user in the second label group. For example, when the touch display unit 120 is a single touch and is used to display the first label group and the second label group and detect a second input signal, the processing unit 130 is configured according to the touch display unit 120. The detected second input signal predicts which second label of the second label group the user clicks (ie, the user can only select a single second label at a time); when the touch display unit 120 displays the first label group and the second label When the tag group detects two second input signals, the processing unit 130 estimates which two of the second tag groups are selected by the user according to the two second input signals detected by the touch display unit 120. The label (that is, the user can select two second labels at a time), wherein the two second input signals can be generated by the user respectively selecting two second labels in sequence, but the example is not used to limit the invention. Adjust according to the actual situation. In other words, when the touch display unit 120 is multi-touch, the processing unit 130 estimates which second label of the second label group is clicked by the user according to a second input signal detected by the touch display unit 130. Or which second label. The operation method when the touch display unit 120 is multi-touch or single-touch is known to those skilled in the art and will not be described herein.
本發明移動終端的操作介面中,為了區分第一標籤群與第二標籤群系可利用顏色作為視覺提示進行區分或者可利用換列排序的方式進行區分。此外,為強化顯示被選擇的第一標籤與第二標籤,可利用顏色作為視覺提示進行指示。再者,本發明移動終端的操作介面因應觸控顯示單元120的觸控畫面的大小與解析度,可利用流式佈局的方式進行操作介面的自適性調整顯示,實際的執行步驟請容後詳述。In the operation interface of the mobile terminal of the present invention, in order to distinguish between the first tag group and the second tag group, the color may be used as a visual cue to distinguish or may be differentiated by means of column sorting. In addition, in order to enhance the display of the selected first label and the second label, the color can be used as a visual prompt for indication. In addition, the operation interface of the mobile terminal of the present invention can adjust the display of the adaptive interface of the operation interface by using the flow layout method according to the size and resolution of the touch screen of the touch display unit 120, and the actual execution steps are detailed. Said.
接著,請參閱「第2圖」,「第2圖」為本發明移動終端的操作方法之方法流程圖,其步驟包括:顯示第一標籤群(步驟210);偵測第一輸入訊號,以在第一標籤群中選擇第一標籤(步驟220);顯示第一標籤群以及相對第一標籤群屬於較低層次級別的第二標籤群,其中,第二標籤群與第一標籤相關聯(步驟230);偵測至少一第二輸入訊號,以在第二標籤群中選擇至少一第二標籤(步驟240)。透過上述步驟,即可透過顯示第一標籤群,並在第一標籤群中選擇第一標籤後,顯示第一標籤群以及相對第一標籤群屬於較低層次級別且與第一標籤相關聯的第二標籤群,以將所有與第一標籤相關聯的第二標籤同時載入觸控畫面,提供使用者進行點選,不需要切換頁面與操作彈出框,操作次數少,提高用戶的用戶體驗。Next, please refer to FIG. 2, which is a flowchart of a method for operating a mobile terminal according to the present invention. The method includes the steps of: displaying a first tag group (step 210); detecting the first input signal to Selecting a first tag in the first tag group (step 220); displaying the first tag group and the second tag group belonging to a lower hierarchical level relative to the first tag group, wherein the second tag group is associated with the first tag ( Step 230): detecting at least one second input signal to select at least one second tag in the second tag group (step 240). Through the above steps, after displaying the first tag group and selecting the first tag in the first tag group, displaying the first tag group and the first tag group belonging to a lower hierarchical level and associated with the first tag The second label group is configured to load all the second labels associated with the first label into the touch screen at the same time, so as to provide the user for clicking, without switching the page and operating the pop-up box, the number of operations is small, and the user experience is improved. .
其中,為了區分第一標籤群與第二標籤群,移動終端的操作方法更可包含:以換列排序區分該第一標籤群與該第二標籤群(步驟250)﹔以及提供顏色作為視覺提示, 以便在該第一標籤群與該第二標籤群之間進行區分(步驟260)。此外,為強化顯示被選擇的第一標籤與第二標籤,移動終端的操作方法更可包含:提供顏色作為視覺提示, 以便指示被選擇的該第一標籤與被選擇的該至少一第二標籤(步驟270)。上述各個步驟如果沒有因果關係,本發明並不限定其執行的先後順序。The method for operating the mobile terminal may further include: classifying the first tag group and the second tag group by a column sorting process (step 250); and providing color as a visual cue in order to distinguish the first tag group from the second tag group. And distinguishing between the first tag group and the second tag group (step 260). In addition, in order to enhance the display of the selected first label and the second label, the operating method of the mobile terminal may further include: providing a color as a visual prompt to indicate the selected first label and the selected at least one second label (Step 270). The above various steps, if there is no causal relationship, do not limit the order of execution of the present invention.
再者,請參閱「第3圖」,「第3圖」為本發明移動終端的操作方法之自適性調整操作介面的方法流程圖。因應觸控顯示單元的觸控畫面的大小與解析度,可利用流式佈局的方式進行操作介面的自適性調整顯示,移動終端的操作方法更可包含:檢測設備參數(步驟280);取得顯示參數(步驟282);根據設備參數與顯示參數產生縮放比例(步驟284);以及根據縮放比例調整顯示參數(步驟286)。其中,設備參數系可為但不限於觸控顯示單元的解析度,顯示參數系可為但不限於操作介面的顯示畫面解析度,縮放比例可為寬度的縮放比例或高度縮放比例,可依據實際需求進行調整。透過上述步驟,能夠使操作介面在不同的移動終端上靈活使用。Furthermore, please refer to "FIG. 3", and "FIG. 3" is a flowchart of a method for adapting the operation interface of the operation method of the mobile terminal of the present invention. In response to the size and resolution of the touch screen of the touch display unit, the adaptive adjustment display of the operation interface can be performed by using a streaming layout method, and the operation method of the mobile terminal can further include: detecting device parameters (step 280); obtaining the display Parameters (step 282); scaling is generated based on the device parameters and the display parameters (step 284); and the display parameters are adjusted according to the scaling (step 286). The device parameter may be, but is not limited to, the resolution of the touch display unit. The display parameter may be, but not limited to, the display resolution of the operation interface, and the zoom ratio may be a zoom ratio or a height scale of the width, which may be based on actual conditions. Demand adjustments. Through the above steps, the operation interface can be flexibly used on different mobile terminals.
上述本發明所揭露之移動終端的操作介面及操作方法的說明,僅針對樹狀結構的資料庫包含第一標籤群與相對第一標籤群屬於較低層次級別的第二標籤群之情況下(即具有二階的樹狀結構資料庫),其對應的操作介面及操作方法進行說明。然而,本發明所揭露之移動終端的操作介面及操作方法也可應用於具有N階的樹狀結構資料庫,其中,N為大於或等於2的正整數。需注意的是,本發明所揭露之移動終端的操作介面及操作方法應用於具有N階的樹狀結構資料庫時,僅於最後一階的標籤群可進行單選或多重選擇。例如:于上述說明中(即應用於具有二階的樹狀結構資料庫),可選擇第二標籤群中的至少一第二標籤。The foregoing description of the operation interface and the operation method of the mobile terminal disclosed in the present invention is only for the case where the data structure of the tree structure includes the first label group and the second label group whose lower first level is relative to the first label group ( That is, it has a second-order tree structure database, and its corresponding operation interface and operation method are explained. However, the operation interface and operation method of the mobile terminal disclosed by the present invention are also applicable to a tree structure database having an Nth order, where N is a positive integer greater than or equal to 2. It should be noted that when the operation interface and the operation method of the mobile terminal disclosed in the present invention are applied to the tree structure database having the Nth order, only the last order label group can be single-selected or multi-selected. For example, in the above description (ie, applied to a tree structure database having a second order), at least one second tag in the second tag group may be selected.
以下實施例系為本發明所揭露之移動終端的操作介面及操作方法應用於具有五階的樹狀結構資料庫的例子,將配合「第4圖」至「第6F圖」進行如下說明,請先參閱「第4圖」,「第4圖」為應用本發明移動終端的操作介面之移動終端示意圖。在本實施例中,應用本發明移動終端的操作介面之移動終端可為智慧型手機,儲存單元可為RAM,觸控顯示單元可為單點觸控的電容式觸控螢幕,處理單元可為微處理器,儲存單元所儲存的樹狀結構資料庫如「第5圖」所示,「第5圖」為「第4圖」之移動終端所儲存的樹狀結構資料庫一實施例示意圖。The following embodiments are examples of the operation interface and operation method of the mobile terminal disclosed in the present invention applied to a tree structure database having a fifth order, and the following description will be made in conjunction with "4th to 6th", please Referring first to "FIG. 4", "FIG. 4" is a schematic diagram of a mobile terminal to which the operation interface of the mobile terminal of the present invention is applied. In this embodiment, the mobile terminal to which the operation interface of the mobile terminal of the present invention is applied may be a smart phone, the storage unit may be a RAM, the touch display unit may be a single touch capacitive touch screen, and the processing unit may be The data structure of the tree structure stored in the microprocessor and the storage unit is shown in Fig. 5. The fifth figure is a schematic diagram of an embodiment of the tree structure database stored in the mobile terminal of Fig. 4.
在本實施例中,使用者想要瞭解初中部教學樓二樓的212室的相關資訊時,需依序點選位置、初中部、教學樓、2樓與212室,其觸控顯示單元所顯示的畫面如「第6A圖」至「第6F圖」所示。「第6A圖」至「第6F圖」為應用本發明移動終端的操作介面之一實施例各操作步驟的顯示畫面示意圖。In this embodiment, when the user wants to know the relevant information of Room 212 on the second floor of the middle school teaching building, the user needs to select the location, the middle school, the teaching building, the second floor and the 212 room in sequence, and the touch display unit The displayed screen is shown in "Figure 6A" to "6F". FIG. 6A to FIG. 6F are schematic diagrams showing display screens of respective operational steps of an embodiment of an operation interface to which the mobile terminal of the present invention is applied.
請參閱「第6A圖」,在本實施例中,第一標籤群包含兩個第一標籤,其中一個第一標籤為“位置”, 另一個第一標籤為“名稱”。在本步驟中,電容式觸控螢幕顯示第一標籤群。Please refer to FIG. 6A. In this embodiment, the first tag group includes two first tags, one of which is “position” and the other of which is “name”. In this step, the capacitive touch screen displays the first tag group.
請參閱「第6B圖」,在本實施例中,由於使用者利用手指所觸碰的第一標籤為“位置”,因此,被選擇的第一標籤“位置”的顏色與其他未被選擇的第一標籤“名稱” 的顏色不同,且由於第二標籤“初中部”與第二標籤“高中部”(即第二標籤群)與被選擇的第一標籤“位置”相關聯,因此第一標籤“位置”被選擇後,顯示的畫面也會顯示第二標籤“初中部”與第二標籤“高中部”(即第二標籤群),以供用戶進行點選。其中,第一標籤群與第二標籤群的顏色不同(第一標籤群的顏色較第二標籤群的顏色深)且換列排序,以進行區分。Please refer to "FIG. 6B". In this embodiment, since the first label touched by the user with the finger is "position", the color of the selected first label "position" and other unselected The color of the first label "name" is different, and since the second label "middle middle" and the second label "high middle" (ie, the second label group) are associated with the selected first label "position", the first After the label "Location" is selected, the displayed screen will also display the second tab "Middle School" and the second tab "High School" (ie, the second tab group) for the user to click. The color of the first label group and the second label group are different (the color of the first label group is darker than the color of the second label group) and the rows are sorted to distinguish.
請參閱「第6C圖」,在本實施例中,由於使用者利用手指所觸碰的第二標籤為“初中部”,因此,被選擇的第二標籤“初中部”的顏色與其他未被選擇的第二標籤“高中部” 的顏色不同,且由於第三標籤“實驗樓”、 第三標籤“教學樓”與第三標籤“辦公樓”(即第三標籤群)與被選擇的第二標籤“初中部”相關聯,因此第二標籤“初中部”被選擇後,顯示的畫面也會顯示第三標籤“實驗樓”、 第三標籤“教學樓”與第三標籤“辦公樓”(即第三標籤群),以供用戶進行點選。其中,第二標籤群與第三標籤群的顏色不同(第二標籤群的顏色較第三標籤群的顏色淺)且換列排序,以進行區分。Please refer to "FIG. 6C". In this embodiment, since the second label touched by the user with the finger is "the middle school", the color of the selected second label "the middle middle" is different from the others. The selected second label "High School" has a different color, and due to the third label "Laboratory Building", the third label "Teaching Building" and the third label "Office Building" (ie the third label group) and the selected number The second label "Centre" is associated, so after the second tab "Centre" is selected, the displayed screen will also display the third tab "Lab Building", the third tab "Teaching Building" and the third tab "Office Building". (ie the third tag group) for the user to click. The color of the second tag group and the third tag group are different (the color of the second tag group is lighter than the color of the third tag group) and the columns are sorted to be distinguished.
請參閱「第6D圖」,在本實施例中,由於使用者利用手指所觸碰的第三標籤為“教學樓”,因此,被選擇的第三標籤“教學樓”的顏色與其他未被選擇的第三標籤“實驗樓” 、第三標籤“辦公樓”的顏色不同,且由於第四標籤“1樓”、 第四標籤“2樓”、第四標籤“3樓”與第四標籤“4樓”(即第四標籤群)與被選擇的第三標籤“教學樓”相關聯,因此第三標籤“教學樓”被選擇後,顯示的畫面也會顯示第四標籤“1樓”、 第四標籤“2樓”、第四標籤“3樓”與第四標籤“4樓”(即第四標籤群),以供用戶進行點選。其中,第三標籤群與第四標籤群的顏色不同(第三標籤群的顏色較第四標籤群的顏色深)且換列排序,以進行區分。Please refer to "6D". In this embodiment, since the third label touched by the user with the finger is "teaching building", the color of the selected third label "teaching building" is not the same as the other. The third label "Laboratory Building" and the third label "Office Building" are of different colors, and because the fourth label "1st floor", the fourth label "2nd floor", the fourth label "3rd floor" and the fourth label The "4th floor" (ie the fourth label group) is associated with the selected third label "teaching building", so after the third label "teaching building" is selected, the displayed screen will also display the fourth label "1st floor" The fourth label "2nd floor", the fourth label "3rd floor" and the fourth label "4th floor" (ie the fourth label group) for the user to click. The color of the third tag group and the fourth tag group are different (the color of the third tag group is darker than the color of the fourth tag group) and the rows are sorted to distinguish.
請參閱「第6E圖」,在本實施例中,由於使用者利用手指所觸碰的第四標籤為“2樓”,因此,被選擇的第四標籤“2樓”的顏色與其他未被選擇的第四標籤“1樓”、第四標籤“3樓” 、第四標籤“4樓”的顏色不同,且由於第五標籤“205室”、第五標籤“207室”、第五標籤“208室”、第五標籤“209室”、第五標籤“212室”、第五標籤“213室”、第五標籤“214室”與第五標籤“215室”(即第五標籤群)與被選擇的第四標籤“2樓”相關聯,因此第四標籤“2樓”被選擇後,顯示的畫面也會顯示第五標籤“205室”、第五標籤“207室”、第五標籤“208室”、第五標籤“209室”、第五標籤“212室”、第五標籤“213室”、第五標籤“214室”與第五標籤“215室”(即第五標籤群),以供用戶進行點選。其中,第四標籤群與第五標籤群的顏色不同(第四標籤群的顏色較第五標籤群的顏色淺)且換列排序,以進行區分。Please refer to "6E". In this embodiment, since the fourth label touched by the user with the finger is "2nd floor", the color of the selected fourth label "2nd floor" is not the same as the other. The selected fourth label "1st floor", the fourth label "3rd floor", and the fourth label "4th floor" have different colors, and because of the fifth label "room 205", the fifth label "room 207", the fifth label "room 208", fifth label "room 209", fifth label "room 212", fifth label "room 213", fifth label "room 214" and fifth label "room 215" (ie fifth label group) ) is associated with the selected fourth tab "2nd floor", so after the fourth tab "2nd floor" is selected, the displayed screen will also display the fifth tab "room 205", the fifth tab "room 207", Five labels "room 208", fifth label "room 209", fifth label "room 212", fifth label "room 213", fifth label "room 214" and fifth label "room 215" (ie fifth Label group) for users to click. The color of the fourth tag group and the fifth tag group are different (the color of the fourth tag group is lighter than the color of the fifth tag group) and the columns are sorted to be distinguished.
請參閱「第6F圖」,在本實施例中,由於使用者利用手指所觸碰的第五標籤為“212室”,因此,被選擇的第五標籤“212室”的顏色與其他未被選擇的第五標籤“205室”、第五標籤“207室”、第五標籤“208室”、第五標籤“209室”、第五標籤“213室”、第五標籤“214室” 、第五標籤“215室”的顏色不同。 最後,點選虛擬按鍵“確認”,即可出現212室的相關資訊。Please refer to "6F". In this embodiment, since the fifth label touched by the user with the finger is "212 room", the color of the selected fifth label "212 room" is not the same as the other. The selected fifth label "room 205", fifth label "room 207", fifth label "room 208", fifth label "room 209", fifth label "room 213", fifth label "room 214", The color of the fifth label "Room 215" is different. Finally, click on the virtual button "Confirm" to get the information about Room 212.
綜上所述,可知本發明與先前技術之間的差異在於透過顯示第一標籤群,並在第一標籤群中選擇第一標籤後,顯示第一標籤群以及相對第一標籤群屬於較低層次級別且與第一標籤相關聯的第二標籤群,以將所有與第一標籤相關聯的第二標籤同時載入觸控畫面,藉由此一技術手段可以解決先前技術所存在的問題,進而讓使用者可直觀地點選標籤,不需要切換頁面與操作彈出框,操作次數少,達到提高用戶的用戶體驗之技術功效。In summary, it can be seen that the difference between the present invention and the prior art is that after displaying the first tag group and selecting the first tag in the first tag group, displaying the first tag group and the relative first tag group are lower. a second tag group associated with the first tag at a hierarchical level to simultaneously load all the second tags associated with the first tag into the touch screen, thereby solving the problems of the prior art by using a technical means. In addition, the user can intuitively select the label, and does not need to switch the page and operate the pop-up box, and the number of operations is small, thereby achieving the technical effect of improving the user experience of the user.
雖然本發明以前述之實施例揭露如上,然其並非用以限定本發明,任何熟習相像技藝者,在不脫離本發明之精神和範圍內,當可作些許之更動與潤飾,因此本發明之專利保護範圍須視本說明書所附之申請專利範圍所界定者為准。While the present invention has been described above in the foregoing embodiments, it is not intended to limit the invention, and the invention may be modified and modified without departing from the spirit and scope of the invention. The scope of patent protection shall be subject to the definition of the scope of the patent application attached to this specification.
100‧‧‧移動終端的操作介面100‧‧‧Mobile terminal operation interface
110‧‧‧儲存單元110‧‧‧ storage unit
120‧‧‧觸控顯示單元120‧‧‧Touch display unit
130‧‧‧處理單元130‧‧‧Processing unit
步驟210‧‧‧顯示第一標籤群Step 210‧‧‧ Display the first tag group
步驟220‧‧‧偵測第一輸入訊號,以在第一標籤群中選擇第一標籤Step 220‧‧‧Detecting the first input signal to select the first label in the first label group
步驟230‧‧‧顯示第一標籤群以及相對第一標籤群屬於較低層次級別的第二標籤群,其中,第二標籤群與第一標籤相關聯Step 230‧‧‧ displays a first tag group and a second tag group that belongs to a lower hierarchical level relative to the first tag group, wherein the second tag group is associated with the first tag
步驟240‧‧‧偵測至少一第二輸入訊號,以在第二標籤群中選擇至少一第二標籤Step 240‧ ‧ Detecting at least one second input signal to select at least one second tag in the second tag group
步驟250‧‧‧以換列排序區分該第一標籤群與該第二標籤群Step 250‧‧‧ distinguishing the first tag group from the second tag group by sorting
步驟260‧‧‧提供顏色作為視覺提示,以便在該第一標籤群與該第二標籤群之間進行區分Step 260‧‧‧ provides color as a visual cue to distinguish between the first tag group and the second tag group
步驟270‧‧‧提供顏色作為視覺提示,以便指示被選擇的該第一標籤與被選擇的該至少一第二標籤Step 270‧‧ ‧ providing color as a visual cue to indicate the selected first tag and the selected at least one second tag
步驟280‧‧‧檢測設備參數Step 280‧‧‧Test equipment parameters
步驟282‧‧‧取得顯示參數Step 282‧‧‧Get display parameters
步驟284‧‧‧根據設備參數與顯示參數產生縮放比例Step 284‧‧‧ Scale based on device parameters and display parameters
步驟286‧‧‧根據縮放比例調整顯示參數Step 286‧‧‧Adjust the display parameters according to the scaling
第1圖為本發明移動終端的操作介面之方塊圖。 第2圖為本發明移動終端的操作方法之方法流程圖。 第3圖為本發明移動終端的操作方法之自適性調整操作介面的方法流程圖。 第4圖為應用本發明移動終端的操作介面之移動終端示意圖。 第5圖為第4圖之移動終端所儲存的樹狀結構資料庫一實施例示意圖。 第6A圖至第6F圖為應用本發明移動終端的操作介面之一實施例各操作步驟的顯示畫面示意圖。1 is a block diagram of an operation interface of a mobile terminal of the present invention. 2 is a flow chart of a method for operating a mobile terminal of the present invention. FIG. 3 is a flow chart of a method for adapting an operation interface of an operation method of a mobile terminal of the present invention. FIG. 4 is a schematic diagram of a mobile terminal to which an operation interface of a mobile terminal of the present invention is applied. FIG. 5 is a schematic diagram of an embodiment of a tree structure database stored in the mobile terminal of FIG. 4. 6A to 6F are diagrams showing a display screen of each operation step of an embodiment of an operation interface to which the mobile terminal of the present invention is applied.
Claims (10)
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| TW105141291A TW201821959A (en) | 2016-12-13 | 2016-12-13 | Operation interface and operation method of mobile terminal |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| TW105141291A TW201821959A (en) | 2016-12-13 | 2016-12-13 | Operation interface and operation method of mobile terminal |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| TW201821959A true TW201821959A (en) | 2018-06-16 |
Family
ID=63258145
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| TW105141291A TW201821959A (en) | 2016-12-13 | 2016-12-13 | Operation interface and operation method of mobile terminal |
Country Status (1)
| Country | Link |
|---|---|
| TW (1) | TW201821959A (en) |
-
2016
- 2016-12-13 TW TW105141291A patent/TW201821959A/en unknown
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| KR102483505B1 (en) | Tab sweeping and grouping | |
| US7737958B2 (en) | Touch screen device and method of displaying and selecting menus thereof | |
| TWI611338B (en) | Method, electronic device and computer program product for scaling a screen | |
| US9423933B2 (en) | Item display method and apparatus that display items according to a user gesture | |
| US8176435B1 (en) | Pinch to adjust | |
| AU2014200472B2 (en) | Method and apparatus for multitasking | |
| US10241626B2 (en) | Information processing apparatus, information processing method, and program | |
| TWI536248B (en) | Desktop display classification display method and system | |
| US10228835B2 (en) | Method for displaying information, and terminal equipment | |
| US20090265659A1 (en) | Multi-window display control system and method for presenting a multi-window display | |
| JP2014519108A (en) | Web browser with fast site access user interface | |
| CN104063128B (en) | A kind of information processing method and electronic equipment | |
| US20140115534A1 (en) | Interaction method and apparatus for electronic devices | |
| US20250004631A1 (en) | Gestural navigation of a graphical user interface | |
| CN102622233A (en) | System and method for automatically generating user interface applicable to certain interactive terminal equipment | |
| JP7501597B2 (en) | Program, display control method, server device, and system | |
| US20180157387A1 (en) | Operation Interface And Operation Method Of Mobile Terminal | |
| CN107450891A (en) | Paging control implementation method, device and equipment | |
| TW201821959A (en) | Operation interface and operation method of mobile terminal | |
| US20200082465A1 (en) | Method and system to generate a multi-panel ui based on hierarchy data corresponding to digital content | |
| US20110138321A1 (en) | Zone-based functions in a user interface | |
| TWI598748B (en) | Electronic device and character correction method | |
| CN118550630A (en) | Page display method, system, electronic device, medium and program product | |
| CN111090340A (en) | Input method candidate result display method, related equipment and readable storage medium | |
| CN118625968A (en) | Desktop object management method, device, electronic device and readable storage medium |