200921495 九、發明說明: 【發明所屬之技術領域】 本發明係關於一種以觸碰遮蔽面積及形狀為點擊機制之觸 控式使用者介面系統,特別是指一種新穎的人機系統互動設計, 透過觸控感應技術,經演算法計算觸碰位置、遮蔽區域、形狀及 視覺化内容’進行點擊測試。 【先前技術】 在圖形化使用者系統(Graphi : User Interface; GUI)中, 所謂點擊測試(hit —testing)是指決定某—點座標是否落在某 -閉區域中’例如:t使用者以滑鼠游標點擊時,該游標點是否 落在某-視覺化it件的區域内是’則該視覺化元件被點擊; 若否’則該點擊無作用。 習用美國專利第6, 229, 525號中揭露之「SYSTEM _ meth〇d FOR EFFICIENT HIT-TESTING IN A COMPUTER-BASED SYSTEMj 是提出-新的點擊測試機制,但其機制係以游標點為㈣,漸次 以圓形往外擴展,至有包含到視覺化元件為止,並㈣定的方式 對包含到的視覺化元件進行點擊,故此方法與本發明所提之以觸 碰遮蔽區域及形狀為點擊測試機制不同。 在Palm OS Pr0gra_er’ s Αρί以化厂⑶“第82〇頁中,有 ㈡式為RctGet Intersection,其作用是決定兩個矩形的交集。 廣義來說,這個函式可以用來做兩個區域的點擊測試,但是⑽ 〇S所使用的觸碰資訊,只有觸磁位置,而非觸碰區域,故與本發 200921495 明不同。 其次,在Microsoft Tablet PC的SDK夂件中,有一函式為 GetRectang 1 eI ntersect i 〇ns,其作用是決.定一矩形與一筆觸 (stroke )的父集。廣義來說,這個函式可以用來做兩個區域的 點擊測試,但是筆觸是線條或線的集合,而非觸碰區域,故與本 發明不同。 另外,在Microsoft Mobile 6的SM文件中,有一函式為 RectlnRegwn,其作用是決定—矩形與—區域是否有交集。廣義 來說,這個函式可以用來做兩個區域的點擊測試,但是心― MobUee所使㈣觸碰f訊,只有觸碰位置,㈣觸碰區域,故 與本發明不同 以點及區域來進行點擊_是很普遍的方式,㈣以游桿來 操作上相當直 况,可以很精確地落在—個點上。但以觸控式系統來說,用來觸 石亚的物件就可能不夠精確,像是用手指直接控制, 覺’但是以手指操控觸控式I統時,會形成—個接觸面’·若還是 用一點座標及一閉區域來進行 為解決,本發㈣料進行呢? 统。 么叫出以接觸區域來進行點擊測試之系 【發明内容】 本發明主要目的在於提供— 擊機制m❹者介面系統, 種以觸碰遮蔽面積及形狀為點 其採用觸控式螢幕及區域交集 200921495 面積5十异等技術與方法解決以點來代表觸碰區域之不易點擊成 功的問題。 為達成上述發明目的之一種以觸碰遮蔽面積及形狀為點擊 機制之觸控式使用者介面系統,包含: -觸控感應器’提供感應施於觸控感應器上之觸碰位置、區 域以及形狀; 顯示面板,提供顯示面板用來呈現視覺化内容; -點擊測試器,係連接到觸控感應器及顯示面板,主要整合 觸控感應ϋ所得之觸碰所遮蔽的區域、形狀及顯示面板所呈現之 視覺化内容,進行點擊測試;以及 、-巾‘點擊測试器根據觸控感應器所得之觸碰所遮蔽的區 域、形狀及顯示面板所呈現之視覺化内容之交集區域,進行點擊 測試’㈣集區域之計算可套用某種數學轉換式,其數學轉換式 為乂集面積與視覺化㈣中心部位有交集者,給予較高之權重, 父集面積與視覺化元件邊緣部位有交集者,給予較低之權重。 【實施方式】 請參閱圖一,本發明所提供之以觸碰遮蔽面積及形狀為點擊 機制之觸控式使用者介面系統之功能方塊圖,主要包括有:—觸 控感應器(1)、一顯示面板(2)以及一點擊測試器(3)所構成。 —觸控感應器(1),更包括觸控控制器(11),亦提供感應施 於觸控感應器(1)上之觸碰位置(22)(觸碰位置)、區域以及形 200921495 狀,该觸控感應器(1)依其所採用之技術不同(如:光學、電阻 或電容等),可傳回觸碰位置(22)(觸碰位置)之直角座標位置、 所施之壓力大小、所觸碰之區域(面積)及形狀等。 -顯示面板⑵’更包括顯示控制器⑵),該提供顯示面板 (2)用來呈現視覺化内容;以及 -點擊測試器(3) ’係連接到觸控感應器⑴及顯示面板 ⑵’主要整合觸控感應器⑴所得之觸碰所遮蔽的區域、形狀及 顯示面板⑵所呈現之視覺化内容(或顯示面板⑵所呈現之視覺 化内容之交集區域’且該交集區域之計算亦能套用數學公式轉 換。)’進行點擊測試,點擊測試器⑶部份係由軟體、硬體或韋刃 體所完成’其中’以軟體設計最為簡便,其上述之數學轉換式為 父集區域或交集面積與視覺化元件中心部位有交集者,給予較高 之權重,而交集面積與視覺化元件邊緣部位有交集者,給予較低 之權重。 為更清楚說明本發明内容,以下就透過圖二所示之程式畫 面’以說明本發明的使用實施例: 實例一:當使用者施於觸控感應器(1)上之觸碰位置(22)(觸 碰位置)、.二由觸控感應器(1)傳回觸碰區域,對應到顯示面板(2) 其視覺化内容中唯一的視覺化元件(23)時,則點擊測試器(3)判 斷觸控感應器(1)所得之觸碰遮蔽區域是否清楚對應到一個視覺 化兀件(23),如清楚對應到一個視覺化元件(23),則點擊測試通 200921495 過,故使用者點擊該視覺化元件(2 3 )。此實例如圖三所示,半透 明之楕圓型代表觸碰區域。 貫例二.當使用者施於觸控感應器(丨)上之觸碰位置()(觸 碰位置)’經由觸控感應裔(1)傳回觸碰區域,對應到顯示面板(2) 其視覺化内容中一個以上的視覺化元件(23)時,則點擊測試器(幻 判斷觸控感應器(1 )所得之觸碰遮蔽區域以最大交集之視覺化元 件(23)為優先選取原則,點擊測試器(3)判定後,則以與觸碰區 域有最大交集之視覺化元件(23)為選取原則。此實例如圖四所 示其中選項1與選項2之視覺化元件(23)與觸碰區域皆有交 集’但以遥項2之視覺化元件(23)有較大之交集面積,故點擊選 項2之視覺化元件(23)。 貫例三:當使用者施於觸控感應器⑴上之觸碰位置(22)(觸 碰位置),經由觸控感應器⑴傳回觸碰區域,對應到顯示面板⑵ ’、視見化内谷中一個以上的視覺化元件⑵)時,則點擊測試器⑶ 判斷觸控感應器⑴所得之觸碰遮蔽區域以最大交集之視覺化元 件(23)為優先選取原則,但若觸碰區域之交集區域面積相同,則 再以交集權重為原則,其與視覺化元件⑽中心部位有交集者給 予較高之權重。此實例如圖五所示,其中選項4與按紐β之視覺 化几件(23)與觸石亚區域皆有交集,但選項4與按鈕β之視覺化元 件(23)交集面積相同,故再以交集權重計算,—種權重計算方法 為:與視覺化元件⑵)中心部位有交集者,給予較高之權重;與 9 200921495 取選項4。 視見化兀件(23)邊緣部位有交集者,給予較低之權重。故此實例 I選項k視覺化^件⑽中心部位有交集,則使用者點擊選 i閱圖,、’係為-種以觸碰遮蔽面積及形狀為點擊機制之 觸控式使用者介面系統其流程示意圖; 接續執行 流程係使用者開始觸碰其視覺化元件(23), 流程11 ; 流程Π ’觸控事件發生(其觸控事件發生於觸碰位置產生 時)’接續執行流程12 ; ,流程12,微處理器⑷讀取觸控感應器⑴所傳回之觸碰位 置資讯,接續執行流程13 ; ♦ 13 A處理$⑷讀取顯示面板⑵目前視覺化内容, 接續執行流程14 ; 流程14,點擊測試器⑶根據觸碰位置資訊及視覺化内容, 判斷觸碰區域及所覆蓋之視覺化元件⑽,是否—對一對應,若 判斷為是,則接續執行流程19,若狀結果為否,則執行流程 15 ,繼續執行程式判定; 流程15 ’點擊測試器⑶判斷觸碰區域及所覆蓋之—個以上 的視覺化元件(23)之久& # β π i 面積疋否有差異,若判斷為是,則接續執 行流程1 8,若判定έ士里* ΤΓ α果為否,則執行流程16,繼續執行程式判 定; 10 200921495 流程16,微處理器(4)加權 惟Τα又集面積丨與視覺化元件(23) 中。。Η立有父集者,給予較高之㈣^ ^ 里一視見化凡件(23)邊緣部 位有交集者,給予較低之權重),接續執丨亍流程17; .流程Π,點擊測試器⑶判斷觸碰區域及所覆蓋之一個以上 的視覺化兀件(23)之各加權面積是 疋否有差異’若判斷為是,則接 、”只執行流程18,若刹定々士軍生π 右爿疋結果為否,則執行流程20,· 流程18,點擊測試器(3)選 /Ππ、 、取有取大父集面積之視覺化元件 (23),接續執行流程Μ ; 流㈣,點擊測試器⑶點擊該視覺化元細), 流程20 ; 流程2 0,觸控事件結束。 本發明所設計以觸碰骑益而# η ’、 積及形狀為點擊機制之觸控式 使用者介面系統,且右知 -有如下略舉出別於前述先前技術之特點·· 1·本發明提出-新穎的觸控式系統點擊測試機制,透過觸 碰區域及其所覆蓋之視覺化元件⑽之交集狀況,來決 定點擊哪一物件,並在 本狀况出現一個以上具有相同 父集面積時,使用力口描t 、ee , 使用加榷方式選出—個視覺化物件。 2 本發明之特點在於使用者择作肖帛+ 百铞作觸控式糸統時,系統採用 觸碰區域做為點擊測試之機制,而非單一點座標。 綜上所述,本案不但在空間型態上確屬創新’並能較習用物 品增進上❹項功效,應已充分符合新驗及進步性之法定發明 200921495 貝局核准本件發明專利申請 專利要件,爰依法提出申請’懇請 案,以勵發明,至感德便。 【圖式簡單說明】 圖二為本發明使用實例所用 圖二為本發明其使用實例之 圖四為本發明其使用實例之 圖五為本發明其使用實例之 之程式晝面之示意 圖 之程式畫面示意圖 之程式畫面示意圖 之程式畫面示意圖 圖六為本發明一種以觸碰遮蔽面積及形狀為點 控式使用者介面作流程圖。 _之觸 【主要元件符號說明】 1觸控感應器 11觸控控制器 2顯示面板 21顯示控制器 2 2觸碰位置 23視覺化元件 3點擊測試器 4微處理器 12200921495 IX. Description of the Invention: [Technical Field] The present invention relates to a touch-sensitive user interface system that uses a touch-shielding area and a shape as a click mechanism, in particular, a novel human-machine system interactive design. The touch sensing technology calculates the touch position, the masked area, the shape and the visualized content by the algorithm to perform a click test. [Prior Art] In the graphical user system (Graphi: User Interface; GUI), the so-called hit test (hit-testing) refers to determining whether a certain point coordinate is in a certain closed region. For example: t user When the mouse cursor is clicked, whether the cursor point falls within the area of a certain visualized piece is 'the visual component is clicked; if no' then the click has no effect. "SYSTEM _ meth〇d FOR EFFICIENT HIT-TESTING IN A COMPUTER-BASED SYSTEMj is proposed in the US Patent No. 6, 229, 525. It is proposed - a new click test mechanism, but the mechanism is based on the cursor point (four), progressive Expanding from a circular shape to include the visualized component, and (4) determining the included visual component in a manner defined by the present invention. Therefore, the method and the present invention propose that the touch shielding region and the shape are different from the click test mechanism. In Palm OS Pr0gra_er's Αρί to the chemical plant (3) "Page 82, there is a (2) formula for RctGet Intersection, the role of which is to determine the intersection of two rectangles. Broadly speaking, this function can be used to do the click test of two areas, but (10) the touch information used by 〇S is only the magnetic touch position, not the touch area, so it is different from this one. Secondly, in the SDK component of the Microsoft Tablet PC, there is a function called GetRectang 1 eI ntersect i 〇ns, which is used to determine the parent of a rectangle and a stroke. Broadly speaking, this function can be used to perform two-part click tests, but the stroke is a collection of lines or lines, not a touch area, and is therefore different from the present invention. In addition, in the SM file of Microsoft Mobile 6, a function is RectlnRegwn, which determines whether there is an intersection between the rectangle and the area. Broadly speaking, this function can be used to do the click test of two areas, but the heart - MobUee makes (4) touch the f signal, only the touch position, (4) touch area, so different from the present invention by point and area Clicking is a very common way. (4) It is quite straightforward to operate with a joystick, and it can fall very accurately at a point. However, in the case of a touch-sensitive system, objects used to touch Shiya may not be accurate enough, such as direct control with a finger, but when a finger-operated touch system is used, a contact surface is formed. Or use a little coordinate and a closed area to solve the problem, this (4) material is going to be done? System. The invention is directed to the use of the contact area for the click test. [Invention] The main purpose of the present invention is to provide a mechanism for detecting the impact of the masking area and the shape of the touch screen and the intersection of the touch screen and the regional intersection 200921495 The technology and method of unequal area solves the problem that the point is not easy to click successfully. In order to achieve the above object, a touch-sensitive user interface system that touches a shielding area and a shape as a click mechanism includes: - a touch sensor that provides a touch position, an area, and a touch position on the touch sensor; Shape; display panel, providing display panel for presenting visual content; - clicking tester, connecting to touch sensor and display panel, mainly integrating touch sensing area, shape and display panel The visualized content presented is subjected to a click test; and the - towel 'click tester clicks according to the area, the shape, and the intersection of the visualized content presented by the touch panel obtained by the touch sensor. The calculation of the '(4) set area can apply some kind of mathematical conversion, and the mathematical conversion formula has the intersection of the area of the collection and the center of the visualization (4), giving a higher weight, and the intersection of the area of the parent set and the edge of the visual element Give lower weights. [Embodiment] Please refer to FIG. 1 , which is a functional block diagram of a touch-sensitive user interface system with a touch-shielding area and a shape as a click mechanism, which mainly includes: a touch sensor (1), A display panel (2) and a click tester (3) are formed. The touch sensor (1) further includes a touch controller (11), and also provides a touch position (22) (touch position), an area, and a shape of the shape 200921495 applied to the touch sensor (1). The touch sensor (1) can return the rectangular coordinate position of the touch position (22) (touch position) and the applied pressure according to different technologies (such as optical, resistance or capacitance). Size, area (area) and shape touched. - display panel (2)' further includes display controller (2)), which provides display panel (2) for presenting visual content; and - click tester (3) 'connected to touch sensor (1) and display panel (2) 'mainly Integrating the area and shape of the touch sensor (1) and the visual content presented by the display panel (2) (or the intersection of the visualized content presented by the display panel (2) and the calculation of the intersection area can also be applied Mathematical formula conversion.) 'Click to test, click on the tester (3) is done by software, hardware or Wei blade body. 'It' is the easiest to design with software. The above mathematical conversion is the parent set area or intersection area. If there is an intersection with the center of the visual component, a higher weight is given, and the intersection area and the edge of the visual component have an intersection, giving a lower weight. In order to explain the present invention more clearly, the following uses the program screen shown in FIG. 2 to illustrate the use embodiment of the present invention: Example 1: When the user applies the touch position on the touch sensor (1) (22) ) (touch position), .2 is returned to the touch area by the touch sensor (1), corresponding to the only visual component (23) in the visualized content of the display panel (2), then click on the tester ( 3) Judging whether the touch shielding area obtained by the touch sensor (1) clearly corresponds to a visual element (23), and if it is clearly corresponding to a visual element (23), click test pass 200921495, so use Click on the visualization component (2 3 ). This example is shown in Figure 3. The semi-transparent round shape represents the touch area. Example 2: When the user touches the touch sensor (丨), the touch position () (touch position) is transmitted back to the touch area via the touch sensor (1), corresponding to the display panel (2) When more than one visual component (23) is visualized in the content, click on the tester (the visual touch component of the touch sensor (1) is used to preferentially select the visual component (23) with maximum intersection as the priority selection principle. After clicking the tester (3) to determine, the visual component (23) having the largest intersection with the touch area is selected as the selection principle. This example is shown in Fig. 4, wherein the visual elements of option 1 and option 2 (23) There is an intersection with the touch area, but the visual component (23) of the remote item 2 has a larger intersection area, so click on the visual component (23) of option 2. Example 3: When the user applies touch The touch position (22) (touch position) on the sensor (1) is transmitted back to the touch area via the touch sensor (1), corresponding to the display panel (2) ', visualizing one or more visual elements (2) in the inner valley) , click the tester (3) to judge the touch mask area obtained by the touch sensor (1). Visual element large intersection of (23) as a priority selection principle, but if the same intersection of the touch area region area, then again to the intersection of the weight principle, with the visual element ⑽ center portion intersect by administering to the higher of the weights. This example is shown in Figure 5, where the option 4 and the button of the button β (23) and the contact stone sub-area have an intersection, but the intersection of the option 4 and the button β of the visual element (23) is the same, so Then calculate the weight of the intersection, the weight calculation method is: the intersection with the central part of the visual component (2), giving a higher weight; and 9 200921495 take option 4. At the edge of the visual element (23), there is an intersection, giving a lower weight. Therefore, the example I option k visualization component (10) has an intersection at the center, and the user clicks on the i-reading image, and the system is a touch-sensitive user interface system that touches the shielding area and shape as a click mechanism. Schematic; the continuous execution process is that the user starts to touch the visual component (23), process 11; flow Π 'touch event occurs (when the touch event occurs when the touch position is generated)' continues execution flow 12; 12, the microprocessor (4) reads the touch position information returned by the touch sensor (1), and continues the execution process 13; ♦ 13 A processing $ (4) reading the display panel (2) the current visual content, the subsequent execution process 14; 14. Clicking on the tester (3) according to the touch position information and the visualized content, determining whether the touch area and the covered visual component (10) are one-to-one correspondence, and if the determination is yes, the process 19 is continued, and the result is Otherwise, execute flow 15 to continue the program determination; Flow 15 'Click the tester (3) to determine the touch area and more than one of the covered visual elements (23) long &# β π i area If the judgment is yes, then the execution flow 1 is continued. If it is determined that the gentleman's * ΤΓ α is negative, then the flow 16 is executed to continue the program determination; 10 200921495 Process 16, the microprocessor (4) weights only Τ α Also set in the area 视觉 and visual components (23). . If you have a father set, give a higher (four) ^ ^ to see the pieces (23) at the edge of the intersection, give a lower weight), continue the execution process 17; . Flow, click test The device (3) determines whether the weighted area of the touch area and the one or more covered visual elements (23) are different. If the determination is yes, then the process is performed, and only the process 18 is executed. If the result of π right is negative, execute flow 20, · flow 18, click tester (3) select / Π π, take the visual component (23) with the area of the large parent set, and continue the execution flow; (4) Click on the tester (3) Click on the visualization element), the process 20; the process 20, the touch event ends. The invention is designed to touch the ride and the # η ', the product and the shape of the click mechanism The user interface system, and the right-known - has the following features that are different from the prior art described above. 1. The present invention proposes a novel touch-system system click test mechanism, through the touch area and the coverage thereof. The intersection of components (10) to determine which object to click on, and in this situation When more than one area has the same parent set, use the force port t, ee, and use the twisting method to select a visual material. 2 The invention is characterized by the user choosing Xiao Wei + Bai Hao as the touch system. The system uses the touch area as a mechanism for click testing, rather than a single point coordinate. In summary, the case is not only innovative in terms of space type, but also can improve the effectiveness of the upper item than the conventional items, and should be fully consistent. The new invention and the progressive legal invention 200921495 The approval of this patent for the invention patent application, the application of the law in accordance with the law, to encourage the invention, to the sense of virtue. [Simplified schematic] Figure 2 is used in the use case of the present invention FIG. 2 is a schematic diagram of a schematic diagram of a schematic diagram of a program screen of a schematic diagram of a program in accordance with the present invention. FIG. A flow chart is made by touching the shielding area and shape as a point-controlled user interface. _ Touch [Main component symbol description] 1 Touch sensor 11 The controller 2 controls the display controller 21 of the display panel 22 of the touch position 23 visual element 3 Click microprocessor 12 tests 4