[go: up one dir, main page]

TW201435718A - Electronic device and method for operating display page thereof - Google Patents

Electronic device and method for operating display page thereof Download PDF

Info

Publication number
TW201435718A
TW201435718A TW102108311A TW102108311A TW201435718A TW 201435718 A TW201435718 A TW 201435718A TW 102108311 A TW102108311 A TW 102108311A TW 102108311 A TW102108311 A TW 102108311A TW 201435718 A TW201435718 A TW 201435718A
Authority
TW
Taiwan
Prior art keywords
contact area
change
electronic device
touch device
page
Prior art date
Application number
TW102108311A
Other languages
Chinese (zh)
Inventor
Jung-Yu Wu
Kuei-Ping Ting
Chin-Wei Lin
Jing-Wei Liang
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 TW102108311A priority Critical patent/TW201435718A/en
Publication of TW201435718A publication Critical patent/TW201435718A/en

Links

Landscapes

  • User Interface Of Digital Computer (AREA)
  • Position Input By Displaying (AREA)

Abstract

An electronic device and a method for operating a display page thereof are provided. The electronic device includes a touch device. The method includes the following steps. A variation of a contact area on the touch device is detected. If the contact area varies, the variation of the contact area is compared with a predetermined threshold. If the value of the variation is less than or equal to the threshold, the display page is moved in a predetermined velocity. If the value of the variation is more than the threshold, the display page is moved in a predetermined acceleration. A moving direction of the display page is determined by the direction of the center of gravity displacement vector of the contact area variation. Users can fast move the display page without a longer finger trajectory in the embodiment of the invention.

Description

電子裝置及其頁面操作方法 Electronic device and its page operation method

本發明是有關於一種電腦操作技術,且特別是有關於一種使用者不需大幅度動作即可捲動頁面的電子裝置及其頁面操作方法。 The present invention relates to a computer operating technology, and more particularly to an electronic device that can scroll a page without requiring a large amount of action, and a page operating method thereof.

各式各樣的行動裝置漸趨普及並廣泛利用於人類生活之中,特別是具有觸控面板的行動裝置。以目前行動裝置的設計而言,當顯示內容多過顯示器的可視範圍時,使用者就需要藉由手勢滑動顯示頁面(display page)來瀏覽更多的內容。舉例來說,在手機或平板電腦的桌面,要滑動到下一頁必須要靠使用者手指在顯示器上由左到右或是由右到左拖曳一定距離(例如:顯示器實體寬度的三分之一)後放開,才能完成換頁的動作。另外,像是在瀏覽網頁時,如果想要瀏覽的內容位在網頁上目前未在顯示器中顯示的下方位置時,使用者須將手指在顯示器上快速的由下往上拖曳一段距離(例如:顯示器實體長度的三分之一),才能快速的將顯示頁面捲動至下方。 A wide variety of mobile devices are becoming more popular and widely used in human life, especially mobile devices with touch panels. In the current design of the mobile device, when the display content is more than the visible range of the display, the user needs to slide through the display page to browse more content. For example, on the desktop of a mobile phone or tablet, to slide to the next page, the user's finger must be dragged from left to right or right to left by a certain distance on the display (for example, the physical width of the display is three-thirds). A) After releasing, you can complete the page change action. In addition, when browsing a webpage, if the content to be viewed is on the lower position of the webpage that is not currently displayed on the display, the user must quickly drag the finger from the bottom up on the display for a distance (for example: Only one-third of the length of the display entity can be used to quickly scroll the display page down.

因應使用者在觀看顯示內容上的需求,目前行動裝置所搭配的顯示器有越來越大的趨勢。然而這也造成使用者在想要讀取所有顯示內容時,必須靠著手指在顯示器上大幅度的動作才能移動顯示頁面的不便。長久使用下來,使用者甚至可能常因為手指過度操作而導致手部酸痛等文明病症。為此,許多使用者便希望能有一種更便利,並且僅需利用些微移動手指後便能大幅度的進行頁面操作的方法問世。 In response to the user's demand for viewing content, there is an increasing trend in the display of mobile devices. However, this also causes the user to move the display page with a large amount of action on the display when he wants to read all the displayed content. After long-term use, the user may even cause a civilized illness such as a sore hand due to excessive finger operation. For this reason, many users hope to have a more convenient method, and only a small amount of moving fingers can be used to make a large-scale page operation.

本發明提供一種電子裝置及其頁面操作方法。本電子裝置及方法會偵測電子裝置的觸控裝置上接觸面積(contact area)的變化,對電子裝置採取對應的頁面操作,例如,依據接觸面積的大小變化來調整頁面捲動的速度。藉此,本方法可令使用者的手指不需作大幅度的移動即可快速移動頁面。 The invention provides an electronic device and a page operation method thereof. The electronic device and method detect changes in the contact area of the touch device of the electronic device, and take corresponding page operations on the electronic device, for example, adjusting the speed of page scrolling according to the change of the contact area. Thereby, the method can quickly move the page of the user's finger without requiring a large movement.

本發明提出一種電子裝置的頁面操作方法,其電子裝置具有觸控裝置。所述頁面操作方法包括下列步驟。偵測觸控裝置上的接觸面積變化。當接觸面積產生變化時,判斷接觸面積變化的數值是否小於等於預設門檻值。若所述數值小於等於預設門檻值時,依據預定速度來移動電子裝置上的顯示頁面。若所述數值大於預設門檻值時,依據預定加速度來移動電子裝置上的顯示頁面。其中,顯示頁面的移動方向依據接觸面積變化的重心位移向量的方向決定。 The invention provides a page operation method for an electronic device, wherein the electronic device has a touch device. The page operation method includes the following steps. Detecting changes in contact area on the touch device. When the contact area changes, it is judged whether the value of the change in the contact area is less than or equal to the preset threshold value. If the value is less than or equal to the preset threshold, the display page on the electronic device is moved according to the predetermined speed. If the value is greater than the preset threshold, the display page on the electronic device is moved according to the predetermined acceleration. Wherein, the moving direction of the display page is determined according to the direction of the center of gravity displacement vector of the contact area change.

