TWI464670B - Touch the gesture to rotate the display method of the display direction of the screen - Google Patents

Touch the gesture to rotate the display method of the display direction of the screen Download PDF

Info

Publication number
TWI464670B
TWI464670B TW101134261A TW101134261A TWI464670B TW I464670 B TWI464670 B TW I464670B TW 101134261 A TW101134261 A TW 101134261A TW 101134261 A TW101134261 A TW 101134261A TW I464670 B TWI464670 B TW I464670B
Authority
TW
Taiwan
Prior art keywords
touch
vector
display screen
display
touch points
Prior art date
Application number
TW101134261A
Other languages
Chinese (zh)
Other versions
TW201413567A (en
Original Assignee
Insyde Software Corp
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 Insyde Software Corp filed Critical Insyde Software Corp
Priority to TW101134261A priority Critical patent/TWI464670B/en
Publication of TW201413567A publication Critical patent/TW201413567A/en
Application granted granted Critical
Publication of TWI464670B publication Critical patent/TWI464670B/en

Links

Landscapes

  • User Interface Of Digital Computer (AREA)

Description

以觸控手勢旋轉顯示畫面的顯示方向之觸控方法Touch method for rotating display direction of display screen by touch gesture

本發明係一種旋轉顯示畫面顯示方向之方法,尤指一種以觸控手勢旋轉顯示畫面的顯示方向之觸控方法。The present invention is a method for rotating a display direction of a display screen, and more particularly to a touch method for rotating a display direction of a display screen by a touch gesture.

按,平板電腦、智慧型手機等智慧型手持裝置近年來快速普及,不僅已為一般使用者查閱資料、閱讀文件所用,許多服務業的業務員也已開始使用平板電腦等智慧型手持裝置來展示商品或提供服務資訊。According to the recent popularization of smart handheld devices such as tablets and smart phones, they have not only been used for general users to access data and read files, but many service industry clerkes have begun to display smart handheld devices such as tablets. Product or service information.

上述智慧型手持裝置之特色除了搭載觸控式面板外,也具備自動設定顯示畫面的功能,如中華民國專利公告號第460759號揭示一種可自動旋轉顯示畫面的電子裝置,係主要以一感測器檢測電子裝置的擺向,該感測器係具有一U型滑道,U型滑道中設有一鋼珠,當感測器擺向改變時,例如從直立改成橫向或倒立擺設時,鋼珠將受重力而於U型滑道中移動,電子裝置則藉此檢測電子裝置的擺向,自動旋轉電子裝置顯示畫面中軟體物件的顯示方向,使用者翻轉電子裝置的擺向時,其顯示畫面中的軟體物件將隨之一起旋轉,而一般顯示器中已設定複數顯示方向,其通常為0°、90°、180°、270°四種顯示方向,令顯示器可以上述複數種顯示方向顯是軟體物件;如今,以鋼珠受重力於U型滑道中的檢測方式已不再使用,而改以陀螺儀或重力感測器來檢測電子裝置的擺向,精準度及體積之縮小皆有所改進。In addition to the touch panel, the smart handheld device also has the function of automatically setting the display screen. For example, the Republic of China Patent Publication No. 460759 discloses an electronic device capable of automatically rotating a display screen, mainly by sensing. The device detects the swing of the electronic device, the sensor has a U-shaped slide, and a U-shaped slide is provided with a steel ball. When the sensor swings, for example, when changing from erect to lateral or inverted, the steel ball will Moving by gravity in the U-shaped slideway, the electronic device detects the pendulum of the electronic device, and automatically rotates the display direction of the soft object in the electronic device display screen. When the user flips the pendulum of the electronic device, the display screen The soft object will rotate together, and the general display direction has been set in the display, which is usually 0°, 90°, 180°, 270°, so that the display can display the soft object in the above multiple display directions; Nowadays, the detection method of the steel ball being subjected to the gravity in the U-shaped slide is no longer used, and the gyroscope or the gravity sensor is used to detect the swing of the electronic device. Accuracy and reduced both by improving volume.

然而上述無論使用何種感測器,皆係以重力之方向為依據,於使用者翻轉手持裝置時,自動旋轉顯示畫面中軟體物件的顯示方向,然而若使用者於某些特定狀況,如無法依據重力或是用者不想依據重力旋轉顯示畫面時,則無法依據使用需求旋轉顯示畫面;例如:使用者想要橫著看或倒著看圖式時,若將電子裝置擺橫,則其顯示畫面亦隨其旋轉,則使用者仍無法橫著看圖式,自動旋轉之設定方式反造成不便;又如服務業者以平板電腦等智慧型手持裝置來商品或提供服務資訊時,通常會將手持裝置的畫面朝上而平放,此時,以無法再依據地心引力的方向來旋轉畫面中的軟體物件,因此業務員在操作及展示手持裝置給客戶看時,必須改由旋轉手持裝置使其顯示畫面正對客戶或自己,此種使用狀況並不方便,特別是服務業者與客戶面對面洽談時,必須180度旋轉手持裝置,相當不便,因此,上述依據重力方向而自動旋轉顯示畫面之方法仍造成使用不便之處,需改良之。However, no matter which sensor is used, it is based on the direction of gravity. When the user flips the handheld device, it automatically rotates the display direction of the soft object in the display screen. However, if the user is unable to perform certain conditions, According to gravity or when the user does not want to rotate the display screen according to gravity, the display screen cannot be rotated according to the use requirement; for example, when the user wants to look at the picture horizontally or backwards, if the electronic device is traversed, the display is displayed. The screen is also rotated with it, so the user can't look at the picture horizontally. The automatic rotation setting method is inconvenient. When the service provider uses a smart handheld device such as a tablet computer to provide goods or provide service information, it will usually be hand-held. The screen of the device is placed upwards and flat. At this time, the soft object in the picture can be rotated in the direction of gravity, so the salesman must change the rotary device to operate and display the handheld device to the customer. The display screen is facing the customer or himself. This kind of use is not convenient, especially when the service provider negotiates face-to-face with the customer, it must be 180 degrees. Turn handheld device, very inconvenient, so the direction of gravity based method for automatically rotating the display screen of the inconvenience is still used, the need of improvement.

有鑑於上述依據重力方向而自動旋轉顯示畫面中軟體物件顯示方向之方法,造成使用者無法依據其使用需求而旋轉顯示畫面中軟體物件之技術缺陷,本發明的主要目的係提出一種以觸控手勢旋轉顯示畫面的顯示方向之觸控方法。In view of the above method for automatically rotating the display direction of the soft object in the display screen according to the gravity direction, the technical defect of the soft object in the display screen cannot be rotated according to the user's use requirement, and the main object of the present invention is to provide a touch gesture. A touch method that rotates the display direction of the display screen.

欲達上述目的所使用的主要技術手段係令該以觸控手勢旋轉顯示畫面的顯示方向之觸控方法係於一軟體物件以 第一方向顯示後,執行以下步驟:識別包含有五個觸碰點及其位置座標的一觸控手勢;將該五個觸碰點分別依其位置座標進行連線,而形成一弧形曲線;判斷該弧形曲線之弧口方向;將該軟體物件自第一方向往該弧口方向旋轉後顯示。The main technical means used to achieve the above purpose is to enable the touch method of rotating the display direction of the display screen by the touch gesture to be attached to a soft object. After the first direction is displayed, the following steps are performed: identifying a touch gesture including five touch points and their position coordinates; connecting the five touch points according to their position coordinates to form an arc curve Determining the direction of the arc of the curved curve; displaying the soft object after rotating from the first direction to the arc.

上述旋轉顯示畫面中軟體物件,係依據五個觸碰點連線形成的弧形曲線之弧口方向所決定,而使用者以五指擺放於觸控面板上時,此觸控手勢形成的五個觸碰點之連線便會呈現近似弧形的一弧形曲線,此弧形曲線的弧口方向變會使軟體物件旋轉後顯示,如此,便可達到以觸控手勢旋轉顯示畫面之目的,使用者可依據自己欲觀看的方向以觸控手勢旋轉顯示畫面,不受限制,得以依據使用需求旋轉顯示畫面,且操作方便。The soft object in the above rotating display screen is determined according to the direction of the arc of the curved curve formed by the five touch points, and when the user places the five fingers on the touch panel, the touch gesture forms five The line connecting the touch points will have an arc curve which is approximately curved. The direction of the arc of the curved curve will cause the soft object to rotate and display. Thus, the purpose of rotating the display screen by the touch gesture can be achieved. The user can rotate the display screen according to the direction in which he wants to watch, without limitation, and can rotate the display screen according to the use requirement, and the operation is convenient.

由於以下說明當中必須藉由平面座標系的向量輔以明確說明,於此先聲明以下說明提及之第一軸向及第二軸向係分別以平面座標系之X軸及Y軸,並將對應第一軸向之顯示方向定義為0°,對應第二軸向之顯示方向定義為90°,反第一軸向之顯示方向為180°,反第二軸向之顯示方向為270°,於圖3及圖5中亦有標示之,但此定義僅用於輔助明確說明本發明之技術內容,不以此為限。Since the following description must be clearly explained by the vector of the plane coordinate system, the first axial and second axial systems mentioned in the following description are respectively stated as the X-axis and the Y-axis of the plane coordinate system, respectively, and The display direction corresponding to the first axial direction is defined as 0°, the display direction corresponding to the second axial direction is defined as 90°, the display direction of the reverse first axial direction is 180°, and the display direction of the reverse second axial direction is 270°. It is also indicated in FIG. 3 and FIG. 5, but this definition is only used to assist in clearly explaining the technical content of the present invention, and is not limited thereto.

本發明以觸控手勢旋轉顯示畫面的顯示方向之觸控方法係可內建於具有觸控面板的各種電子裝置中,以藉由觸 控手勢旋轉其顯示畫面,以提供使用者依據使用需求旋轉顯示畫面之效果,用於現有之智慧型手持裝置中,尤能解決其依據重力方向而自動旋轉顯示畫面所造成之使用缺陷,而上述以觸控手勢旋轉顯示畫面的顯示方向之觸控方法係如圖1所示,係於一軟體物件以第一方向顯示後S10,執行以下步驟:識別出包含有五個觸碰點及其位置座標的一觸控手勢S20;將該五個觸碰點分別依其位置座標進行連線,而形成一弧形曲線S30;判斷該弧形曲線之弧口方向S40;將該軟體物件自第一方向往該弧口方向旋轉後顯示S50。The touch method for rotating the display direction of the display screen by using the touch gesture can be built in various electronic devices with the touch panel to touch The control gesture rotates the display screen to provide the user with the effect of rotating the display screen according to the use requirement, and is used in the existing smart handheld device to solve the defect caused by the automatic rotation of the display screen according to the gravity direction. The touch method for rotating the display direction of the display screen by the touch gesture is as shown in FIG. 1 . After the soft object is displayed in the first direction and then S10, the following steps are performed: identifying five touch points and their positions are identified. a touch gesture S20; the five touch points are respectively connected according to their position coordinates to form an arc curve S30; the arcuate direction S40 of the arc curve is determined; the soft object is from the first When the direction is rotated in the direction of the arc, S50 is displayed.

請進一步參閱圖2A及圖4A,以一平板電腦10為例,當使用者以五個手指自然放置於該平板電腦10的觸控面板11上時,其可分別於該觸控面板11上形成五個觸碰點P1 ~P5 ,為配合以下說明,本文係以P1 ~P5 分別表示母指、食指、中指、無名指及小指對應的觸碰點。當觸控面板11對第一軸向及第二軸向進行掃描及感應後,可分別如圖2B及圖4C所示,辨識目前觸控面板11上的五個觸碰點P1 ~P5 所在第一軸向及第二軸向構成的位置座標(X1 ,Y1 )~(X5 ,Y5 ),接著,將該五個觸碰點P1 ~P5 的位置座標(X1 ,Y1 )~(X5 ,Y5 )依序連接成一條線後,因使用者單手五指自然擺放之故,而可得到一近似弧形的弧形曲線20、20’,而此弧形曲線20、20’會形成一弧口,判斷出該弧口之方向後, 便可據此將軟體物件自第一方向往該弧口方向旋轉後顯示,如圖2A、B中,觸控手勢形成弧形曲線20的弧口方向對應270°之方向(即反Y軸的軸向),則如圖3所示,顯示畫面中的軟體物件30(以圖像為例)的顯示方向即旋轉至270°;而圖4A、C觸控手勢形成的弧形曲線20’之弧口方向對應0°之方向,故旋轉軟體物件將如圖5所示,將軟體物件30’的顯示方向旋轉至0°之方向,達到以觸控手勢旋轉各種軟體物件(如作業軟體的操作介面、圖片、電子書等)顯示方向之目的,而其操作上相當方便,即使上述觸平板電腦10平放於桌面上,仍可由使用者依據使用需求以觸控手勢操作顯示畫面中的軟體物件30、30’旋轉對應各顯示方向。Please refer to FIG. 2A and FIG. 4A . Taking a tablet computer 10 as an example, when the user naturally places the finger on the touch panel 11 of the tablet 10 with five fingers, it can be formed on the touch panel 11 respectively. The five touch points P 1 ~ P 5 , in order to cooperate with the following description, refer to the touch points corresponding to the mother finger, the index finger, the middle finger, the ring finger and the little finger, respectively, from P 1 to P 5 . After the touch panel 11 scans and senses the first axial direction and the second axial direction, the five touch points P 1 P P 5 on the current touch panel 11 can be identified as shown in FIG. 2B and FIG. 4C respectively. a position coordinate (X 1 , Y 1 )~(X 5 , Y 5 ) formed by the first axial direction and the second axial direction, and then the position coordinates of the five touch points P 1 to P 5 (X 1 , Y 1 )~(X 5 ,Y 5 ) are sequentially connected into a line, and the user can obtain an approximate curved arc curve 20, 20' due to the natural placement of the five fingers of the user. The curved curve 20, 20' will form an arc mouth. After judging the direction of the arc mouth, the soft object can be rotated from the first direction to the arc mouth, as shown in FIG. 2A and B. When the control gesture forms the arc-shaped direction of the curved curve 20 corresponding to the direction of 270° (ie, the axial direction of the reverse Y-axis), as shown in FIG. 3, the display direction of the soft object 30 (in the case of an image) in the display screen is displayed. That is, the rotation is 270°; and the arcuate direction of the curved curve 20' formed by the touch gesture of FIG. 4A and C corresponds to the direction of 0°, so the rotating soft object will display the direction of the soft object 30 ′ as shown in FIG. 5 . Rotate to 0° To achieve the purpose of rotating the various soft objects (such as the operation interface of the working software, pictures, e-books, etc.) by the touch gesture, and the operation is quite convenient, even if the above-mentioned tablet 10 is placed on the desktop, The soft objects 30, 30' in the display screen can be rotated by the user according to the use requirements according to the use of the touch to correspond to the respective display directions.

請進一步參閱圖6,以下謹進一步說明將五個觸碰點依其位置座標連線形成弧形曲線之步驟S30,此步驟係包含有:將該五個觸碰點位置座標依第一軸向排序,並依此順序將各觸碰點與最靠近的且尚未連線的觸碰點相連S31,以圖2B為例,此五個觸碰點P1 ~P5 位置座標依第一軸向(即X1 ~X5 之大小)排序,其排出的順序為:P1 、P2 、P3 、P4 、P5 ,而依此順序,觸碰點P1 即會連至觸碰點P2 (兩者最接近)、觸碰點P2 連至觸碰點P3 、觸碰點P3 連至觸碰點P4 、觸碰點P4 連至觸碰點P5 ,即可連出所需的弧形曲線20;將此順序中最後一的觸碰點P5 與第一個觸碰點P1 連線,並判斷此封閉圖形是否為一五邊形S32,若是,則完成弧形曲線之連線S33,若否則進入下一步驟;同以圖2B為 例,若上一步驟已連出弧形曲線20者,則將上述順序中的第一個觸碰點P1 與最後一個觸碰點P5 連線形成的封閉圖形應為一五邊形,此步驟可依據連出的封閉圖形中分別對應五個觸碰點P1 ~P5 的五個角度總合是否為540°,判斷其是否為五邊形,例如,使用者若以圖4A所示之觸控手勢操作時,其對應的五個觸碰點亦如圖4B所示,而依前依步驟排出的順序應為:P3 、P4 、P2 、P5 、P1 ,依此順序連線後,並不會得到弧形曲線,其連線形成封閉圖形後,對應五個觸碰點P1 ~P5 的五個角度之總合便非為540°,必須以下一步驟重新建立連線;將該五個觸碰點P1 ~P5 位置座標依第二軸向排序,並依此順序將各觸碰點與最靠近的且尚未連線的觸碰點相連S34,以圖4B為例,當同樣的五個觸碰點改依其第二軸向(即Y1 ~Y5 之大小)排序後,其順序改為:P1 、P2 、P3 、P4 、P5 ,而依此順序再進行連線,便可得到如圖4C所示之弧形曲線20’。Please refer to FIG. 6 for further description of step S30 of forming a curved curve according to the coordinate line of the position of the five touch points. The step includes: setting the coordinates of the five touch points according to the first axis. Sorting, and in this order, the touch points are connected to the closest touch point that is not yet connected to the line S31. Taking FIG. 2B as an example, the position coordinates of the five touch points P 1 to P 5 are in the first axial direction. (that is, the size of X 1 ~ X 5 ) is sorted, and the order of discharge is: P 1 , P 2 , P 3 , P 4 , P 5 , and in this order, the touch point P 1 is connected to the touch point. P 2 (the two are closest), the touch point P 2 is connected to the touch point P 3 , the touch point P 3 is connected to the touch point P 4 , and the touch point P 4 is connected to the touch point P 5 . The desired curved curve 20 is connected; the last touch point P 5 in this sequence is connected with the first touch point P 1 , and it is determined whether the closed figure is a pentagon S32, and if so, Complete the line S33 of the curved curve, if otherwise, proceed to the next step; as in the case of FIG. 2B, if the previous step has connected the curved curve 20, the first touch point P 1 in the above sequence is used. with the last touch point P 5 Closed line pattern is formed to be a pentagonal shape, this step may correspond to the angle of five five touch points P 1 ~ P 5 even out according to a closed pattern whether the sum of 540 °, it is determined whether five The edge shape, for example, when the user operates with the touch gesture shown in FIG. 4A, the corresponding five touch points are also shown in FIG. 4B, and the order of discharging according to the previous steps should be: P 3 , P 4 , P 2 , P 5 , P 1 , after connecting in this order, the curved curve will not be obtained, and after the connection forms a closed figure, the five angles corresponding to the five touch points P 1 ~ P 5 The total is not 540°, and the connection must be re-established in the following step; the coordinates of the five touch points P 1 ~ P 5 are sorted according to the second axis, and the touch points are closest to each other in this order. The touch point that is not yet connected is connected to S34. Taking FIG. 4B as an example, when the same five touch points are sorted according to the second axial direction (ie, the size of Y 1 ~Y 5 ), the order is changed to : P 1 , P 2 , P 3 , P 4 , P 5 , and in this order, the wiring is further obtained, and the curved curve 20' as shown in Fig. 4C can be obtained.

如上述圖式說明,一般正常手形若依據第一軸向排序並連接後無法得到弧形曲線20者,則改依據第二軸向排序並連接後,應可得到弧形曲線20’,但為避免其他特殊觸控手勢之誤判,亦可於依據第二軸向排序並連線後,進一步將此順序中最後一的觸碰點與第一個觸碰點連線,並判斷此封閉圖形是否為一五邊形S35,若是,則完成弧形曲線之連線S36,若否,則不動作S37。As illustrated in the above figure, if the normal hand shape is sorted according to the first axial direction and the curved curve 20 cannot be obtained after the connection, the curved curve 20' should be obtained after being sorted according to the second axial direction and connected. To avoid misjudgment of other special touch gestures, after sorting and connecting according to the second axis, further connecting the last touch point in the sequence with the first touch point, and determining whether the closed figure is It is a pentagon S35, and if so, the line S36 of the curved curve is completed, and if not, the step S37 is not operated.

而上述步驟以可依據使用者的觸控手勢連出弧形曲線20、20',以下謹以圖2B、4C及圖7進一步說明判斷上述 弧形曲線20、20’弧口方向S40之詳細步驟,其包含有:依據五個觸碰點連成弧形曲線20、20’之順序中,分別取出第一、三及第五個觸碰點P1 、P3 、P5 之位置座標(X1 ,Y1 )、(X3 ,Y3 )、(X5 ,Y5 )(S41);計算上述三個觸碰點P1 、P3 、P5 構成三角形之重心G所對應的位置座標(Xg ,Yg )(S42),而幾何數學中,計算三個觸碰點構成三角形之重心位置座標,僅需將三者座標中對應第一軸向之值X1 、X3 、X5 相加除以3,對應第二軸向之值Y1 、Y3 、Y3 相加除以3,即可分別得到重心的位置座標(Xg ,Yg ),其中Xg =(X1 +X3 +X5 )÷3;Yg =(Y1 +Y3 +Y3 )÷3;將第三個觸碰點P3 連向該重心G而獲得一向量,並依據該向量判斷弧形曲線20、20’的弧口方向S43。The above steps can be used to connect the curved curves 20, 20' according to the user's touch gesture. The detailed steps of determining the curved curve 20, 20' arc direction S40 are further described below with reference to FIGS. 2B, 4C and FIG. The method includes: taking the position coordinates of the first, third, and fifth touch points P 1 , P 3 , and P 5 respectively according to the sequence of the five touch points connecting the curved curves 20 and 20 ′ (X) 1 , Y 1 ), (X 3 , Y 3 ), (X 5 , Y 5 ) (S41); calculating the position coordinates corresponding to the three touch points P 1 , P 3 , and P 5 forming the center of gravity G of the triangle (X g , Y g ) (S42), and in geometric mathematics, the three touch points are calculated to form the coordinates of the center of gravity of the triangle, and only the values of the first axis corresponding to the first axis X 1 , X 3 , X are required. 5 addition and division by 3, corresponding to the second axial value Y 1 , Y 3 , Y 3 plus and divided by 3, respectively, can obtain the position coordinates (X g , Y g ) of the center of gravity, where X g = (X 1 + X 3 + X 5 ) ÷ 3; Y g = (Y 1 + Y 3 + Y 3 ) ÷ 3; connecting a third touch point P 3 to the center of gravity G to obtain a vector And determining the arc direction S43 of the curved curves 20, 20' according to the vector.

