TW201205368A - Touch device capable of rotatably displaying a drag list and method of displaying a drag list rotatably - Google Patents

Touch device capable of rotatably displaying a drag list and method of displaying a drag list rotatably Download PDF

Info

Publication number
TW201205368A
TW201205368A TW99123854A TW99123854A TW201205368A TW 201205368 A TW201205368 A TW 201205368A TW 99123854 A TW99123854 A TW 99123854A TW 99123854 A TW99123854 A TW 99123854A TW 201205368 A TW201205368 A TW 201205368A
Authority
TW
Taiwan
Prior art keywords
drag
column
objects
draggable
touch
Prior art date
Application number
TW99123854A
Other languages
Chinese (zh)
Inventor
Zhi-Liang Chien
Hsi-Chia Huang
Original Assignee
Acer 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 Acer Inc filed Critical Acer Inc
Priority to TW99123854A priority Critical patent/TW201205368A/en
Publication of TW201205368A publication Critical patent/TW201205368A/en

Links

Landscapes

  • User Interface Of Digital Computer (AREA)

Abstract

A touch device capable of displaying a drag list circularly includes a touch panel, a drag list, and a processor. The touch panel can display k frames of the drag list simultaneously. When m draggable objects are to be displayed on the drag list and m is larger than k, the first k darggable objects of the m draggable objects are copied to follow the mth draggable object in addition to be the first k draggable objects of the m draggable objects.

Description

201205368 六、發明說明: 【發明所屬之技術領域】 本發明係有關於-種觸控震置及其顯示方法,尤指一種可循環 顯示拖__控裝置及可在觸控硫上循環_心列的方法。 【先前技術】201205368 VI. Description of the Invention: [Technical Field] The present invention relates to a touch-sensing device and a display method thereof, and more particularly to a recyclable display device and a loop that can be circulated on touch sulfur. The method of the column. [Prior Art]