在本發明的一實施例中,偵測所述觸控裝置上的接觸面積變化之前包括下列步驟。判斷是否產生接觸面積。當產生所述接觸面積後,偵測所述觸控裝置上的接觸面積變化。 In an embodiment of the invention, the following steps are included before detecting a change in contact area on the touch device. Determine if the contact area is generated. After the contact area is generated, a change in contact area on the touch device is detected.

於另一角度而言,本發明提出一種電子裝置。電子裝置包括觸控裝置以及耦接至觸控裝置的處理單元。當觸控裝置偵測到發生接觸面積變化時,其將接觸面積變化感測資料傳輸至處理單元。處理單元在處理接觸面積變化感測資料後,得到接觸面積變化的數值和接觸面積變化的重心位移向量,並判斷所述數值是否小於等於預設門檻值。若所述數值小於等於預設門檻值時,處理單元依據預定速度來移動顯示頁面。若所述數值大於預設門檻值時,處理單元依據預定加速度來移動顯示頁面。其中,處理單元依據重心位移向量的方向決定顯示頁面的移動方向。 In another aspect, the present invention provides an electronic device. The electronic device includes a touch device and a processing unit coupled to the touch device. When the touch device detects a change in the contact area, it transmits the contact area change sensing data to the processing unit. After processing the contact area change sensing data, the processing unit obtains the value of the contact area change and the center of gravity displacement vector of the contact area change, and determines whether the value is less than or equal to the preset threshold value. If the value is less than or equal to the preset threshold, the processing unit moves the display page according to the predetermined speed. If the value is greater than the preset threshold, the processing unit moves the display page according to the predetermined acceleration. The processing unit determines the moving direction of the display page according to the direction of the center of gravity displacement vector.

在本發明的一實施例中,上述的電子裝置的處理單元還包括運算模組和顯示模組。其中運算模組用以計算得到接觸面積變化的數值和接觸面積變化的重心位移向量,並用以判斷所述數值是否小於等於所述預設門檻值。顯示模組用以依據運算模組的判斷結果移動所述顯示頁面。 In an embodiment of the invention, the processing unit of the electronic device further includes an operation module and a display module. The calculation module is configured to calculate a value of the contact area change and a center of gravity displacement vector of the contact area change, and determine whether the value is less than or equal to the preset threshold value. The display module is configured to move the display page according to the judgment result of the operation module.

在本發明的一實施例中,上述之觸控裝置在其固定區塊上定義接觸區域,並只在所述接觸區域內偵測所述接觸面積變化。 In an embodiment of the invention, the touch device defines a contact area on a fixed block thereof, and detects the contact area change only in the contact area.

基於上述,本發明實施例藉由偵測電子裝置的觸控裝置上接觸面積的變化,並依據接觸面積變化的數值及其重心位移向量的方向來移動顯示頁面。使用者在操作頁面的過程中,只需要 在觸控裝置上的小範圍內做不同力道的手指觸碰。因此,本發明實施例令使用者不需要作大幅度的手指移動即可達到快速移動顯示頁面的效果。 Based on the above, the embodiment of the present invention detects the change of the contact area on the touch device of the electronic device, and moves the display page according to the value of the contact area change and the direction of the center of gravity displacement vector. The user only needs to be in the process of operating the page. Do different finger touches in a small area on the touch device. Therefore, the embodiment of the present invention enables the user to achieve the effect of quickly moving the displayed page without making a large finger movement.

為讓本發明的上述特徵和優點能更明顯易懂,下文特舉實施例,並配合所附圖式作詳細說明如下。 The above described features and advantages of the invention will be apparent from the following description.

100‧‧‧電子裝置 100‧‧‧Electronic devices

110‧‧‧處理單元 110‧‧‧Processing unit

112‧‧‧運算模組 112‧‧‧ Computing Module

114‧‧‧顯示模組 114‧‧‧Display module

120‧‧‧觸控裝置 120‧‧‧ touch device

130‧‧‧顯示裝置 130‧‧‧Display device

S210~S250‧‧‧頁面操作方法的步驟 Steps for the S210~S250‧‧‧ page operation method

300、450、620‧‧‧手指 300, 450, 620‧ ‧ fingers

CA1、CA2‧‧‧接觸面積 CA1, CA2‧‧‧ contact area

400、600‧‧‧觸控面板 400, 600‧‧‧ touch panel

410、420、610‧‧‧顯示頁面 410, 420, 610‧‧‧ display page

411、412、413、421、422、423、611、612、613‧‧‧應用程式圖示 411, 412, 413, 421, 422, 423, 611, 612, 613‧‧‧ application icons

430‧‧‧提示圖標 430‧‧‧tip icon

440、630‧‧‧接觸區域 440, 630‧ ‧ contact area

460‧‧‧時間提示 460‧‧‧Time reminder

470‧‧‧電量提示 470‧‧‧Power Tips

S510~S530‧‧‧頁面操作方法的步驟 Steps of the S510~S530‧‧‧ page operation method

640‧‧‧操作選項窗 640‧‧‧Operation options window

641、642‧‧‧操作選項 641, 642‧‧‧ operation options

圖1是根據本發明之一實施例所示之電子裝置的方塊圖。 1 is a block diagram of an electronic device shown in accordance with an embodiment of the present invention.

圖2是根據本發明之一實施例所繪示之頁面操作方法的流程圖。 2 is a flow chart of a method of operating a page according to an embodiment of the invention.

圖3A及圖3B分別是觸控裝置上的接觸面積變化以及其重心位移向量的示意圖。 3A and 3B are schematic diagrams showing changes in contact area and center of gravity displacement vectors on the touch device, respectively.

圖4A及圖4B分別是根據本發明之一實施例所繪示之頁面操作前與頁面操作後的示意圖。 4A and FIG. 4B are schematic diagrams of a page operation and a page operation, respectively, according to an embodiment of the invention.

圖5是根據本發明之一實施例所繪示之提供其他操作選項的頁面操作方法的流程圖。 FIG. 5 is a flow chart of a page operation method for providing other operation options according to an embodiment of the invention.