由於現有的平板電腦10多為矩形,而多數應用程式的顯示畫面的底邊多只會相對0°、90°、180°、270°之方向,因此,本實施例中,依據該向量判斷弧口方向,係預先將全角度區分為四個象限,且各象限對應一方向,如第一象限為315°~45°,其對應0°之方向、第二象限為45°~135°,其對應90°之方向,依此類推,並計算該向量的向量角(即以座標係中第一軸向為0°,計算與第一軸向之間一介於0°至360°的夾角),而判斷該向量的向量角對應的象限,將該象限對應之方向判定為弧形曲線20、20’的弧口方向;如此,圖2B中向量的向量角雖非為270°,但經上述計算及判斷後,其弧形曲線20的弧口方向將判定為270°;圖4C中向量的向量角雖非為0°,但經上述計算及判 斷後,其弧形曲線20’的弧口方向將判定為0°,以使顯示畫面底邊順利旋轉相對0°、90°、180°、270°之方向;而未來若軟體開發業者增加顯示畫面可旋轉之角度時,亦可增加上述象限的數量,以進一步增加弧形曲線可被判定出的弧口方向,增加顯示畫面中軟體物件30、30’可旋轉的角度。Since the existing tablet computer 10 is mostly rectangular, and the bottom edge of the display screen of most applications only has a direction of 0°, 90°, 180°, and 270°, in this embodiment, the arc is determined according to the vector. In the mouth direction, the full angle is divided into four quadrants in advance, and each quadrant corresponds to one direction, such as the first quadrant is 315 ° ~ 45 °, which corresponds to the direction of 0 °, the second quadrant is 45 ° ~ 135 °, Corresponds to the direction of 90°, and so on, and calculates the vector Vector angle (ie, the first axis in the coordinate system is 0°, calculated Determining a quadrant corresponding to a vector angle of the vector, and determining a direction corresponding to the quadrant of the vector as an arcuate direction of the curved curve 20, 20'; , the vector in Figure 2B Although the vector angle is not 270°, after the above calculation and judgment, the direction of the arc of the curved curve 20 will be determined as 270°; the vector in Fig. 4C Although the vector angle is not 0°, after the above calculation and judgment, the direction of the arc of the curved curve 20' will be determined as 0°, so that the bottom edge of the display screen rotates smoothly relative to 0°, 90°, 180°. In the future, if the software developer increases the angle at which the display screen can be rotated, the number of the above quadrants can be increased to further increase the arc direction in which the curved curve can be determined, and increase the soft object in the display screen. 30, 30' rotatable angle.

使用者以觸控方式操作軟體物件30、30’(如作業操作介面、圖像等)旋轉時,僅需五指放置於觸控面板上,使五指構成之弧形曲線的弧口朝向欲旋轉顯示畫面之方向,即可完成旋轉軟體物件30、30’之操作,藉由以上手段,當平板電腦平放,而二個使用者以不同方向觀看平板電腦10的顯示畫面時,僅需於輪流觀看之前,各自先將五隻手指放置於觸控面板11上,並令其構成弧形曲線的弧口朝向自己,其顯示畫面中的軟體物件即會旋轉對應使用者的觀看方向,不必旋轉平板電腦,操作方便;且其不受重力限制,使用者如遇電子書中有非正向擺設的圖片時,以對應的觸控手勢操作顯示畫面中的軟體物件旋轉即可;除此之外,上述觸控手勢僅需將五個手指靜置於觸控螢幕上,不需移動手指等動作,而正因本發明提供以靜態的觸控手勢操作,對於使用者而言,不管將顯示畫面旋轉的幅度有多大,都不需要大動作的觸控手勢,相較於一般動態的觸控手勢,本發明的觸控操作方式較為方便,也較不易因手勢動作不夠大或動作不正確產生之誤判。When the user operates the soft object 30, 30' (such as the operation interface, image, etc.) in a touch mode, only five fingers are placed on the touch panel, so that the arc of the curved curve formed by the five fingers is turned to be rotated. In the direction of the screen, the operation of rotating the soft objects 30, 30' can be completed. By the above means, when the tablet is laid flat, and the two users view the display screen of the tablet 10 in different directions, only need to take turns to watch Previously, five fingers were placed on the touch panel 11 first, and the arcuate arc of the curved curve was oriented toward itself, and the soft object in the display screen was rotated corresponding to the viewing direction of the user, without rotating the tablet. The operation is convenient; and the user is not restricted by gravity. When the user has a non-positive image in the e-book, the soft object in the display screen can be rotated by the corresponding touch gesture; in addition, the above The touch gesture only needs to put five fingers on the touch screen, and does not need to move the finger or the like, but the present invention provides a static touch gesture operation, and for the user, The touch rotation mode of the present invention is relatively convenient, and the touch operation mode of the present invention is relatively convenient, and the gesture motion is not easy enough or the motion is not good compared to the general dynamic touch gesture. Correct misrepresentation.

綜上所述,本發明可供使用者以觸控手勢操作顯示畫面旋轉,操作上相當方便,且使用者仍可依據自己欲觀看的方向以觸控手勢旋轉顯示畫面,不受限制,更有利於閱 讀電子書或各種商業應用。In summary, the present invention can be used by a user to operate a display screen with a touch gesture, which is quite convenient in operation, and the user can still rotate the display screen according to the direction in which the user wants to view, without limitation, and is more advantageous. Read Read e-books or various commercial applications.

10‧‧‧平板電腦10‧‧‧ tablet

11‧‧‧觸控面板11‧‧‧Touch panel

20、20’‧‧‧弧形曲線20, 20'‧‧‧ curved curve

30、30’‧‧‧軟體物件30, 30’‧‧‧Soft objects

P1 ~P5 ‧‧‧觸碰點P 1 ~P 5 ‧‧‧ touch point

圖1:為本發明以觸控手勢旋轉顯示畫面的顯示方向之觸控方法之流程圖。FIG. 1 is a flow chart of a touch method for rotating a display direction of a display screen by using a touch gesture.

圖2A:為使用者以五指觸碰平板電腦的觸控面板之一操作示意圖。FIG. 2A is a schematic diagram of operation of one of the touch panels for the user to touch the tablet with five fingers.

圖2B:為使用者進行圖2A之操作時,觸控面板檢知的位置座標並連線示意圖。FIG. 2B is a schematic diagram showing the position coordinates and connection lines detected by the touch panel when the user performs the operation of FIG. 2A.

圖3:為使用者進行圖2A之操作時,旋轉顯示畫面後之示意圖。Figure 3: Schematic diagram of rotating the display screen when the user performs the operation of Figure 2A.

圖4A:為使用者以五指觸碰平板電腦的觸控面板之另一操作示意圖。FIG. 4A is a schematic diagram of another operation of the touch panel for the user to touch the tablet with five fingers.

圖4B:為使用者進行圖4A之操作時,觸控面板檢知的位置座標並連線之一示意圖。FIG. 4B is a schematic diagram showing a position coordinate and a connection line detected by the touch panel when the user performs the operation of FIG. 4A.

圖4C:為使用者進行圖4A之操作時,觸控面板檢知的位置座標並連線之另一示意圖。FIG. 4C is another schematic diagram of the position coordinates detected by the touch panel and connected when the user performs the operation of FIG. 4A.

圖5:為使用者進行圖4A之操作時,旋轉顯示畫面後之示意圖。Figure 5: Schematic diagram of rotating the display screen when the user performs the operation of Figure 4A.

圖6:為圖1流程中,將五個觸碰點連成弧形曲線之詳細流程圖。Figure 6: Detailed flow chart for connecting five touch points into a curved curve in the flow of Figure 1.

圖7:為圖1流程中,判斷弧形曲線缺口方向之詳細流程圖。Fig. 7 is a detailed flow chart for judging the direction of the notch of the curved curve in the flow of Fig. 1.

Claims (10)

一種以觸控手勢旋轉顯示畫面的顯示方向之觸控方法,係於一軟體物件以第一方向顯示後,執行以下步驟:識別包含有五個觸碰點及其位置座標的一觸控手勢;將該五個觸碰點分別依其位置座標進行連線,而形成一弧形曲線;判斷該弧形曲線之弧口方向;將該軟體物件自第一方向往該弧口方向旋轉後顯示。A touch method for rotating a display direction of a display screen by using a touch gesture, after a software object is displayed in a first direction, performing the following steps: identifying a touch gesture including five touch points and their position coordinates; The five touch points are respectively connected according to the position coordinates thereof to form an arc curve; the arc mouth direction of the arc curve is determined; and the soft object is rotated from the first direction to the arc mouth direction. 如請求項1所述之以觸控手勢旋轉顯示畫面的顯示方向之觸控方法,其中:上述將該五個觸碰點分別依其位置座標連成弧形曲線的步驟中係進一步包含以下步驟:將該五個觸碰點位置座標依第一軸向排序,並依此順序將各觸碰點與最靠近的且尚未連線的觸碰點相連;將此順序中最後一的觸碰點與第一個觸碰點連線,並判斷此封閉圖形是否為一五邊形,若是,則完成弧形曲線之連線,若否則進入下一步驟;將該五個觸碰點位置座標依第二軸向排序,並依此順序將各觸碰點與最靠近的且尚未連線的觸碰點相連。The touch method of rotating the display direction of the display screen by using a touch gesture as described in claim 1, wherein: the step of connecting the five touch points to the curved curve according to the position coordinates thereof further includes the following steps : the five touch point position coordinates are sorted according to the first axis, and the touch points are connected to the closest touch point that is not yet connected in this order; the last touch point in this order Connect with the first touch point and determine whether the closed figure is a pentagon. If yes, complete the connection of the curved curve, otherwise enter the next step; the coordinates of the five touch points are The second axis is sorted, and the touch points are connected to the closest touch points that are not yet connected in this order. 如請求項2所述之以觸控手勢旋轉顯示畫面的顯示方向之觸控方法,其中上述將該五個觸碰點分別依其位置座標連成弧形曲線之步驟中,係於將五個觸碰點位置座標第二軸向排序並連線後,進一步將此順序中最後一的觸碰點與第一個觸碰點連線,並判斷此封閉圖形是否為一五邊形,若是,則完成弧形曲線之連線,若否,則不動作。The touch method of rotating the display direction of the display screen by using a touch gesture as described in claim 2, wherein the step of connecting the five touch points to the curved curve according to the position coordinates thereof is After the second axial order of the touch point position coordinates is connected and connected, the last touch point in the sequence is further connected with the first touch point, and it is determined whether the closed figure is a pentagon, and if so, Then complete the connection of the curved curve, if not, it will not work. 如請求項2或3所述之以觸控手勢旋轉顯示畫面的顯示方向之觸控方法,其中,上述判斷連出的封閉圖形是否為五邊形的步驟中,係依據連出的封閉圖形中分別對應五個觸碰點的五個角度總合是否為540°判斷其是否為五邊形。The touch method of rotating the display direction of the display screen by using a touch gesture as described in claim 2 or 3, wherein the step of determining whether the closed graphic is a pentagon is based on the closed graphic Whether the sum of the five angles corresponding to the five touch points respectively is 540° determines whether it is a pentagon. 如請求項2或3所述之以觸控手勢旋轉顯示畫面的顯示方向之觸控方法,其中,上述判斷上述弧形曲線弧口方向的步驟中係包含有:依據五個觸碰點連成弧形曲線之順序中,分別取出第一、三及第五個觸碰點之位置座標;計算上述三個觸碰點構成三角形之重心所對應的位置座標;將第三個觸碰點連向該重心而獲得一向量,並依據該向量判斷弧形曲線的弧口方向。The touch method of rotating the display direction of the display screen by using a touch gesture as described in claim 2 or 3, wherein the step of determining the direction of the curved curve arc mouth comprises: connecting according to five touch points In the order of the curved curves, the position coordinates of the first, third and fifth touch points are respectively taken out; the position coordinates corresponding to the center of gravity of the triangle are calculated by the three touch points; the third touch point is connected The center of gravity obtains a vector and determines the direction of the arc of the curved curve based on the vector. 如請求項4所述之以觸控手勢旋轉顯示畫面的顯示方向之觸控方法,其中,上述判斷上述弧形曲線弧口方向的步驟係包含有:依據五個觸碰點連成弧形曲線之順序中,分別取出第一、三及第五個觸碰點之位置座標;計算上述三個觸碰點構成三角形之重心所對應的位置座標;將第三個觸碰點連向該重心而獲得一向量,並依據該向量判斷弧形曲線的弧口方向。The touch method of rotating the display direction of the display screen by using a touch gesture as described in claim 4, wherein the step of determining the direction of the curved curve arc mouth comprises: forming a curved curve according to the five touch points In the sequence, the position coordinates of the first, third and fifth touch points are respectively taken out; the position coordinates corresponding to the center of gravity of the triangle are calculated by the three touch points; the third touch point is connected to the center of gravity A vector is obtained, and the direction of the arc of the curved curve is determined according to the vector. 如請求項5所述之以觸控手勢旋轉顯示畫面的顯示方向之觸控方法,其中,上述依據該向量判斷弧口方向的步驟 中,係預先將全角度區分為四個象限,且各象限對應一方向,並計算該向量的向量角,而判斷該向量的向量角對應的象限,將該象限對應之方向判定為弧形曲線的弧口方向。The touch method of rotating a display direction of a display screen by using a touch gesture as described in claim 5, wherein the step of determining the direction of the arc according to the vector In the middle, the full angle is divided into four quadrants, and each quadrant corresponds to a direction, and the vector angle of the vector is calculated, and the quadrant corresponding to the vector angle of the vector is determined, and the direction corresponding to the quadrant is determined as a curved curve. The direction of the arc. 如請求項6所述之以觸控手勢旋轉顯示畫面的顯示方向之觸控方法,其中,依據該向量判斷弧口方向,係預先將全角度區分為四個象限,且各象限對應一方向,並計算該向量的向量角,而判斷該向量的向量角對應的象限,將該象限對應之方向判定為弧形曲線的弧口方向。The touch method of rotating the display direction of the display screen by using a touch gesture as described in claim 6, wherein the direction of the arc mouth is determined according to the vector, and the full angle is divided into four quadrants in advance, and each quadrant corresponds to one direction. And calculating the vector angle of the vector, and determining the quadrant corresponding to the vector angle of the vector, determining the direction corresponding to the quadrant as the arc mouth direction of the curved curve. 如請求項7所述之以觸控手勢旋轉顯示畫面的顯示方向之觸控方法,其中,上述計算三個觸碰點構成三角形之重心位置座標步驟中,三個觸碰點的對應第一軸向之值X1 、X3 、X5 相加除以3,對應第二軸向之值Y1 、Y3 、Y3 相加除以3,以分別得到重心的位置(Xg ,Yg ),其中Xg =(X1 +X3 +X5 )÷3;Yg =(Y1 +Y3 +Y3 )÷3。The touch method of rotating a display direction of a display screen by using a touch gesture according to claim 7, wherein the calculating the three touch points constitutes a center of gravity position coordinate step of the triangle, and the corresponding first axis of the three touch points The values X 1 , X 3 , and X 5 are added and divided by 3, and the values of the second axial directions Y 1 , Y 3 , and Y 3 are added and divided by 3 to obtain the positions of the centers of gravity (X g , Y g , respectively). Where X g = (X 1 + X 3 + X 5 ) ÷ 3; Y g = (Y 1 + Y 3 + Y 3 ) ÷ 3. 如請求項8所述之以觸控手勢旋轉顯示畫面的顯示方向之觸控方法,其中,上述計算三個觸碰點構成三角形之重心位置座標步驟中,三個觸碰點的對應第一軸向之值X1 、X3 、X5 相加除以3,對應第二軸向之值Y1 、Y3 、Y3 相加除以3,以分別得到重心的位置(Xg ,Yg ),其中Xg =(X1 +X3 +X5 )÷3;Yg =(Y1 +Y3 +Y3 )÷3。The touch method of rotating a display direction of a display screen by using a touch gesture as described in claim 8, wherein the calculating the three touch points constitutes a center of gravity position coordinate step of the triangle, and the corresponding first axis of the three touch points The values X 1 , X 3 , and X 5 are added and divided by 3, and the values of the second axial directions Y 1 , Y 3 , and Y 3 are added and divided by 3 to obtain the positions of the centers of gravity (X g , Y g , respectively). Where X g = (X 1 + X 3 + X 5 ) ÷ 3; Y g = (Y 1 + Y 3 + Y 3 ) ÷ 3.
TW101134261A 2012-09-19 2012-09-19 Touch the gesture to rotate the display method of the display direction of the screen TWI464670B (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
TW101134261A TWI464670B (en) 2012-09-19 2012-09-19 Touch the gesture to rotate the display method of the display direction of the screen

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
TW101134261A TWI464670B (en) 2012-09-19 2012-09-19 Touch the gesture to rotate the display method of the display direction of the screen

Publications (2)

Publication Number Publication Date
TW201413567A TW201413567A (en) 2014-04-01
TWI464670B true TWI464670B (en) 2014-12-11

Family

ID=52575759

Family Applications (1)

Application Number Title Priority Date Filing Date
TW101134261A TWI464670B (en) 2012-09-19 2012-09-19 Touch the gesture to rotate the display method of the display direction of the screen

Country Status (1)

Country Link
TW (1) TWI464670B (en)

Families Citing this family (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
TWI511031B (en) * 2014-10-23 2015-12-01 Qisda Corp Electronic device operating method and electronic device

Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20060026535A1 (en) * 2004-07-30 2006-02-02 Apple Computer Inc. Mode-based graphical user interfaces for touch sensitive input devices
US20070257890A1 (en) * 2006-05-02 2007-11-08 Apple Computer, Inc. Multipoint touch surface controller
TW201129920A (en) * 2010-02-25 2011-09-01 Egalax Empia Technology Inc Method and device for determing rotation gesture

Patent Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20060026535A1 (en) * 2004-07-30 2006-02-02 Apple Computer Inc. Mode-based graphical user interfaces for touch sensitive input devices
US20070257890A1 (en) * 2006-05-02 2007-11-08 Apple Computer, Inc. Multipoint touch surface controller
TW201129920A (en) * 2010-02-25 2011-09-01 Egalax Empia Technology Inc Method and device for determing rotation gesture

Also Published As

Publication number Publication date
TW201413567A (en) 2014-04-01

Similar Documents

Publication Publication Date Title
US8749497B2 (en) Multi-touch shape drawing
CN105493023B (en) Manipulation to the content on surface
US10198854B2 (en) Manipulation of 3-dimensional graphical objects for view in a multi-touch display
CN101634933B (en) Information processing apparatus and information processing method
US9542005B2 (en) Representative image
US20070220444A1 (en) Variable orientation user interface
TW201602893A (en) Method for providing auxiliary information and touch control display apparatus using the same
US20110115730A1 (en) Mobile terminal having touch screen and method of measuring geometric data therein
US20150084881A1 (en) Data processing method and electronic device
CN102520839A (en) Notification group touch gesture dismissal techniques
US9013509B2 (en) System and method for manipulating digital images on a computer display
TWI511026B (en) Portable apparatus and method for adjusting window size thereof
CN104423799B (en) Interface device and interface method
WO2007121680A1 (en) Position indicating method and position indicating apparatus
US20130300671A1 (en) Display system with image sensor based display orientation
US9740367B2 (en) Touch-based interaction method
JP2013168144A (en) Image display method and device thereof
TWI493390B (en) Method for displaying touch cursor
US10162808B2 (en) Annotation creation system and method
US10175780B2 (en) Behind-display user interface
WO2015062176A1 (en) Multipoint touch-control multimedia spherical-screen demonstration instrument and multipoint touch-control method therefor
US9324130B2 (en) First image and a second image on a display
TW201523425A (en) Desktop-like device and method for displaying user interface
TWI464670B (en) Touch the gesture to rotate the display method of the display direction of the screen
TWI405104B (en) Method of turning over three-dimensional graphic object by use of touch sensitive input device