近年來,電輯於人活的涉人越來越深,_的操作介面 也變得越來越便利’流暢的操作介面就顯得相形重要。當我們在操 作介面上觀看的資料無法於同一書 ’使用者就必須捲動畫 面以劉覽資料。因此需要-個列表將我們所需要的資料内容以圖示 或文字呈現出來’如此U卩可㈣地_拖$職來呈現所要 觀看的資料。 但是,現今的拖$列設計多半只能往單—方向移動(例如上、 下、左、右)。當到達拖¥的另—端時,拖¥列表就會停止移動。 因此w =貝料里大時’使用者若欲觀看拖髮列表兩端的資料時,則 必須將贼列由i脑至另1,再從另—端_來,並不能循 環顯示拖㈣。所以,現今馳_對制者來說並不是非常的便 【發明内容】 本發明的-實施例提供-種可循環顯示拖㈣賴控裝置。該 201205368 觸控面板、—物彳及―_。韻列係顯示 於该觸控面板上,馳_具有,且糊^板上可同時 顯不該n瓣_切k健架,·及該翻II_財欲於該拖曳列 顯示m個可拖ί物件時,比較m與k,且若m大於k,則將該m 個可戯物件之前_可拖5物件重複置人該拖_列上第m個可拖 曳物件之後;其中ngm。 、本發明的另_實施例提供—種在觸控面板上循環顯示拖良列的 方法。该方法包含將-拖髮觸示於—觸控面板上,馳髮列具有 η個框架’且該觸控面板上可同時顯示心個框架中的⑽框架; 當欲於該拖g列顯示m個可拖g物件時,比較m與k ;及若出大 於k ’則將該m個可贼物件之前k個可賊物倾複置入該贼 列上第m個可拖曳物件之後;其中n^m。 _本發明所提供的一種可循環顯示㈣列的觸控裳置及其循環顯 不拖戈列的方法,係_姉的概念,將雜^列上騎於一觸控 面板的可拖g物件,依序4複置人該齡壯最後—可拖$物件: 後’使得該拖㈣在該觸控面板上產生無限循環的效果。另外,本 發明所提供的可循賴雜__控裝置及其循軸示拖戈列的 方法亦可增加/減少欲顯示於該拖曳列上的可拖曳物件。 【實施方式】 請參照第1圖,第1圖係本發明的一實施例說明可循環顯示拖 201205368 ==1 T示意圖。觸控裝置1〇。包含-觸控面板· 处理器106。拖戈列1〇4顯示於觸 係用以當使用者想要在拖咖〇4顯示 :=件時,比較他,且若個可贼 之=_衫物件依序重複置人贼列⑽上第,個可拖矣 之4且右m小於k,則將m個可拖矣物件依序置入拖良列⑽ 之前端。,中心’且觸控面板⑽係為一可多點觸控的觸控面 板、-電容式觸控面板、—電阻式難面板及―光學式觸控面板。 請參照第2圖、第3A圖、第3B圖和第4圖,第2圖係本發明 的另一實施例說明在觸控面板上循環顯示拖_ 1G4的方法的流程 圖。第2圖之方法係_第丨_觸控裝置卿說明,詳如 下: ' # 步驟200:開始; 步驟202 :將拖良列104顯示於觸控面板1〇2上; 步驟204 ·•當欲於拖矣列! 〇4顯示m個可拖矣物件時,比較出是否 大於k ;若m大於k,則進行步驟2〇6 ;若m小於或等 於k,則進行步驟208 ; 步驟206 :將m個可拖曳物件中被顯示面板1〇2顯示的k個可拖曳 物件依序重複置入第m個可拖良物件之後,跳至步驟 210 ; 201205368 步驟208 : m個可拖曳物件直接置入拖曳列i〇4上’進行步驟210 ; 步驟210 :結束。 如第3A圖所示,假設拖曳列1〇4具有8個框架,可置入8項 可拖曳物件’且觸控面板102上可同時顯示8個框架中的4個框架, 也就是說觸控面板102上能同時顯示4項可拖曳物件。在拖曳列104 中的可拖曳物件係為1號〜8號可拖曳物件,定點位置在1號框架。 在步驟204中,比較!!1與1^,亦即比較8與4。因為8大於4,所以 進行步驟206 ’除了原來的8個可拖曳物件,處理器1〇6會將8個 可拖曳物件中被顯示面板1 〇2顯示的四個可拖曳物件(此時是丨號〜4 號可拖曳物件)再加入拖曳列1〇4的後端。因此如第3A圖所示,當 使用者向左拖曳拖曳列104時,因為8號可拖曳物件後係接第二個 重複置入拖曳列104的1號,所以將出現循環顯示的效果。另外, 如第3B圖所示’當使用者向右拖髮拖曳列1 時,處理器1 %合 將第二個重複置入拖曳列104的1號移動到定點位置(也就是丨號框 架)’因此’使用者向右拖曳拖曳列104時,8號可拖曳物件便隨著 1號可拖戈物件的右移而顯示於觸控面板1〇2上。如此,無論使用 者向右或是向左拖曳拖曳列1〇4,都可讓拖曳列1〇4在觸控面板1〇2 上產生無限循環的效果。如第4A圖所示,假設拖曳列1〇4中的可 拖曳物件數目(此時為2)小於觸控面板1〇2上能同時顯示的可拖曳物 件數目(係為4),則進行步驟208,拖曳列1〇4上係為2個可拖曳物 件,此時拖曳列104處於不移動也不能循環的狀態。如第4B圖所 示,假設拖曳列104中的可拖曳物件數目(此時為4)等於觸控面板 201205368 102上能同時顯示的可拖复物件數目(係$ 4),則進行步驟观,拖 矣列104上係為4個可拖良物件,此時拖矣列1〇4處於不移動也不 能循環的狀S。但本發明並不纽於上賴㈣板1G2僅能同時顯 不4個棍架’拖良列1〇4具有8個框架以及拖良列i⑽上可抱戈物 凊參照第5圖’第5圖係本發明的另一實施例說明增加顯示於 籲觸控面板上拖戈列1〇4的可拖复物件的方法之流程圖。一開始拖良 列1〇4尚未有可拖戈物件時,設定一第-次可循環變數為真_)及 可拖戈物件數為零’之後每一次輸入一可拖錢件至拖&列刚 後可拖良物件數遞增卜但本發明並不受限於一開始設定第一次 可循環變數為真’亦可設定第—次可觀魏為偽(false)。第5圖之 方法係利用第工圖的觸控裝置應說明,詳細步驟如下: 步驟500 :開始; • /驟502 ·判斷拖_ 1〇4上的可拖矣物件數,如果可拖戈物件數 j於k ’進行步驟5〇4 ;如果可拖$物件數等於让,進行 步驟506 ;如果物件數大於k且小於η,進行步驟5〇8 ; 果可拖曳物件數等於η,進行步驟51〇 ; H的可拖_物件細_ :墙人—可拖幾物件至拖兔列 ^4的方式,置入至拖曳列1〇4上第可拖曳物件數加1 、置然後可拖良物件數遞增1,判斷可拖戈物件是 否已新増完畢,如果是,跳至步驟518 ;如果否,跳回 201205368 步驟502 ; 步驟.新增k+1號可拖$物件時,可拖矣物件數遞增卜設定 第-入可循鳅變數為偽(false) ’然後將拖曳列1 〇4上的前 k個可拖髮物件依序重複置入拖矣列104上k+1號可拖 良物件之後;判斷可拖良物件是否已新增完畢,如果是, 跳至步驟518 ;如果否,跳回步驟502 ; 步驟1新增的可㈣物件係以—次輸人—可拖_物件至拖良列 104的方式’置入至拖矣列1()4上第可拖戈物件數Mi 的位置,然後將拖良列1〇4上的前k個物件依序重複置 入拖髮列104新增的可拖髮物件之後;判斷可拖良物件 是否已新增完畢,如果是,跳至步驟518 ;如果否,跳 回步驟502 ; 步驟510 :將新增的可拖髮物件取代拖㈣1〇4中的第⑽可拖良 物件及第可拖$物件數加丨的物件,然後將可拖矣物件 數重新設定為1 ;判斷可拖良物件是否已新增完畢,如 果疋,跳至步驟518 ;如果否,進行步驟514 ; 步驟512 :判斷拖良列104上的可拖良物件數,如果可拖良物件數 小於k,進行步驟514 ;如果可拖戈物件數等於k,進行 步驟516 ; 步驟5H :新增的可贼物件係以一次輸入一可拖戈物件至拖戈列 1〇4的方式’取代至拖良列刚上第可拖复物件數加} 的位置的可拖《物件以及第可拖¥物件數加上n+1的位 置的可拖良物件,然後可拖戈物件數遞增i ;判斷物件 201205368 是否已新增完畢,如果是,跳至步驟518 ;如果否,跳 回步驟512 ; 步驟516 ·新增的可拖夷物件置入拖良列104上第可拖良物件數加 1的位置,然後可拖良物件數遞增丨;判斷可拖良物件是 否已新増完畢,如果是,進行步驟518 ;如果否,跳回 步驟508 ; 步驟518:結束。In recent years, the electric series has become more and more involved in people's lives, and the operation interface of _ has become more and more convenient. The smooth operation interface is quite important. When the information we view on the operating interface cannot be in the same book, the user must scroll the animation to the information. Therefore, it is necessary to have a list to present the content of the information we need in a graphic or text. [This is a way to present the information to be viewed. However, most of today's drag-and-drop design can only move in a single direction (eg, up, down, left, right). When you reach the other end of the drag, the drag list will stop moving. Therefore, if the user wants to view the data at both ends of the tow list, the user must list the thief from i brain to another 1, and then from the other end, and cannot display the drag (4). Therefore, it is not very convenient for the present manufacturer. [Invention] The embodiment of the present invention provides a recyclable display (four) control device. The 201205368 touch panel, the object and the __. The rhyme system is displayed on the touch panel, and the y_ has, and the paste board can simultaneously display the n-lobe-cut k-frame, and the flip-up II_ 欲 desire to display m draggables in the drag column When the object is compared, m and k are compared, and if m is greater than k, then the object of the m playable objects can be repeatedly placed after the mth towable object on the drag_column; wherein ngm. Another embodiment of the present invention provides a method of cyclically displaying a drag column on a touch panel. The method comprises: - squeezing on the touch panel, the chic column has n frames 'and the touch panel can simultaneously display the (10) frame in the heart frame; when the drag g column is to be displayed m When the object can be dragged, the m and k are compared; and if the value is greater than k ', the k thieves before the m thief object are placed in the mutated item after the mth towable object; ^m. The invention provides a method for cyclically displaying (four) columns of touch skirts and a method for displaying the loops without dragging, and the method of _姊 is to drag and drop the draggable objects on a touch panel. In order to reset the person to the age of the last - can drag the object: After 'make the drag (four) on the touch panel to produce an infinite loop effect. In addition, the method of the present invention for circumspecting the control device and its method of displaying the tow column can also increase/decrease the towable object to be displayed on the towed column. [Embodiment] Please refer to Fig. 1. Fig. 1 is a schematic diagram showing the loopable display drag 201205368 ==1 T according to an embodiment of the present invention. The touch device is 1 〇. Including - touch panel · processor 106. The drag column 1〇4 is displayed on the tactile system for comparing when the user wants to display the := piece in the dragline 4, and if the thief's =_ shirt object is repeatedly placed on the thief column (10) The first, draggable 4 and the right m are less than k, then m draggable objects are placed in front of the trailing column (10). The center panel and the touch panel (10) are a multi-touch touch panel, a capacitive touch panel, a resistive hard panel, and an optical touch panel. Referring to FIG. 2, FIG. 3A, FIG. 3B and FIG. 4, FIG. 2 is a flow chart showing a method of cyclically displaying the drag _1G4 on the touch panel according to another embodiment of the present invention. The method of Figure 2 is the following description: 'Step 200: Start; Step 202: Display the drag column 104 on the touch panel 1〇2; Step 204 ·• When Drag and drop the column! 〇4 shows whether the draggable objects are greater than k; if m is greater than k, then step 2〇6; if m is less than or equal to k, then step 208 is performed; step 206: m draggable objects After the k towable objects displayed by the display panel 1〇2 are repeatedly placed into the mth towable object, the process jumps to step 210; 201205368 Step 208: m towable objects are directly placed into the tow column i〇4 Go 'on step 210; step 210: end. As shown in FIG. 3A, it is assumed that the drag column 1〇4 has 8 frames, 8 items of draggable objects can be placed, and 4 frames of 8 frames can be simultaneously displayed on the touch panel 102, that is, touch Four items of towable objects can be simultaneously displayed on the panel 102. The towable objects in the tow column 104 are towable objects No. 1 to No. 8, and the fixed position is in the No. 1 frame. In step 204, compare !!1 with 1^, that is, compare 8 and 4. Since 8 is greater than 4, step 206 is performed. In addition to the original 8 towable objects, the processor 1〇6 will display four towable objects displayed by the display panel 1 〇2 among the 8 towable objects (in this case, 丨No. ~ 4 draggable objects) then add the back end of the drag column 1〇4. Therefore, as shown in Fig. 3A, when the user drags the drag column 104 to the left, since the No. 8 draggable object is attached to the second repeating number 1 of the drag column 104, the effect of the loop display will occur. In addition, as shown in FIG. 3B, when the user drags the drag column 1 to the right, the processor 1% moves the second repeating number 1 of the drag column 104 to the fixed point position (that is, the apostrophe frame). When the user drags the drag column 104 to the right, the number 8 draggable object is displayed on the touch panel 1〇2 along with the right shift of the No. 1 draggable object. Thus, regardless of whether the user drags the drag column 1〇4 to the right or left, the drag column 1〇4 can produce an infinite loop effect on the touch panel 1〇2. As shown in FIG. 4A, it is assumed that the number of towable objects in the drag column 1〇4 (2 in this case) is smaller than the number of towable objects (which is 4) that can be simultaneously displayed on the touch panel 1〇2, and then steps are performed. 208, the drag column 1〇4 is 2 towable objects, and the drag column 104 is in a state of not moving or looping. As shown in FIG. 4B, it is assumed that the number of towable objects in the drag column 104 (4 in this case) is equal to the number of towable objects (which is $4) that can be simultaneously displayed on the touch panel 201205368 102. The drag column 104 is a four draggable object, and the drag column 1〇4 is in a shape S that does not move or circulate. However, the present invention is not related to the (4) board 1G2 can only display 4 sticks at the same time. 'Take good column 1〇4 has 8 frames and dragged column i (10) can hold the object. Refer to Figure 5 '5th BRIEF DESCRIPTION OF THE DRAWINGS Another embodiment of the present invention illustrates a flow chart of a method of increasing a draggable object displayed on a touch panel of a touch panel. At the beginning, if there is no draggable object, set a first-order loopable variable to be true _) and the number of draggable objects is zero', then input a disposable piece to the drag & The number of objects that can be dragged after the column is incremented. However, the present invention is not limited to setting the first cycleable variable to be true at the beginning. It is also possible to set the first-order observable Wei to be false (false). The method of Figure 5 is to illustrate the touch device using the drawing. The detailed steps are as follows: Step 500: Start; • /Step 502 • Determine the number of towable objects on the drag _ 1〇4, if the object can be dragged The number j is performed at step 5〇4 in k'; if the number of items that can be dragged is equal to let, step 506 is performed; if the number of objects is greater than k and less than η, step 5〇8 is performed; if the number of objects that can be dragged is equal to η, step 51 is performed. 〇; H can be dragged _ object _: wall people - can drag a few objects to drag the rabbit column ^4, placed into the drag column 1 〇 4 the number of draggable objects plus 1, set and then drag the object The number is incremented by 1, to determine whether the draggable object has been newly completed. If yes, skip to step 518; if no, jump back to 201205368, step 502; step. When adding k+1 to drag the object, you can drag and drop the object The number increments the first-input variable to be false (false)' and then the first k draggable objects on the drag column 1 〇4 are repeatedly placed on the drag column 104. After the object; determine whether the draggable object has been added, if yes, skip to step 518; if no, jump back to step 502; step 1 new The increased (4) object is placed in the way of dragging the object to the drag column 104 to the position of the draggable item number Mi on the drag column 1 () 4, and then dragging the column The first k objects on 1〇4 are repeatedly placed in the draggable item 104 after the newly added towable object; determine whether the draggable object has been added, if yes, skip to step 518; if not, jump Going back to step 502; Step 510: replacing the newly dragged object with the (10) draggable object and the draggable object number of the dragging (4) 1〇4, and then resetting the number of draggable objects to 1; determine whether the draggable object has been added, if 疋, skip to step 518; if no, proceed to step 514; Step 512: determine the number of draggable objects on the drag column 104, if the number of objects that can be dragged If it is less than k, proceed to step 514; if the number of draggable objects is equal to k, proceed to step 516; Step 5H: the new thief object is replaced by one inputting a draggable object to the dragging column 1〇4 The position of the number of objects that can be dragged and dropped on the number of items that can be dragged on the number of items can be dragged. The position of the draggable object, and then the number of dragged objects is incremented i; to determine whether the object 201205368 has been added, if yes, skip to step 518; if not, jump back to step 512; Step 516 · Newly dragged The object is placed in the position of the first draggable object plus the number of 1 and then the number of dragged objects is incremented; the content of the draggable object is determined to be new, if yes, proceed to step 518; if not, jump Go back to step 508; Step 518: End.

η在第5 _實施例中,以拖髮列104具有8個框架,可置入8 :可拖曳,件’且觸控面板1〇2上可同時顯示8個框架中的4個框 7也就疋說觸控面板1〇2上能同時顯示4項可拖矣物件做說明, 但第5 _實關並不受限於上賴控面板iQ2僅朗時顯示*個 框架,拖良列HM具有8個柩架以及贼列1〇4上可贼物件的數 目0 在步驟504中,請參照第6圖,可看到新增的】號·4號可拖矣 物件依序置人至拖_ 1()4上第可触物件數加1的位置。一開始 可拖矣物件數設為零,因此,新增丨號可拖钱件時,係置入拖矣 列104上第零加1的位置,亦即拖良列1〇4上第!的位置。然後可 拖矣物件數遞增卜亦即置人i號可拖⑽件後,可拖$物件數變 =卜而其餘可拖良物件係依同樣原理置入拖良列1〇4,在此不再資 201205368 在步驟506中,請參照第7圖,可看到新增5號可拖髮物件時, 置入5號可拖良物件至拖良列1〇4上第5的位置,然後將拖良列觀 上的前4個可拖矣物件依序重複置人拖$列綱上5號可拖戈物件 之後,並設定第一次可循環變數為偽。 在步驟508中,請參照第8圖,可看到新增的6號_ 8號可拖髮 物件依序置人至拖㈣1()4上第可齡物件數加i的位置,然後將 拖良列104上的前4個可拖良物件依序重複置入拖良n 1〇4新增的 可拖贫物件之後。也就是說新增6號可拖_物件時,拖㈣上 的前4個可贼物件依序至人6號可拖⑽件之後。同理,如第8 圖所示’新增7號、8號可贼物件時,㈣列1〇4上的前*個可 拖曳物件依序至入7號、8號可拖曳物件之後。 在步驟510中,請參照第9圖,當可拖髮物件數等於拖良列104 中的8個框架的數目時,將新增的可拖&物件1,取代拖㈣服中 的第1個可贼物件及第可軸物件數加1的可拖綠件,然後將 可贼物件數重新設定為丨。因為,拖__上的可拖㈣牛數 仍大於4(觸控面板1〇2上可同時顯示拖良列ι〇4中的*個框架的數 目),所以第一次可循環變數仍為偽。 一在步驟514 ★,請參照第10圖,新增的可贼物件係以-次輸 戈物二數二了:至拖曳列1〇4的方式,取代至拖曳列104上第可拖 m件數加1的位置的可㈣物件以及第可拖娜數加上㈣的 201205368 置的可拖$物件’然後可拖良物件數遞增1。因此,可看到新增 ::,¾物件2,係取代至拖突列1〇4上第2的位置的可拖良物件: 的可拖$物件。同理,如第1G圖所示,可看到新增 的了拖氧物件3,、4,在拖良列104上取代的位置。 一 2步驟训中’請參照第u圖,當可拖錄件數等於4以及第 置的可拖良物件,賴可拖5物件數遞增1。 凊參照第12圖,第12圖係本發明 、 於觸控面柘& 、 實施例說明減少顯示 觸控面板上拖突列104的可拖物件的 列104可猶環顯示時,第一次 ’瓜 α又疋拖曳 控面板102上拙 衣變數為偽御纪)。減少顯示於觸 的方物件細—:域少-可㈣物件 列刚可猶環顯示時,第一次可德产嶋本發明並不受限於拖良 次可循環變私直讀數騎(false),村設定第-⑽說明,詳細步第12圖之方法係利用第!圖的觸控裝置 步驟1200 : 步驟1202 : 開始 判斷拖夷列104上Μ 大於㈣,n 物件數’如果可拖曳物件數 入W,進仃步驟12〇4 叫,進行步驟】 ^ 可拖$物件數等於 大於m 果可拖矣物件數小於㈣且 a於幂,進行步騾]21〇; 且 201205368 步驟1204 : 一次減少拖上—可拖㈣件,並將此時於續 不面板102顯示的可拖贫物件依序重複置入拖复列 104上第可㈣物件數的位置之後;是否繼續減少拖 复列104上的可拖㈣件,如果是,進行步驟1206; 如果否’跳至步驟1214 ; 步驟1206 : 判斷可拖S物件數是否等於k+卜如果是,進行步驟 1208 ;如果否,進行步驟12〇4 ; 步驟1208 : ;"次減少㈣列104上一可㈣物件,且將第-次可 循環變數設為真(true),是否繼續減少拖髮列1〇4上 的可拖髮物件,如果是,進行步驟121〇 ;如果否, 跳至步驟1214 ; 步驟1210 : 一次減少拖㈣104上一可拖钱件;是否繼續減少 拖矣列104上的可拖良物件,如果是,進行步驟 1212 ;如果否,跳至步驟KM ; 步驟1212 : 判斷可拖《物件數是否小於k+1且大於零,如果是, 跳回步驟1210 ;如果否,進行步驟1214 ; 步驟1214 : 結束。 在第12圖的實施例中,以拖突列104具有8個框架,可置入8 項可拖¥物件,且觸控面板1()2上可同時顯示8個框架中的4個框 架,也就是說難面板1G2上能__ 4項可戯物件做說明, 但第12 _實施例並衫限於上述觸控面板1()2僅能同時顯示4 個框架,齡列H)4具有8健架以及拖突列1〇4上可拖突物件的 12 201205368 件數t步驟聰中,請參照第叫當_請上的顺物 大於5以及第-次可彳魏變數為偽時,刪除触㈣4上任一η In the fifth embodiment, the drag row 104 has eight frames, and can be placed 8 : towable, and the touch panel 1 〇 2 can simultaneously display four of the eight frames 7 It is said that the touch panel 1〇2 can display four items that can be dragged and displayed at the same time, but the 5th _ real off is not limited to the control panel iQ2 only when it is displayed * frame, dragging HM The number of thief objects with 8 trusses and thieves 1〇4 is 0. In step 504, please refer to Figure 6, and you can see that the newly added ··4 draggable objects are sequentially placed to the tow. _ 1 () 4 The number of touchable objects is increased by one. At the beginning, the number of items that can be dragged and set is set to zero. Therefore, when the new nickname can be dragged, the position of the zeroth plus one on the drag column 104 is placed, that is, the number of the dragged column is 1〇4! s position. Then you can drag and drop the number of objects to increase the number of objects, that is, after the number of objects can be dragged (10), you can drag the number of objects to change = the other objects can be dragged according to the same principle into the drag column 1〇4, not here Re-investment 201205368 In step 506, please refer to Figure 7, when you can add the No. 5 towable object, place the No. 5 draggable object to the fifth position on the dragline 1〇4, and then The first four draggable objects on the view are repeatedly placed in the order of the No. 5 draggable object, and the first loopable variable is set to false. In step 508, please refer to Fig. 8, and you can see that the newly added No. 6 _ 8 towable items are sequentially placed to the position of the number of objects of the age of the first and fourth (1) 4, and then dragged. The first four draggable objects on the good column 104 are repeatedly placed after the newly added toppy objects of the n1〇4. In other words, when the number 6 can be dragged, the first 4 thief objects on the drag (four) can be dragged (10) after the number 6 can be dragged. Similarly, as shown in Figure 8, when the number 7 and 8 thief objects are added, the first * towable objects on the 4th column of (4) are sequentially placed after the 7th and 8th towable objects. In step 510, referring to FIG. 9, when the number of towable objects is equal to the number of eight frames in the drag column 104, the new draggable & object 1 will be replaced, instead of the first of the dragged (four) suits. The number of thief objects and the number of the first axis can be dragged by one, and then the number of thief objects is reset to 丨. Because the number of towable (four) cows on the drag __ is still greater than 4 (the number of * frames in the drag panel ι〇4 can be displayed simultaneously on the touch panel 1〇2), so the first loopable variable is still Pseudo. In step 514 ★, please refer to Figure 10, the new thief object is the second to the second-order object: to the drag column 1〇4, instead of the draggable column 104 The number of items that can be added by 1 and the number of items that can be dragged and the number of items that can be dragged by 201205368 are increased by one. Therefore, it can be seen that the new ::, 3⁄4 object 2 is a draggable object that is replaced by the draggable object at the 2nd position on the tow column 1〇4. Similarly, as shown in Fig. 1G, the newly added dragged objects 3, 4, which are replaced on the drag column 104, can be seen. In a 2-step training, please refer to Figure u. When the number of draggables is equal to 4 and the number of draggable objects is the same, the number of objects that can be dragged is incremented by 1. Referring to FIG. 12, FIG. 12 is a first embodiment of the present invention, in a touch panel, and in an embodiment, reducing the display of the row 104 of the towable object on the touch panel 104. 'Guo α and 疋 drag the control panel 102 on the 拙 clothing variable to pseudo-Yu Ji). Reduce the number of objects displayed on the touch -: less domain - can (4) when the object column can be displayed in the ring, the first time the German 嶋 嶋 嶋 嶋 嶋 嶋 嶋 嶋 嶋 嶋 嶋 嶋 ( ( ( ( ( ( ( , the village set the first - (10) description, the detailed step 12 of the method is the use of the first! Step 1200 of the touch device of the figure: Step 1202: Start to judge that the upper row of the dragging row 104 is greater than (4), the number of n objects 'If the number of objects that can be dragged is W, enter step 12〇4, and proceed to step】 ^ Drag the object The number is equal to greater than m. The number of objects that can be dragged is less than (4) and a is power, step 骡 21〇; and 201205368 step 1204: one drag reduction - drag (four) pieces, and will be displayed on the panel 102 at this time. The towable object is repeatedly placed in the position of the fourth (four) object number on the drag column 104; whether to continue to reduce the draggable (four) pieces on the drag column 104, and if so, proceed to step 1206; if not, 'step to step 1214; Step 1206: Determine whether the number of draggable S objects is equal to k+b. If yes, proceed to step 1208; if not, proceed to step 12〇4; step 1208: ;" reduce (4) column 104 to a (4) object, and The first-time loopable variable is set to true (true), whether to continue to reduce the towable item on the dragging column 1〇4, if yes, proceed to step 121〇; if not, skip to step 1214; step 1210: reduce once Drag (4) 104 on a disposable piece of money; whether to continue to reduce the drag The draggable object on column 104, if yes, proceeds to step 1212; if not, skips to step KM; step 1212: determines whether the number of objects can be dragged less than k+1 and greater than zero, and if so, jump back to step 1210; If no, go to step 1214; Step 1214: End. In the embodiment of Fig. 12, the towed row 104 has 8 frames, and 8 items of draggable objects can be placed, and the touch panel 1() 2 can simultaneously display 4 frames of 8 frames. That is to say, the difficult panel 1G2 can be explained by __ 4 items, but the 12th embodiment is limited to the above touch panel 1 () 2 can only display 4 frames at the same time, the age column H) 4 has 8 The health frame and the towed column 1〇4 can be dragged and dropped on the object 12 201205368 number t step Cong, please refer to the first call when the _ on the shun is greater than 5 and the first 彳 彳 Wei variable is false, delete Touch (4) 4 on either