圖6A及圖6B分別是根據本發明之一實施例所繪示之提供其他操作選項前與提供其他操作選項後的示意圖。 FIG. 6A and FIG. 6B are schematic diagrams of providing other operation options and providing other operation options, respectively, according to an embodiment of the invention.

圖1是根據本發明之一實施例所示之電子裝置的方塊圖。如圖1所示,電子裝置100包括處理單元110、觸控裝置120 以及顯示裝置130。處理單元110耦接至觸控裝置120以及顯示裝置130。觸控裝置120用以偵測電子裝置100上接觸面積的變化,並將感測資訊傳輸至處理單元110,以供處理單元110判斷要採取的頁面操作。處理單元110更包括運算模組112和顯示模組114。運算模組112可從觸控裝置120接收上述接觸面積變化的感測資訊,並對接觸面積變化的感測資訊作計算處理後,判斷其對應的頁面操作,並指示顯示模組114依據預定內容移動顯示頁面。最後,顯示模組114將上述頁面操作的畫面顯示於顯示裝置130。本實施例的電子裝置100可以是智慧型手機、平板電腦、電子書閱讀器、汽車導航系統等行動裝置,但不限於此。此外,觸控裝置120可與顯示裝置130整合為觸控式面板。於部分實施例中,觸控裝置120也可以是觸控板、繪圖板等輸入設備。 1 is a block diagram of an electronic device shown in accordance with an embodiment of the present invention. As shown in FIG. 1 , the electronic device 100 includes a processing unit 110 and a touch device 120 . And a display device 130. The processing unit 110 is coupled to the touch device 120 and the display device 130. The touch device 120 is configured to detect a change in the contact area on the electronic device 100 and transmit the sensing information to the processing unit 110 for the processing unit 110 to determine a page operation to be taken. The processing unit 110 further includes a computing module 112 and a display module 114. The computing module 112 can receive the sensing information of the contact area change from the touch device 120, calculate the sensing information of the contact area change, determine the corresponding page operation, and instruct the display module 114 to follow the predetermined content. Move the display page. Finally, the display module 114 displays the screen of the page operation on the display device 130. The electronic device 100 of this embodiment may be a mobile device such as a smart phone, a tablet computer, an e-book reader, or a car navigation system, but is not limited thereto. In addition, the touch device 120 can be integrated with the display device 130 as a touch panel. In some embodiments, the touch device 120 can also be an input device such as a touch panel or a tablet.

圖2是根據本發明之一實施例所繪示之頁面操作方法的流程圖。參照圖1及圖2,在圖2的步驟S210中,觸控裝置120感測目前觸控裝置120上是否產生接觸面積。意即,觸控裝置120於步驟S210中感測使用者的手指目前是否有碰觸觸控裝置120。若為否時,表示使用者目前沒有觸碰觸控裝置120,也就是說,使用者目前沒有意圖要進行頁面的操作。若觸控裝置120上產生接觸面積時,則從步驟S210進入步驟S220,觸控裝置120持續偵測接觸面積變化是否產生。在部分實施例中,步驟S210可省略,也就是觸控裝置120可以不先感測目前觸控裝置120上是否產生接觸面積,而是直接持續偵測觸控裝置120上是否產生接觸面積 變化。 2 is a flow chart of a method of operating a page according to an embodiment of the invention. Referring to FIG. 1 and FIG. 2 , in step S210 of FIG. 2 , the touch device 120 senses whether a contact area is currently generated on the touch device 120 . That is, the touch device 120 senses whether the user's finger currently touches the touch device 120 in step S210. If no, it means that the user does not touch the touch device 120 at present, that is, the user does not currently intend to perform the operation of the page. If the contact area is generated on the touch device 120, the process proceeds from step S210 to step S220, and the touch device 120 continuously detects whether the contact area change occurs. In some embodiments, the step S210 can be omitted, that is, the touch device 120 can directly detect whether the contact area is generated on the touch device 120, and directly detect whether the contact area is generated on the touch device 120. Variety.

若觸控裝置120偵測到接觸面積變化產生時,觸控裝置120將接觸面積變化感測資料傳輸至處理單元110。處理單元110中的運算模組112隨即對接觸面積變化感測資料進行計算,得到上述接觸面積變化的數值,及其重心位移向量。關於接觸面積變化數值以及其重心位移向量的計算方式,將會在後續以圖3A及圖3B進行詳細說明。 When the touch device 120 detects a change in the contact area, the touch device 120 transmits the contact area change sensing data to the processing unit 110. The computing module 112 in the processing unit 110 then calculates the contact area change sensing data to obtain the value of the contact area change and the center of gravity displacement vector. The calculation of the contact area change value and its center of gravity displacement vector will be described in detail later with reference to FIGS. 3A and 3B.

運算模組112利用計算得到的接觸面積變化數值,將其與一個預設的門檻值作比較。見圖2的步驟S230,運算模組112判斷接觸面積變化的數值是否小於等於預設門檻值。若所述數值小於等於預設門檻值時,進行步驟S240,運算模組112指示顯示模組114依據預定速度來移動電子裝置100上的顯示頁面,移動方向依據該接觸面積變化的重心位移向量方向決定。若接觸面積變化的數值大於預設門檻值時,進行步驟S250,運算模組112指示顯示模組114依據預定加速度來移動電子裝置100上的顯示頁面,移動方向依據該接觸面積變化的重心位移向量方向決定。最後,顯示模組114將所述頁面操作顯示於顯示裝置130上。 The computing module 112 compares the calculated contact area change value with a preset threshold value. Referring to step S230 of FIG. 2, the operation module 112 determines whether the value of the contact area change is less than or equal to a preset threshold value. If the value is less than or equal to the preset threshold, step S240 is performed, and the operation module 112 instructs the display module 114 to move the display page on the electronic device 100 according to the predetermined speed, and the direction of the displacement of the center of gravity according to the change of the contact area Decide. If the value of the change of the contact area is greater than the preset threshold, step S250 is performed, and the operation module 112 instructs the display module 114 to move the display page on the electronic device 100 according to the predetermined acceleration, and the center of gravity displacement vector according to the contact area changes according to the contact area. The direction is determined. Finally, the display module 114 displays the page operation on the display device 130.

