201232384 六、發明說明: 【發明所屬之技術領域】 特別是指—軸態資訊顯示 本發明係有關一種觸控面板之操作方法, 及自動版面整合之系統及方法。 【先前技術】 隨著科技日新月異’在市場上出現越來越多功能多樣、強大且繁複的 電子產品’糾,人機操作介面贼為辟產品好軸否㈣201232384 VI. Description of the Invention: [Technical Field of the Invention] In particular, the present invention relates to a method for operating a touch panel, and a system and method for automatic layout integration. [Prior Art] With the rapid development of technology, there has been more and more versatile, powerful and complicated electronic products in the market, and the human-machine interface thief is a good axis for products.
之-。由於大多數賴者所鍾情的乃是解且貼近时生活習慣的操作方 式,所以人機界面的持續改善與進步是一項永無止盡的開發工作。 人機界面已發展出視窗界面及難歸,此實域子產品操作模式的 -大進步’讓消費者不需背誦許多繁複且難以記憶的操作指令與步驟,就 可以使用功能強大的資訊產品。以觸控而言,賴者只需以手指或觸 控筆在螢幕上點擊、拖$即可,獅起來較使麟鼠更為順手。目前觸控 式之電子產品如電腦、行動電話或個人數位助理(pDA),其下方工具列之 資訊區塊可點開執行’但若同時開啟多個元件,其在螢幕上大多透過侧神 工具來呈現即時更新資訊’然而這需要賴者進行繁複的步驟才能完成顯 不資訊之設定’此外,多個即時資訊區塊可能會彼此干擾重疊,造成使用 者劉覽上的困難’而個者必須自行將資訊區塊驗並移動位置以免遮擋 住其他資訊區塊,甚是不便。 因此’本發明即提出—種動態資訊顯示及自動版面整合之系統及方 法’以克服上述轉問題,具體架構及其實施方式將詳述於下。 【發明内容】 201232384 本發明之主要目的在提供一種動態資訊顯示及自動版面整合之系統及 方法’其係利用偵測接觸點之移動軌跡,判斷資訊區塊在活動區及待命區 之間的移動事件’以動態調整排版方式,不需繁複的重置版面設定。 本發明之另一目的在提供一種動態資訊顯示及自動版面整合之方法, 其可將拖曳軌跡之起迄端點對照預設之排版方式,使資訊區塊在矩陣型排 列之版面區塊之間移動位置、增減資訊區塊數目、改變資訊區塊之大小等, 且各資訊區塊之間不會干擾重疊。 為達上述之目的’本發明提供一種動態資訊顯示及自動版面整合之系 統’其係應用於觸控式螢幕之版面中複數資訊區塊之位置調配,包括:一 觸控面板、一處理單元及一顯示單元,其中,觸控面板感應是否有偵測到 一接觸點之一移動轨跡,處理單元判斷移動轨跡是否為資訊區塊之移動事 件,若是,再判斷移動轨跡之起迄是否跨越活動區及待命區,並依據活動 區中資sfl區塊之數目及移動事件中資訊區塊在活動區之位置調整版面之排 版方式,而資訊區塊之排版方式及顯示内容則透過顯示單元顯示出來以供 使用者瀏覽。 本發明另提供一種動態資訊顯示及自動版面整合之方法,其係應用於 觸控式螢幕之版面中複數資訊區塊之位置調配,包括下列步驟:於觸控面 板上偵測一接觸點之一移動軌跡;判斷移動軌跡是否為資訊區塊之移動事 件,若是,再判斷移動軌跡之起迄是否跨越活動區及待命區;以及依據活 動區中資讯區塊之數目調整版面之排版方式。 底下藉由具體實施例詳加說明,當更容易瞭解本發明之目的、技術内 谷、特點及其所達成之功效。 201232384 【實施方式】 本發明提供-種動態資訊顯*及自動版面整合之》統及方法,可在電 子裝置之觸控式螢幕上藉由觸控拖戈方式,在循序排列的區塊中動態增減 資訊區塊,並自動改變活動區之排版方式。 凊參考第1圖,其為本發明動態資訊顯示及自動版面整合之系統架構 圖’包含-顯不單凡12、一觸控面板14及一處理單元16,此顯示單元 及觸控面板14包3在—觸控式螢幕巾,顯示單元I〗將晝面顯示出來以 籲供使用者觀看’如各資訊區塊即時更新之資訊;觸控面板Μ設在顯示單元 12责面且觸控面板14上設有整齊排列之複數觸控點,當被接觸而觸發時, 觸控面板14會送出訊號至處理單元16以進行作動。因此,當外物(如手 指、觸控筆等)點擊在顯示單元12上,下壓觸碰到觸控面板14,此點即為 接觸點’而觸控面板Μ便會傳送出一觸控訊號到處理單元Μ巾,以供處 理單το Ιό判斷接觸點是否有產生拖贫之移動軌跡及後續操作。 在本發明中,顯示單元12之版面被分為兩塊區域,一為活動區,一為 籲待命區,可分別在左右、前後或其他排列方式,待命區中陳列複數資訊區 塊’此些資訊區塊在待命區中為靜態之圖像,當資訊區塊被移動到活動區 時’不但資訊區塊被放大到可填滿整個活動區的空餘位置,且開始播放資 訊區塊之内容、顯示即時更新資訊。 第2圖為本發明動態資訊顯示及自動版面整合之方法之流程圖,首先, 在步驟SH)中於觸控面板上偵測-接觸點,且此接觸點產生了拖突之移動 軌跡;步驟S12判斷此移動軌跡是否為資訊區塊之移動事件,此移動事件 包括資訊區塊在活動區内之移動、活動區移動到待命區、或待命區移動到 201232384 活動區;若移動軌跡不是資訊區塊之移動事件,則結束處理程序,反之, 若是資訊區塊之移動事件,則步驟S14判斷移動軌跡之起迄是否跨越活動 區及待命區,若移動軌跡確實跨越活動區及待命區,則進行步驟S16,依據 活動區内資訊區塊之數目調整版面之排版方式,例如活動區中資訊區塊之 數目減少時’由空位相鄰的一個資訊區塊放大;當活動區中資訊區塊之數 目增加時,則壓縮拖曳位置所在的一個既存資訊區塊之大小。若拖矣位置 所在的一個既存資訊區塊為最小排版,則壓縮較次鄰近的資訊區塊,直到 所有區塊以最小排版顯示,則無法再加入資訊區塊;版面的調整除了依照 活動區的資訊區塊數量來分配資訊區塊之排版方式之外,亦與被選定之資 訊區塊其拖曳的位置有關’若是拖曳到活動區之左下角,則會將原位置之 資訊區塊排開。 若在步驟S14中判斷移動軌跡之起迄並未跨越活動區及待命區,則步 驟S18再判斷移動軌跡之起迄是否在活動區内,若否,代表移動軌跡在待 命區中,則結束處理程序;反之,若步驟S18判斷移動軌跡之起迄皆在活 動區内’則如步驟S20所述,活動區中之排版方式不變,僅調整資訊區塊 之位置。 資訊區塊在活動區中之排版方式係為預設模式,當同時有多個資訊區 塊存在於活動區時’處理單元會自動以預設之排版方式安排各個資訊區塊 之位置。 第3A圖及第3B圖為本發明中將資訊區塊從待命區拖曳到活動區之一 實施例示意圖’在第3A圖中觸控式螢幕被劃分為上方之活動區22及下 方之待命區24 ’待命區24中包含七個資訊區塊,其中編號丨〜3之資訊區塊 201232384 已刀别放大顯示在活動區22之區塊i、區塊2及區塊3中,接著請參考第 圖田使用者以手指將編號4之資訊區塊從待命區24拖戈到活動區22 時’由於移動軌跡之終點已有區塊3,因此改變排版方式將區塊3縮小並靠 左’而右下空出區塊4之位置以放置編號4之資訊區塊。 第4A圖至第4C圖分別為本發明中資訊區塊在活動區内拖曳移動之一 實施例不意圖’在第4A圖中,下方之待命區24包含七個資訊區塊,其中 編號1〜3之資訊區塊已分別放大顯示在活動^22之區塊【、區塊2及區塊 _ 3巾’當使用者如第4B圖中拖复區塊2、但仍在活動區22巾移動時,由於 移動軌跡之起點在區塊2,終點在區塊3,0錄據麟之排财式,區塊 2可被放大為佔據右半邊版面,而區塊3則被縮小。第4C圖則為有別於第 4B圖之另一種排版規則,當移動軌跡之起點在區塊2,終點在區塊3時, 亦可能將區塊2拖$到下方,不但使區塊3縮小,且區塊i被放大而佔據 上半部版面。因此,使用者可依據個人習慣隨意調整版面,將正在瀏覽之 資訊區塊以拖曳方式放大,或將不需要的資訊區塊下放回待命區以空出更 % 大的活動區面積。 綜上所述,本發明提供之動態資訊顯示及自動版面整合之系統及方法 係藉由觸控拖曳之方式,使資訊區塊在矩陣型排列之區塊之間移動位置、 增減資δίΐ區塊數目、改變負sfl區塊之大小,動態調整版面設定,兼顧彈性 並明確清楚的資訊顯示方式,各資訊區塊之間不會彼此干擾重疊而影響閱 讀。 唯以上所述者,僅為本發明之較佳實施例而已,並非用來限定本發明 實施之範圍。故即凡依本發明申請範圍所述之特徵及精神所為之均等變化 201232384 或修飾,均應包括於本發明之申請專利範圍内。 【圖式簡單說明】 第1圖為本發明動態資訊顯示及自動版面整合之系統之方塊圖。 第2圖為本發明動態資訊顯示及自動版面整合之方法之流程圖。 第3A圖及第3B圖為本發明中將資訊區塊從待命區拖矣到活動區之一實施 例示意圖。 第4A圖至第€圖分別為本發明中資訊區塊在活動區内拖良移動之一實施 例不意圖’其中第4B圖及第4C圖分別代表在相同之移動軌跡下兩種不同 之排版規則。 【主要元件符號說明】 10觸控式螢幕 12顯示單元 14觸控面板 16處理單元 22活動區 24待命區 26資訊區塊-. Since most of the people who love it are the way to solve the problem of living habits, the continuous improvement and progress of the human-machine interface is an endless development work. The human-machine interface has developed a window interface and it is difficult to return. The real-life operation mode of the sub-products allows consumers to use powerful information products without having to memorize many complicated and difficult-to-remember operating instructions and steps. In terms of touch, the stalker only needs to click and drag $ on the screen with a finger or a touch pen, and the lion is more convenient for the lion. Currently, touch-based electronic products such as computers, mobile phones, or personal digital assistants (pDAs) can be opened in the information block of the lower toolbar. However, if multiple components are turned on at the same time, most of them are on the screen. To present real-time updates. 'However, this requires complicated steps to complete the display of the information. In addition, multiple real-time information blocks may interfere with each other and overlap, causing difficulties for users." It is very inconvenient to check and move the information block by yourself to avoid blocking other information blocks. Therefore, the present invention proposes a system and method for dynamic information display and automatic layout integration to overcome the above-mentioned problem, and the specific architecture and its implementation will be described in detail below. SUMMARY OF THE INVENTION 201232384 The main object of the present invention is to provide a system and method for dynamic information display and automatic layout integration, which utilizes the movement trajectory of detecting contact points to determine the movement of the information block between the active area and the standby area. The event 'dynamically adjusts the typesetting mode without complicated layout settings. Another object of the present invention is to provide a method for dynamic information display and automatic layout integration, which can compare the origin and the end point of the drag track with a preset typesetting manner, so that the information block is arranged between the layout blocks of the matrix type. Move the position, increase or decrease the number of information blocks, change the size of the information block, etc., and the information blocks will not interfere with the overlap. For the purpose of the above, the present invention provides a system for dynamic information display and automatic layout integration, which is applied to the positional arrangement of a plurality of information blocks in a layout of a touch screen, comprising: a touch panel, a processing unit and a display unit, wherein the touch panel senses whether a movement track of one of the contact points is detected, and the processing unit determines whether the movement track is a movement event of the information block, and if so, whether the start or end of the movement track is determined Crossing the activity area and the standby area, and adjusting the layout of the layout according to the number of Chinese sfl blocks in the activity area and the information block in the mobile event, and the layout and display content of the information block are transmitted through the display unit. Displayed for users to browse. The invention further provides a method for dynamic information display and automatic layout integration, which is applied to position allocation of a plurality of information blocks in a layout of a touch screen, comprising the following steps: detecting one of the contact points on the touch panel Moving the track; determining whether the moving track is a moving event of the information block, and if so, determining whether the starting and ending of the moving track crosses the active area and the standby area; and adjusting the layout of the layout according to the number of information blocks in the active area. The details of the present invention, the characteristics of the technology, the characteristics, and the effects achieved by the present invention will be more readily understood by the detailed description of the specific embodiments. 201232384 [Embodiment] The present invention provides a system and method for dynamic information display and automatic layout integration, which can be dynamically moved in a sequentially arranged block by touch dragging on a touch screen of an electronic device. Increase or decrease the information block and automatically change the layout of the activity area. Referring to FIG. 1 , which is a system architecture diagram of dynamic information display and automatic layout integration of the present invention, including: a display 12, a touch panel 14 and a processing unit 16, the display unit and the touch panel 14 package 3 In the touch-sensitive screen towel, the display unit I displays the face to be displayed for the user to view the information that is updated immediately in each information block; the touch panel is disposed on the display unit 12 and the touch panel 14 The plurality of touch points arranged neatly are arranged, and when triggered by the contact, the touch panel 14 sends a signal to the processing unit 16 for actuation. Therefore, when a foreign object (such as a finger, a stylus, etc.) clicks on the display unit 12 and presses down on the touch panel 14, the point is the contact point, and the touch panel will transmit a touch. The signal is sent to the processing unit wipe for processing the single το Ιό to determine whether the contact point has a trajectory that causes the delay and subsequent operations. In the present invention, the layout of the display unit 12 is divided into two areas, one is an active area, and the other is a standby area, which can be displayed in a left-right, front-back or other arrangement, and a plurality of information blocks in the standby area. The information block is a static image in the standby area. When the information block is moved to the active area, not only the information block is enlarged to fill the vacant position of the entire active area, and the content of the information block is started to be played. Show instant updates. 2 is a flow chart of a method for dynamic information display and automatic layout integration of the present invention. First, in step SH), a touch point is detected on the touch panel, and the contact point generates a moving track of the dragging step; S12 determines whether the movement track is a movement event of the information block, the movement event includes movement of the information block in the activity area, the activity area moves to the standby area, or the standby area moves to the 201232384 activity area; if the movement track is not the information area If the movement event of the block ends the processing procedure, if it is a movement event of the information block, then step S14 determines whether the starting and ending of the moving track crosses the active area and the standby area, and if the moving track does cross the active area and the standby area, then Step S16, adjusting the layout mode of the layout according to the number of information blocks in the active area, for example, when the number of information blocks in the active area is reduced, 'the information block adjacent to the vacancy is enlarged; and the number of information blocks in the active area When added, the size of an existing information block where the drag position is compressed is compressed. If the existing information block where the drag location is located is the minimum typesetting, the less adjacent information block is compressed until all the blocks are displayed in the minimum layout, and the information block can no longer be added; the layout is adjusted according to the active area. In addition to the layout of the information block, the number of information blocks is also related to the location of the selected information block. If it is dragged to the lower left corner of the active area, the information block of the original location will be arranged. If it is determined in step S14 that the starting and ending of the moving track does not cross the active area and the standby area, then step S18 determines whether the starting and ending of the moving track is in the active area, and if not, the representative moving track is in the standby area, then the processing ends. If the step S18 determines that the start and end of the movement track are both in the active area, then as described in step S20, the typesetting mode in the active area is unchanged, and only the position of the information block is adjusted. The layout of the information block in the active area is a preset mode. When multiple information blocks exist in the active area at the same time, the processing unit automatically arranges the position of each information block in a preset typesetting manner. FIG. 3A and FIG. 3B are schematic diagrams showing an embodiment of dragging an information block from a standby area to an active area in the present invention. In FIG. 3A, the touch screen is divided into an upper active area 22 and a lower standby area. 24 'The standby area 24 contains seven information blocks, of which the information block number 201232384 of the number 丨~3 has been enlarged and displayed in the block i, block 2 and block 3 of the active area 22, then please refer to When the user of the map field drags the information block of number 4 from the standby area 24 to the active area 22 with a finger, 'because the end point of the moving track already has the block 3, the layout mode is changed to narrow the block 3 and to the left'. The position of block 4 is vacated in the lower right to place the information block of number 4. 4A to 4C are respectively an embodiment in which the information block is dragged and moved in the active area of the present invention. It is not intended to be in FIG. 4A, and the lower standby area 24 includes seven information blocks, where number 1 is The information block of 3 has been enlarged and displayed in the block of activity ^22 [, block 2 and block _ 3 towel" when the user drags block 2 as shown in Fig. 4B, but still moves in the active area 22 At the same time, since the starting point of the moving track is in block 2, and the ending point is in block 3, 0 is recorded in the block, the block 2 can be enlarged to occupy the right half of the layout, and the block 3 is reduced. Figure 4C is another typesetting rule different from Figure 4B. When the starting point of the moving track is in block 2 and the end point is in block 3, block 2 may be dragged to the bottom, not only to block 3 Zoom out, and block i is enlarged to occupy the upper half of the layout. Therefore, the user can adjust the layout according to personal habits, zoom in on the information block being browsed, or put the unnecessary information block back into the standby area to free up the area of the larger active area. In summary, the system and method for dynamic information display and automatic layout integration provided by the present invention enable the information block to move between blocks arranged in a matrix arrangement by means of touch dragging, and increase or decrease the amount of the block. The number, the size of the negative sfl block, the dynamic adjustment of the layout setting, and the flexibility and clear information display mode, the information blocks do not interfere with each other and affect reading. The above is only the preferred embodiment of the present invention and is not intended to limit the scope of the present invention. Therefore, any changes in the characteristics and spirit of the invention described in the scope of the present application are intended to be included in the scope of the present invention. BRIEF DESCRIPTION OF THE DRAWINGS Fig. 1 is a block diagram of a system for dynamic information display and automatic layout integration of the present invention. 2 is a flow chart of a method for dynamic information display and automatic layout integration of the present invention. 3A and 3B are schematic views showing an embodiment of dragging an information block from a standby area to an active area in the present invention. 4A to FIG. 1 are respectively an embodiment of the information block in the active area of the present invention, and the embodiment is not intended to be 'the 4B and 4C diagrams respectively represent two different types of layout under the same movement track. rule. [Main component symbol description] 10 touch screen 12 display unit 14 touch panel 16 processing unit 22 active area 24 standby area 26 information block