的可拖戈物件’然後可拖吳物件數遞減卜且將此時於顯示面 ^102顯示的可拖戈物件依序重複置入拖戈列刚上第可拖良物件 的位置之後。如第13圖所示,5號可拖良物件被刪除,因此6號、 7號、8號可«物件向左挪移,並將此時於顯示面板1〇2顯示的可 拖钱件丨號-4號可拖_件依序重複置人拖上第可拖良 物件數(此時可贼物件數為·位置的可拖㈣件之後。而第一次 可循環變數為偽’所以拖$列謝仍處於可循環狀態。但本發明並 不文限於5號可拖㈣件酬除,亦可職拖《列i(w上其餘的可 拖曳物件,操作原理在此不再贅述。 々在步驟1208中’請參照第14圖,拖髮列1〇4上可拖髮物件數 等於5(1號_5號可拖矣物件),刪除拖突列1〇4上i號_5號可拖矣 物件中的任—位置的可拖$物件,然後將可拖㈣件數遞減1,且 將第一次可循環變數設為真(true)。因此,如第14圖所示,〗號可拖 良物件被刪除,因此2號、3號、4號、5號可_物件向左挪移。 因為在步驟1208刪除可拖良物件後,拖矣列1〇4上可拖戈物件數等 於4,所以拖曳列1〇4不再需要循環顯示。因此,將第一次可循環 變數設為真。但本發賴不魏於】射触物件細除,亦可刪 除拖曳列104上其餘的可拖曳物件,操作原理在此不再贅述。 13 201205368 在步驟1210中,請參照第15圖,拖良列104上可拖复物件數 等於4(1號-4號可拖曳物件),刪除拖曳列1〇4上丨號_4號可拖曳 物件中的任-位置的可拖$物件,然後將可拖&物件數遞減(。因 此,如第15圖所示,3號可拖曳物件被刪除,因此將4號可拖曳物 件向左挪移。但本發明並不受限於3號可拖⑽件被刪除,亦可刪 除拖髮列1G4上其餘的可拖5物件,操作原理在此不再贅述。 綜上所述’本發明所提供的可循環顯示拖矣列的觸控裝置及其 循環顯示拖㈣的方法,_框架的概念,將拖㈣上顯示於觸控 面板的可拖$物件,依序重複置人_壯最後—可拖祕件之工 後’使得拖矣列在觸控面板上產生無限循環的效果。另外,本發明 所提供的可循示拖控裝置及频環齡拖㈣的方法 亦可增加/減少欲顯示於戯列上的可拖髮物件。因此,只要是利用 框架的概念’達成拖M在馳面板上具有無_環的效果 入本發明的範嘴。 ' 以上所述僅林發明讀佳實施例,膽本發日种請專利 所做之均等變化與修飾,皆闕本發明之涵蓋範圍。 【圖式簡單說明】 第1圖係本發明的一實施例說明可循環顯示拖复列的觸控裝置的示 201205368 第2圖係本發明的另一實施例說明在觸控面板上循環顯示拖突列的 方法的流程圖。 第3A圖係說明當拖曳列上顯示的可拖曳物件數大於觸控面板上能 同時顯示的可拖曳物件數時,向左拖曳拖曳列的示意圖。 第3B圖係說明當拖良列上顯示的可拖良物件數大於觸控面板上能 同時顯示的可拖良物件數時,向右拖髮拖髮列的示意圖。 第4A圖和第4B圖係說明當拖矣列上顯示的可拖矣物件數小於或等 #於觸控面板上能同時顯示的可拖矣物件數時,拖矣列處於不移動也 不能循環的示意圖。 增一控•上_的 昂〇·丨1圖 第12圖 ㈣㈣在拖突列上新增可拖突物件的示意圖。 的可拖 第13 15圖係說明在拖矣列上減少可拖祕件的示意圖。 【主要元件符號說明】 100 102 觸控裝置 104 觸控面板 106 拖曳列 1、2、ι、/ΐ _ J 4、5、6、7、8、1,、2,、 3’ 、 4’ 、汽, 處理器 可拖曳物件 15 201205368 200-210、500-518、1200-1214 步驟The draggable object can then drag the number of objects and reduce the draggable objects displayed on the display surface ^102 in sequence to the position of the draggable object. As shown in Figure 13, the No. 5 draggable object is deleted, so No. 6, No. 7, No. 8 can move the object to the left, and the nickname of the monetable item displayed on the display panel 1〇2 at this time. -4th can be dragged and slid in order to drag the number of objects that can be dragged (in this case, the number of thief objects can be dragged (four) after the position. The first loopable variable is false' so drag $ Lexie is still in a recyclable state. However, the present invention is not limited to the No. 5 (4) piece of remuneration, but also the job of dragging the column i (the rest of the towable objects on w, the operation principle will not be repeated here. In step 1208, please refer to Figure 14. The number of items that can be towed on the dragging column 1〇4 is equal to 5 (the number of objects that can be dragged and dropped on the 1st to the 5th), and the number of the towed items in the towed column 1〇4 can be deleted. Drag anywhere in the object to drag the $ object, then decrement the number of draggable (four) pieces by 1, and set the first loopable variable to true (true). Therefore, as shown in Figure 14, the number The draggable object is deleted, so the objects No. 2, No. 3, No. 4, No. 5 can be moved to the left. Since the dragable object is deleted in step 1208, the number of draggable objects on the drag column 1〇4 is equal to 4, the institute Dragging the column 1〇4 no longer needs to be displayed cyclically. Therefore, the first loopable variable is set to true. However, the haircut object is finely divided, and the remaining towable objects on the drag column 104 can also be deleted. The operation principle will not be described here. 13 201205368 In step 1210, please refer to Figure 15, the number of towable objects on the drag column 104 is equal to 4 (1 to 4 draggable objects), delete the drag column 1〇 4 丨号_4 can drag the object at any position in the dragged object, and then decrement the number of draggable objects. Therefore, as shown in Figure 15, the draggable object No. 3 is deleted, so The No. 4 towable object is moved to the left. However, the present invention is not limited to the No. 3 draggable (10) piece being deleted, and the remaining draggable items on the dragging column 1G4 can also be deleted. The operation principle will not be described herein. In summary, the method of the present invention provides a touch device capable of cyclically displaying a drag and drop column and a method for cyclically displaying the drag (4), and the concept of the frame is to drag and drop the object to be displayed on the touch panel. Repeatedly placed in the _ _ _ last - can drag the secrets of the work after the 'making drag and drop on the touch panel The effect of the infinite loop. In addition, the method of the present invention can also increase/reduce the towable objects to be displayed on the playlist, so as long as the frame is used. The concept 'achieves the drag M has a _ ring effect on the Chi panel into the scope of the invention. 'The above description only Lin invented the good example, the rigorous daily application of the patent to make equal changes and modifications, are BRIEF DESCRIPTION OF THE DRAWINGS [Brief Description of the Drawings] FIG. 1 is a view showing a touch device capable of cyclically displaying a drag and drop column. 201205368 FIG. 2 is another embodiment of the present invention. A flowchart of a method for cyclically displaying a towed column on a touch panel. Figure 3A illustrates that when the number of towable objects displayed on the dragged column is greater than the number of towable objects that can be simultaneously displayed on the touch panel, dragging the dragged column to the left Schematic diagram. Figure 3B shows a schematic diagram of dragging the dragging column to the right when the number of draggable objects displayed on the dragged column is greater than the number of draggable objects that can be simultaneously displayed on the touch panel. 4A and 4B illustrate that when the number of towable objects displayed on the drag column is less than or equal to the number of draggable objects that can be simultaneously displayed on the touch panel, the drag column is not moving and cannot be cycled. Schematic diagram. Add one control to the upper _ 〇 〇 丨 1 Figure 12 (4) (d) Add a schematic diagram of the towable object on the towed column. The draggable figure 13-15 shows a schematic diagram of reducing the draggable component on the drag column. [Description of main component symbols] 100 102 Touch device 104 Touch panel 106 Tow columns 1, 2, ι, /ΐ _ J 4, 5, 6, 7, 8, 1, 2, 3, 4' Steam, processor can drag objects 15 201205368 200-210, 500-518, 1200-1214 steps

1616

Claims (1)

201205368 七 、申請專利範圍·· -種可循環顯示拖曳列的觸控裝置,包含: -觸控面板; 一拖矣列,顯示於該觸控面板上,該拖曳列具有n個框架,且 邊觸控面板上可同時顯示該η個框架中的k個樞架;及 一處理器,用以當欲於該拖曳列顯示m個可拖曳物件時,比軟 m與k,且若m大於k,則將該m個可拖曳物件之前让個 可拖戈物件依序重複置入該拖戈列上第m個可抱戈物件之 後, 其中ngm。 2. 如請求項1所述之觸控裝置, 控的觸控面板。 3. 如請求項1所述之觸控裝置 控面板。 4. 如請求項1所述之觸控裝置 控面板。 5. 如請求項1所述之觸控裴置 控面板。 其中該觸控面板係為 其中該觸控面板係為1容式觸 其中該觸控吨係為—電阻式觸 其中該觸控吨係.光學式觸 17 201205368 6. 種在觸控面板上循環顯示拖戈列的方法,包含: 將一拖良列顯示於一觸控面板上,該拖髮列具有η個框架,且 〜該觸控面板上可同時顯示該η個樞架中的k個框架; 當欲於該拖氧列顯示瓜個可拖良物件時,比較:及 右m大於k ’則將該m個可拖良物件之前让個可拖良物件依序 重複置入該拖良列上第m個可拖良物件之後; 其中n^iri。 7. 如明求項6所述之方法’ $包含增加欲顯示於該拖戈列的可拖 曳物件。 8. 如凊求項6所述之方法’另包含減少欲顯示於該拖矣列的可拖 曳物件。 9. 如明求項6所述之方法,另包含當n=m,且另增加丨個欲顯示魯 於該拖良列的可拖矣物件時,將該丨個可拖复物件取代該爪個 可拖良物件之前i個可拖良物件。 八、囷式: 18201205368 VII. Patent application scope · · A touch device capable of cyclically displaying the drag column, comprising: - a touch panel; a drag column displayed on the touch panel, the drag column has n frames, and the side The k panels of the n frames can be simultaneously displayed on the touch panel; and a processor is configured to compare the soft m and k when the m towable objects are to be displayed in the tow column, and if m is greater than k Then, the m towable objects are placed in the dragged object before the mth object can be repeatedly placed in the drag column, wherein ngm. 2. The touch device as claimed in claim 1, the touch panel controlled. 3. The touch device control panel as described in claim 1. 4. The touch device control panel as claimed in claim 1. 5. The touch panel is as described in claim 1. The touch panel is one in which the touch panel is a capacitive touch. The touch is a touch-type touch-type touch. The optical touch 17 201205368 6. The loop is circulated on the touch panel. The method for displaying the dragging column includes: displaying a dragged column on a touch panel, the dragging column has n frames, and ~ the touch panel can simultaneously display k of the n pivoting frames Frame; When you want to display a draggable object in the drag oxygen column, compare: and the right m is greater than k ', then the m draggable objects are placed in the dragged object in sequence. After the mth traceable object on the column; where n^iri. 7. The method of claim 6 as described in claim 6 includes adding a draggable object to be displayed on the drag list. 8. The method of claim 6 further comprising reducing the towable item to be displayed in the drag column. 9. The method of claim 6, further comprising: when n=m, and adding another draggable object to display the dragged item, replacing the one of the draggable objects with the claw One can drag the object before the i can be dragged. Eight, 囷 type: 18
TW99123854A 2010-07-20 2010-07-20 Touch device capable of rotatably displaying a drag list and method of displaying a drag list rotatably TW201205368A (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
TW99123854A TW201205368A (en) 2010-07-20 2010-07-20 Touch device capable of rotatably displaying a drag list and method of displaying a drag list rotatably

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
TW99123854A TW201205368A (en) 2010-07-20 2010-07-20 Touch device capable of rotatably displaying a drag list and method of displaying a drag list rotatably

Publications (1)

Publication Number Publication Date
TW201205368A true TW201205368A (en) 2012-02-01

Family

ID=46761620

Family Applications (1)

Application Number Title Priority Date Filing Date
TW99123854A TW201205368A (en) 2010-07-20 2010-07-20 Touch device capable of rotatably displaying a drag list and method of displaying a drag list rotatably

Country Status (1)

Country Link
TW (1) TW201205368A (en)

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104077037A (en) * 2013-03-27 2014-10-01 宏碁股份有限公司 Displaying method of draggable list
CN104182133A (en) * 2014-08-29 2014-12-03 广东欧珀移动通信有限公司 List sliding control method and device

Cited By (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104077037A (en) * 2013-03-27 2014-10-01 宏碁股份有限公司 Displaying method of draggable list
CN104077037B (en) * 2013-03-27 2017-05-24 宏碁股份有限公司 Displaying method of draggable list
CN104182133A (en) * 2014-08-29 2014-12-03 广东欧珀移动通信有限公司 List sliding control method and device
CN104182133B (en) * 2014-08-29 2017-10-13 广东欧珀移动通信有限公司 Control method by sliding list and device

Similar Documents

Publication Publication Date Title
US11592923B2 (en) Systems and methods for resizing applications in a multitasking view on an electronic device with a touch-sensitive display
US12001650B2 (en) Music user interface
US11747956B2 (en) Multi-dimensional object rearrangement
US11303812B2 (en) Devices, methods, and graphical user interfaces for depth-based annotation
US20140040819A1 (en) Methods and systems for managing the presentation of windows on a display device
JP2023071668A (en) Device, method, and graphical user interface for navigating, displaying, and editing media item with multiple display modes
CN113785264A (en) Device, method and graphical user interface for displaying objects in 3D scenarios
JP6745852B2 (en) Devices, methods, and graphical user interfaces for system-wide behavior of 3D models
US11126327B2 (en) Interactive data visualization user interface with gesture-based data field selection
JP2013033329A (en) Information processing device, information processing method, and program
TW201246054A (en) Information processing apparatus, information processing method, and program
JP2013033330A (en) Information processing device, information processing method, and program
US20160274750A1 (en) Animated Transition between Data Visualization Versions at Different Levels of Detail
US10347018B2 (en) Interactive data visualization user interface with hierarchical filtering based on gesture location on a chart
JP2015125699A (en) Information processing device, and program
TW201205368A (en) Touch device capable of rotatably displaying a drag list and method of displaying a drag list rotatably
US20200341607A1 (en) Scrolling interface control for computer display
AU2021204190B2 (en) Interactive data visualization user interface with gesture-based data field selection
JP6796015B2 (en) Sequence generator and its control method
CN102236506B (en) Method for dragging object
JP6152730B2 (en) Information processing apparatus and information processing program
CN111694487B (en) Information processing method and device, electronic equipment and storage medium
AU2017101561B4 (en) Multi-dimensional object rearrangement
KR20100119599A (en) A touch and cursor control method for portable terminal and portable terminal using the same