圖3A及圖3B分別是觸控裝置上的接觸面積變化以及其重心位移向量的示意圖。為了方便之後的說明,在此將觸控裝置102上的每個感測單元進行標示以繪示成圖3A~圖3B方格陣列。圖3A用以示意觸控裝置120上接觸面積的變化。在觸控裝置120上,接觸面積會由於手指300施於觸控裝置的施力量不同而有所 改變。舉例來說,如圖3A所示,圖3A的左圖是手指300輕輕觸摸觸控裝置120的範例,其接觸面積CA1較小,面積只有4個方格。然而若是手指用力觸碰觸控裝置120時,如圖3A的右圖所示,其與觸控裝置120的接觸面積CA2則較大,其面積增為24個方格。 3A and 3B are schematic diagrams showing changes in contact area and center of gravity displacement vectors on the touch device, respectively. For convenience of the following description, each sensing unit on the touch device 102 is labeled to be illustrated as a grid array of FIGS. 3A-3B. FIG. 3A is used to illustrate the change in contact area on the touch device 120. In the touch device 120, the contact area may be different due to the different force exerted by the finger 300 on the touch device. change. For example, as shown in FIG. 3A, the left diagram of FIG. 3A is an example in which the finger 300 gently touches the touch device 120, and the contact area CA1 is small, and the area is only 4 squares. However, if the finger touches the touch device 120 hard, as shown in the right diagram of FIG. 3A, the contact area CA2 with the touch device 120 is larger, and the area is increased to 24 squares.

其中,接觸面積變化數值的算法是:假設接觸面積變化的數值為△A,上一個時間點偵測到的接觸面積為A1,目前偵測到的接觸面積為A2,則接觸面積變化的數值△A=A2-A1。以圖3A為例,假設在上一個時間點所偵測到接觸面積A1如圖3A的左圖所示為4個方格,而目前偵測到的接觸面積A2如圖3A的右圖所示為24個方格。其接觸面積變化數值的算法為A2-A1,即24-4,得到接觸面積變化的數值△A為20。在本發明實施例中,以接觸面積變化的數值為依據,採取對應的頁面操作,移動顯示頁面。 The algorithm for changing the contact area is: assuming that the change in the contact area is ΔA, the contact area detected at the previous time point is A 1 , and the currently detected contact area is A 2 , and the contact area is changed. The value ΔA = A 2 - A 1 . Taking FIG. 3A as an example, it is assumed that the contact area A 1 detected at the last time point is 4 squares as shown in the left diagram of FIG. 3A, and the currently detected contact area A 2 is as shown in the right diagram of FIG. 3A. Shown are 24 squares. The algorithm for changing the contact area is A 2 -A 1 , that is, 24-4, and the value ΔA of the change in contact area is 20. In the embodiment of the present invention, based on the value of the change in the contact area, a corresponding page operation is taken to move the display page.

圖3B為接觸面積變化的重心位移向量之示意圖,以與圖3A相同接觸面積的兩張圖作範例。定義面積為n個格點的接觸面積其重心座標O(Xo,Yo)的計算方法如下述方程式(1)所示: Fig. 3B is a schematic diagram of the center of gravity displacement vector of the contact area change, and two figures of the same contact area as Fig. 3A are taken as an example. The calculation method for the center of gravity O(X o , Y o ) of the contact area defining the area of n grid points is as shown in the following equation (1):

其中,Xo為接觸面積重心的x座標,Yo為所述重心的y座標。Xo1~Xon分別為位於接觸面積中其n個格點各別之中心點的x座標,Yo1~Yon分別為位於接觸面積中其n個格點各別之中心點的y座標。以圖3B的左圖為例,面積為4(即n=4)個格點的接觸面積CA1內,每個方格的中心點以由左至右、由上到下的順序,分別為(Xo1,Yo1),(Xo2,Yo2),(Xo3,Yo4),(Xo4,Yo4)。代入方程式(1) 即可得到接觸面積CA1的重心座標O(Xo,Yo)為 Where X o is the x coordinate of the center of gravity of the contact area, and Y o is the y coordinate of the center of gravity. X o1 ~X on are the x coordinates of the center points of the n grid points in the contact area, respectively, and Y o1 ~Y on are the y coordinates of the center points of the n grid points in the contact area, respectively. Taking the left diagram of FIG. 3B as an example, the contact area CA1 of an area of 4 (ie, n=4) grid points, the center points of each square are in order from left to right and top to bottom, respectively ( X o1 , Y o1 ), (X o2 , Y o2 ), (X o3 , Y o4 ), (X o4 , Y o4 ). Substituting equation (1), the center of gravity coordinate O(X o , Y o ) of the contact area CA1 is obtained.

同理,圖3B的右圖中面積為24個格點(即n=24)的接觸面積CA2,其重心座標M(Xm,Ym)為 Similarly, the contact area CA2 of the area of 24 grid points (ie, n=24) in the right diagram of FIG. 3B, the center of gravity coordinate M(X m , Y m ) is

見圖3B的右圖,點O為接觸面積變化前接觸面積CA1的重心。接觸面積變化後的接觸面積CA2的重心位於點M。定義其重心位移向量,即,。圖3B的右圖上以帶有箭號標明方向的OM連線表示其重心位移向量。在本發明實施例中藉由重心位移向量的方向來決定頁面移動的方向。 Referring to the right diagram of FIG. 3B, the point O is the center of gravity of the contact area CA1 before the contact area changes. The center of gravity of the contact area CA2 after the contact area change is located at the point M. Define its center of gravity displacement vector for ,which is, . The OM line with the arrow indicating the direction on the right image of Fig. 3B indicates the center of gravity displacement vector. In the embodiment of the invention, the direction of the page movement is determined by the direction of the center of gravity displacement vector.

圖4A及圖4B分別是根據本發明之一實施例所繪示之頁面操作前與頁面操作後的示意圖。參照圖1及4,在此實施例中,電子裝置100的觸控裝置120和顯示裝置130整合為觸控面板400。觸控面板400的顯示畫面中包括顯示頁面410、顯示頁面420和在右下角的多個提示圖示,例如:時間提示460、電量提示470。此外,顯示頁面420中包括3個應用程式圖示:圖示421、圖示422和圖示423。 4A and FIG. 4B are schematic diagrams of a page operation and a page operation, respectively, according to an embodiment of the invention. Referring to FIGS. 1 and 4 , in this embodiment, the touch device 120 and the display device 130 of the electronic device 100 are integrated into the touch panel 400 . The display screen of the touch panel 400 includes a display page 410, a display page 420, and a plurality of prompt icons in the lower right corner, for example, a time prompt 460 and a power indicator 470. In addition, the display page 420 includes three application icons: a graphic 421, a graphic 422, and a graphic 423.

當使用者的手指450碰觸觸控面板400時,觸控面板400將與手指450實際接觸的區塊定義為接觸區域440,用以偵測接觸面積的變化。其中,接觸區域440會隨著使用者手指450實際在觸控面板400上的位置移動。因此,使用者可以在觸控面板400 感測範圍裡的任何區塊上,藉由接觸面積的變化來操作頁面。在部分實施例中,觸控面板400將其感測範圍內的一固定區域定義為接觸區域440,不隨使用者手指450移動。 When the user's finger 450 touches the touch panel 400, the touch panel 400 defines a block that is actually in contact with the finger 450 as a contact area 440 for detecting a change in the contact area. The contact area 440 moves along with the position of the user's finger 450 on the touch panel 400. Therefore, the user can be in the touch panel 400 The page is manipulated by any change in contact area over any block in the sensing range. In some embodiments, the touch panel 400 defines a fixed area within its sensing range as the contact area 440 that does not move with the user's finger 450.

於本實施例中,電子裝置100可以決定觸控區域440的位置及範圍,觸控面板400只會在接觸區域440內偵測接觸面積變化。在接觸區域440以外部分發生的接觸面積變化,則不會觸發本發明實施例的頁面操作方法。在此實施例中,觸控面板400將接觸區域440以雙層圓圈的介面提示顯示於顯示畫面上。介面提示用以指示使用者目前的接觸區域440的位置,其型式不限於雙層圓圈。在另一實施例中,觸控面板400不將接觸區域440以介面提示顯示於顯示畫面上。於部分實施例中,接觸區域440也可以利用電子裝置的特定組合鍵來進行顯示或消失,藉以啟動或關閉此頁面操作功能。 In this embodiment, the electronic device 100 can determine the position and range of the touch area 440, and the touch panel 400 can only detect the change of the contact area in the contact area 440. The change in contact area occurring in portions other than the contact area 440 does not trigger the page operation method of the embodiment of the present invention. In this embodiment, the touch panel 400 displays the contact area 440 on the display screen with a double-decked interface prompt. The interface prompt is used to indicate the location of the user's current contact area 440, the type of which is not limited to a double circle. In another embodiment, the touch panel 400 does not display the contact area 440 on the display screen with an interface prompt. In some embodiments, the contact area 440 can also be displayed or disappeared by using a specific combination of keys of the electronic device, thereby enabling or disabling the page operation function.

參照圖2-4,當觸控面板400感測到目前的接觸面積不等於零時,觸控面板400將目前手指450接觸的區塊定義為接觸區域440,並在接觸區域440內持續偵測是否有接觸面積的變化。舉例來說,在上一個時間點手指450在接觸區域440上的接觸面積如圖3A的左圖所示,而在目前的時間點手指450在接觸區域440上的接觸面積如圖3A的右圖所示。其接觸面積由4個格點增為24個格點,觸控面板400判斷接觸面積發生變化,其接觸面積變化的數值為20,變化前後重心位移向量則如圖3B右圖中所示。時間點之間的間隔可以是1秒,但本發明不限於此。接觸面 積變化的數值及其重心位移向量的計算方式在前面已詳細解釋,在此不再贅述。 Referring to FIG. 2-4, when the touch panel 400 senses that the current contact area is not equal to zero, the touch panel 400 defines the block that the current finger 450 contacts as the contact area 440, and continuously detects whether the contact area 440 is in the contact area 440. There is a change in contact area. For example, the contact area of the finger 450 on the contact area 440 at the last time point is as shown in the left diagram of FIG. 3A, and the contact area of the finger 450 on the contact area 440 at the current time point is as shown in the right diagram of FIG. 3A. Shown. The contact area is increased from 4 grid points to 24 grid points. The touch panel 400 determines that the contact area changes, and the contact area change value is 20, and the center-of-gravity displacement vector before and after the change is as shown in the right diagram of FIG. 3B. Shown. The interval between the time points may be 1 second, but the present invention is not limited thereto. The value of the contact area change and the calculation method of the center of gravity displacement vector have been explained in detail above, and will not be described again here.

假設預設的門檻值為20,接觸面積變化的數值20等於門檻值,因此,電子裝置100指示觸控面板400依據預設的速度以及重心位移向量的方向移動顯示頁面410及顯示頁面420。經頁面移動後的顯示畫面如圖4B所示。由於在此實施例中顯示頁面410及顯示頁面420的可移動方向僅限左右,故雖然重心位移向量的方向指向右下方,顯示頁面410及顯示頁面420的實際移動方向仍為向右。在頁面移動後,可以在觸控面板400上看到原先未顯示於顯示畫面上的屬於顯示頁面410的3個應用程式圖示:圖示411、圖示412以及圖示413。原先顯示在觸控面板400上屬於顯示頁面420之圖示422和圖示423,則隱沒於觸控面板400的顯示畫面中。 Assuming that the preset threshold value is 20, the value 20 of the contact area change is equal to the threshold value. Therefore, the electronic device 100 instructs the touch panel 400 according to the preset speed and the center of gravity displacement vector. The direction moves the display page 410 and the display page 420. The display screen after the page is moved is as shown in FIG. 4B. Since the movable direction of the display page 410 and the display page 420 in this embodiment is limited to the left and right, although the center of gravity displacement vector The direction of the display points to the lower right, and the actual moving direction of the display page 410 and the display page 420 is still to the right. After the page is moved, three application icons belonging to the display page 410 that are not previously displayed on the display screen can be seen on the touch panel 400: the icon 411, the icon 412, and the icon 413. The icon 422 and the icon 423 originally displayed on the touch panel 400 belonging to the display page 420 are hidden in the display screen of the touch panel 400.

本發明實施例所提供的頁面操作方法可以在電子裝置100開啟時自動啟動(enable),使用者可手動關閉(disable),在符合本發明的另一實施例中,此頁面操作方法在電子裝置100中的某些應用程式(例如,瀏覽器)開啟時會自動啟動,使用者可手動關閉。在本發明的再一實施例中,此頁面操作方法可由使用者手動啟動和關閉。另外,當本發明實施例的頁面操作方法啟動時,會在顯示畫面中出現提示圖示來告知使用者目前的狀態。舉例來說,如圖4所示,在觸控面板400的顯示畫面右下角具有星型的提示圖標(icon)430,用以提示使用者目前依據接觸面積變化進行 頁面操作的功能是啟動的。其提示圖標的出現位置及圖形並不限於右下角或是星型,應用此發明實施例者可依照其需求來調整出現的位置以及提示圖標430的圖形。 The page operation method provided by the embodiment of the present invention can be automatically activated when the electronic device 100 is turned on, and the user can be manually disabled. In another embodiment consistent with the present invention, the page operation method is on the electronic device. Some applications in 100 (for example, a browser) are automatically launched when they are turned on, and can be manually closed by the user. In still another embodiment of the present invention, the page manipulation method can be manually activated and deactivated by a user. In addition, when the page operation method of the embodiment of the present invention is started, a prompt icon appears on the display screen to inform the user of the current status. For example, as shown in FIG. 4, a star icon 430 is displayed in the lower right corner of the display screen of the touch panel 400 to prompt the user to change according to the contact area. The function of the page operation is started. The appearance position and graphics of the prompt icon are not limited to the lower right corner or the star shape, and the embodiment of the invention may adjust the position of the appearance and the graphic of the prompt icon 430 according to the requirements thereof.

圖5是根據本發明之一實施例所繪示之提供其他操作選項的頁面操作方法的流程圖。圖6A及圖6B分別是根據本發明之一實施例所繪示之提供其他操作選項前與提供其他操作選項後的示意圖。參照圖6,在觸控面板600的顯示畫面上包括:顯示頁面610、提示本操作方法啟動中的提示圖標430、時間提示460和電量提示470。顯示頁面610上包括3個應用程式圖示:圖示611、圖示612及圖示613。 FIG. 5 is a flow chart of a page operation method for providing other operation options according to an embodiment of the invention. FIG. 6A and FIG. 6B are schematic diagrams of providing other operation options and providing other operation options, respectively, according to an embodiment of the invention. Referring to FIG. 6 , the display screen of the touch panel 600 includes a display page 610 , a prompt icon 430 prompting the start of the operation method, a time prompt 460 , and a power prompt 470 . The display page 610 includes three application icons: a graphic 611, a graphic 612, and a graphic 613.

圖5與圖1所提供的頁面操作方法其差異在於,圖5的頁面操作方法在偵測接觸面積變化是否產生的步驟S220與判斷所述接觸面積變化的數值是否小於等於預設門檻值的步驟S230之間,多了是否同時觸發電子裝置100其他操作的判斷,以及其後續的步驟。 5 is different from the page operation method provided in FIG. 1 in the step of detecting the contact area change in step S220 of FIG. 5 and determining whether the value of the contact area change is less than or equal to a preset threshold value. Between S230, there are more judgments as to whether other operations of the electronic device 100 are triggered at the same time, and subsequent steps thereof.

在電子裝置100上執行本發明實施例的頁面操作方法時,用以操作頁面的接觸面積變化有可能同時觸發電子裝置100其他操作的觸發條件。舉例來說,若接觸區域與某些顯示項目(例如,應用程式圖示、網頁圖像、網頁超連結)重疊時,此時接觸面積變化有可能同時觸發其他電子裝置100的操作,例如:開啟應用程式、點選圖像或是開啟超連結。 When the page operation method of the embodiment of the present invention is executed on the electronic device 100, the change of the contact area for operating the page may trigger the triggering condition of other operations of the electronic device 100 at the same time. For example, if the contact area overlaps with some display items (for example, an application icon, a webpage image, or a webpage hyperlink), the contact area change may trigger the operation of the other electronic device 100 at the same time, for example, App, click on an image or open a hyperlink.

參照圖1、圖5及圖6,在本實施例中,當觸控面板600 偵測到接觸面積變化產生時(步驟S220),處理單元110判斷是否同時觸發其他操作(步驟S510)。若處理單元110判斷同時沒有其他操作被觸發時,進行步驟S230。若處理單元110判斷同時有其他操作被觸發時,則進行步驟S520,在顯示裝置130上顯示一個或多個選項,用以選擇電子裝置的操作,包括移動頁面。 Referring to FIG. 1 , FIG. 5 and FIG. 6 , in the embodiment, when the touch panel 600 is used When it is detected that the contact area change is generated (step S220), the processing unit 110 determines whether or not other operations are simultaneously triggered (step S510). If the processing unit 110 determines that no other operations are triggered at the same time, step S230 is performed. If the processing unit 110 determines that other operations are triggered at the same time, then step S520 is performed to display one or more options on the display device 130 for selecting an operation of the electronic device, including moving the page.

具體來說,如圖6A所示,當使用者手指620在觸控面板600上的接觸區域630恰好位於應用程式圖示613上,並且發生接觸面積的變化時,此時電子裝置100上被觸發的操作至少有兩個:移動顯示頁面或是開啟圖示613所代表的應用程式。因此,如圖6B所示,在觸控面板600的顯示畫面顯示操作選項窗640。操作選項窗640上包括開啟此應用程式的操作選項641以及移動頁面的操作選項642,供使用者選擇想要進行的電子裝置100操作。在本實施例中,操作選項窗640鄰近於接觸區域630,方便使用者作點選,但其出現位置不限於此,應用此發明實施例者可依照其需求來調整出現的位置 Specifically, as shown in FIG. 6A, when the contact area 630 of the user's finger 620 on the touch panel 600 is located on the application icon 613, and the change of the contact area occurs, the electronic device 100 is triggered at this time. There are at least two operations: moving the display page or opening the application represented by icon 613. Therefore, as shown in FIG. 6B, an operation option window 640 is displayed on the display screen of the touch panel 600. The operation option window 640 includes an operation option 641 for opening the application and an operation option 642 for moving the page for the user to select the operation of the electronic device 100 to be performed. In this embodiment, the operation option window 640 is adjacent to the contact area 630, which is convenient for the user to click, but the position of the appearance is not limited thereto, and the embodiment of the invention can adjust the position of the appearance according to the needs thereof.

在使用者作選擇後,進行步驟S530,處理單元110判斷所要進行的操作是否為頁面移動。若為頁面移動時,進行步驟S230,處理單元判斷接觸面積變化的數值是否小於等於預設門檻值,剩餘步驟皆與圖2中相同編號的步驟相同,在此不再贅述。若不為頁面移動時,則結束本頁面操作方法,進行其所選擇的電子裝置100操作。 After the user makes a selection, step S530 is performed, and the processing unit 110 determines whether the operation to be performed is a page move. If the page is moved, the process proceeds to step S230, and the processing unit determines whether the value of the contact area change is less than or equal to the preset threshold. The remaining steps are the same as those of the same number in FIG. 2, and details are not described herein again. If the page is not moved, the operation method of the page is ended, and the selected electronic device 100 is operated.

在另一實施例中,當本發明的頁面操作方法啟動時,關 閉其他可能同時觸發的電子裝置100的操作,故不會有同時觸發兩種以上電子裝置100的操作問題。 In another embodiment, when the page manipulation method of the present invention is activated, The operation of the electronic device 100 that may be triggered at the same time is closed, so that there is no problem of operating the two or more electronic devices 100 at the same time.

綜上所述,本發明藉由偵測電子裝置的觸控裝置上接觸面積的變化,並依據所述接觸面積變化的數值及其重心位移向量的方向來移動顯示頁面。使用者在操作頁面的過程中,只需要在觸控裝置上的小範圍內做不同力道的手指觸碰。因此,本發明令使用者不需要作大幅度的手指移動即可達到快速移動顯示頁面的效果。 In summary, the present invention detects a change in the contact area on the touch device of the electronic device, and moves the display page according to the value of the contact area change and the direction of the center of gravity displacement vector. During the operation of the page, the user only needs to make different finger touches in a small range on the touch device. Therefore, the present invention allows the user to achieve the effect of quickly moving the displayed page without requiring a large finger movement.

雖然本發明已以實施例揭露如上,然其並非用以限定本發明,任何所屬技術領域中具有通常知識者,在不脫離本發明的精神和範圍內,當可作些許的更動與潤飾,故本發明的保護範圍當視後附的申請專利範圍所界定者為準。 Although the present invention has been disclosed in the above embodiments, it is not intended to limit the present invention, and any one of ordinary skill in the art can make some changes and refinements without departing from the spirit and scope of the present invention. The scope of the invention is defined by the scope of the appended claims.

100‧‧‧電子裝置 100‧‧‧Electronic devices

110‧‧‧處理單元 110‧‧‧Processing unit

112‧‧‧運算模組 112‧‧‧ Computing Module

114‧‧‧顯示模組 114‧‧‧Display module

120‧‧‧觸控裝置 120‧‧‧ touch device

130‧‧‧顯示裝置 130‧‧‧Display device

Claims (10)

一種電子裝置的頁面操作方法,該電子裝置具有一觸控裝置,其中該頁面操作方法包括:偵測該觸控裝置上的接觸面積變化;當該接觸面積變化產生時,判斷該接觸面積變化的數值是否小於等於一預設門檻值;若該數值小於等於該預設門檻值時,依據一預定速度來移動該電子裝置上的一顯示頁面;以及若該數值大於該預設門檻值時,依據一預定加速度來移動該電子裝置上的該顯示頁面;其中,該顯示頁面的移動方向依據該接觸面積變化的重心位移向量方向決定。 A method for operating a page of an electronic device, the electronic device having a touch device, wherein the method of operating the page includes: detecting a change in a contact area on the touch device; and determining a change in the contact area when the change in the contact area is generated Whether the value is less than or equal to a preset threshold; if the value is less than or equal to the preset threshold, moving a display page on the electronic device according to a predetermined speed; and if the value is greater than the preset threshold, a predetermined acceleration to move the display page on the electronic device; wherein the moving direction of the display page is determined according to a direction of a center of gravity displacement vector of the contact area change. 如申請專利範圍第1項所述的方法,偵測該觸控裝置上的接觸面積變化之前包括下列步驟:判斷是否產生接觸面積;以及當產生該接觸面積後,偵測該觸控裝置上的接觸面積變化。 The method of claim 1, wherein detecting the change in the contact area on the touch device comprises the steps of: determining whether a contact area is generated; and detecting the contact area, detecting the touch device Contact area changes. 如申請專利範圍第1項所述的方法,偵測該觸控裝置上的接觸面積變化更包括下列步驟:若當該接觸面積變化產生且同時觸發一其他操作時,顯示一個或多個選項,用以選擇該電子裝置的該其他操作。 The method of claim 1, wherein detecting the change in the contact area on the touch device further comprises the step of: displaying one or more options when the change in the contact area occurs and simultaneously triggering another operation, Used to select the other operation of the electronic device. 如申請專利範圍第1項所述的頁面操作方法,其中該偵測 該觸控裝置上的該接觸面積變化的步驟包括:在該觸控裝置的一固定區塊上定義一接觸區域,且在該接觸區域內偵測該接觸面積變化。 For example, the page operation method described in claim 1 of the patent scope, wherein the detection The step of changing the contact area on the touch device includes: defining a contact area on a fixed block of the touch device, and detecting the contact area change in the contact area. 一種電子裝置,包括:一觸控裝置;以及一處理單元,耦接至該觸控裝置;當該觸控裝置偵測到發生接觸面積變化時,該觸控裝置將一接觸面積變化感測資料傳輸至該處理單元;該處理單元處理該些接觸面積變化感測資料後,得到該接觸面積變化的數值和該接觸面積變化的重心位移向量;該處理單元判斷該數值是否小於等於一預設門檻值;若該數值小於等於該預設門檻值時,該處理單元依據一預定速度來移動一顯示頁面;以及若該數值大於該預設門檻值時,該處理單元依據一預定加速度來移動該顯示頁面;其中,該處理單元依據該重心位移向量的方向決定該顯示頁面的移動方向。 An electronic device includes: a touch device; and a processing unit coupled to the touch device; when the touch device detects a change in contact area, the touch device changes a contact area to sense data Transmitted to the processing unit; the processing unit processes the contact area change sensing data, and obtains the value of the contact area change and the center of gravity displacement vector of the contact area change; the processing unit determines whether the value is less than or equal to a preset threshold a value; if the value is less than or equal to the preset threshold, the processing unit moves a display page according to a predetermined speed; and if the value is greater than the preset threshold, the processing unit moves the display according to a predetermined acceleration a page; wherein the processing unit determines a moving direction of the display page according to a direction of the center of gravity displacement vector. 如申請專利範圍第5項所述的電子裝置,該觸控裝置將一接觸面積變化感測資料傳輸至該處理單元之前更包括:該觸控裝置判斷是否產生接觸面積,當該觸控裝置判斷產生該接觸面積後,偵測該觸控裝置上的接觸面積變化。 The electronic device of claim 5, wherein the touch device transmits a contact area change sensing data to the processing unit, further comprising: the touch device determining whether a contact area is generated, when the touch device determines After the contact area is generated, a change in contact area on the touch device is detected. 如申請專利範圍第5項所述的電子裝置,其中若該觸控裝置偵測到發生接觸面積變化且同時觸發一其他操作時,該顯示模組顯示一個或多個選項,用以選擇該電子裝置的該其他操作。 The electronic device of claim 5, wherein the display module displays one or more options for selecting the electronic device if the touch device detects a change in contact area and simultaneously triggers another operation. This other operation of the device. 如申請專利範圍第5項所述的電子裝置,其中該處理單元包括:一運算模組,用以計算得到該接觸面積變化的該數值和該接觸面積變化的該重心位移向量,並用以判斷該數值是否小於等於該預設門檻值;以及一顯示模組,用以依據該運算模組的判斷結果移動該顯示頁面。 The electronic device of claim 5, wherein the processing unit comprises: a computing module, configured to calculate the value of the contact area change and the center of gravity displacement vector of the contact area change, and determine the Whether the value is less than or equal to the preset threshold; and a display module for moving the display page according to the judgment result of the operation module. 如申請專利範圍第5項所述的電子裝置,其中該觸控裝置為觸控面板。 The electronic device of claim 5, wherein the touch device is a touch panel. 如申請專利範圍第9項所述的電子裝置,其中該觸控裝置在其一固定區塊上定義一接觸區域,並只在該接觸區域內偵測該接觸面積變化。 The electronic device of claim 9, wherein the touch device defines a contact area on a fixed block thereof and detects the contact area change only in the contact area.
TW102108311A 2013-03-08 2013-03-08 Electronic device and method for operating display page thereof TW201435718A (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
TW102108311A TW201435718A (en) 2013-03-08 2013-03-08 Electronic device and method for operating display page thereof

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
TW102108311A TW201435718A (en) 2013-03-08 2013-03-08 Electronic device and method for operating display page thereof

Publications (1)

Publication Number Publication Date
TW201435718A true TW201435718A (en) 2014-09-16

Family

ID=51943383

Family Applications (1)

Application Number Title Priority Date Filing Date
TW102108311A TW201435718A (en) 2013-03-08 2013-03-08 Electronic device and method for operating display page thereof

Country Status (1)

Country Link
TW (1) TW201435718A (en)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN114967959A (en) * 2021-02-26 2022-08-30 宸美(厦门)光电有限公司 Electronic device and touch detection method

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN114967959A (en) * 2021-02-26 2022-08-30 宸美(厦门)光电有限公司 Electronic device and touch detection method

Similar Documents

Publication Publication Date Title
EP2508972B1 (en) Portable electronic device and method of controlling same
KR101384857B1 (en) User interface methods providing continuous zoom functionality
EP2500813B1 (en) Information processing apparatus, information processing method, and computer-readable storage medium
US8633906B2 (en) Operation control apparatus, operation control method, and computer program
CN202433855U (en) Information processing apparatus
TWI585672B (en) Electronic display device and icon control method
CN103181089B (en) Method and device for controlling touch screen of mobile terminal in response to multi-touch input
US8976140B2 (en) Touch input processor, information processor, and touch input control method
CN101482790B (en) Electronic device capable of transferring objects on two display elements and its control method
CN103914206B (en) Method and system for displaying graphic content on extended screen
TW201501019A (en) Electronic device and judgment method for multi-window touch control instructions
US20110216094A1 (en) Display device and screen display method
US20160004339A1 (en) Programmable display device and screen-operation processing program therefor
CN105934739A (en) Virtual mouse for a touch screen device
CN103959221A (en) Method and apparatus for performing a zooming action
CN105474164A (en) Disambiguation of indirect input
JP6119291B2 (en) Display device, electronic device, display method, and program
TW201435718A (en) Electronic device and method for operating display page thereof
US20150100912A1 (en) Portable electronic device and method for controlling the same
CN105892918A (en) Mobile terminal with touch screen and control method of mobile terminal
CN105867777B (en) Screen control method and device
JP2015001948A (en) Program execution device
TWI442308B (en) System for displaying target data using track attributes and method thereof
JP2014241097A (en) Method for plural display of lateral row display part of list in portable multiple function device having display, and detail all-together display by plural selection of items in list
TWM511077U (en) Touch electronic apparatus