CN103713809A - Dynamic generating method and dynamic generating device for annular menu of touch screen - Google Patents

Abstract

The invention discloses a method and a device for dynamically generating a circular menu on a touch screen. Wherein the method includes: detecting the touch area, the position of the pressing point and the area of the touch area of the user's finger on the touch screen; analyzing the position of the user's finger and the target control according to the touch area, the position of the pressing point and the touch area; position, the user's finger position, and the target control to generate a circular menu. The present invention generates a circular menu centered on the touch point of the user's finger on the touch screen, and each menu item on the circular menu is close to the position of the touch point, and the user only needs to slide the finger for a relatively short distance when selecting a menu can be selected. At the same time, considering the occlusion of the user's finger, the position below the user's finger in the circular menu is left blank, so that the user's recognition of menu items will not be affected.

Description

Method and device for dynamically generating circular menu on touch screen

technical field

The invention relates to the technical field of touch screens, in particular to a method and device for dynamically generating circular menus on a touch screen.

Background technique

According to the object touched by the user, the existing touch-screen mobile phone menu is displayed in a horizontal or vertical list near the touch point or around the touched object.

Existing menus are usually arranged horizontally or vertically, and this layout has the following problems:

1. When the menu content is large, some options will be arranged far away, and the user needs to move a long distance to reach them;

2. When the user operates with one hand, the adjacent menu items are likely to be accidentally touched, resulting in operation failure;

3. The position and layout of the linearly arranged menus are relatively rigid, lacking in aesthetics and novelty.

Contents of the invention

In order to solve the technical problems in the prior art that the touch screen menu is far away from the user's fingers and it is difficult for the user to select the menu, the present invention proposes a method and device for dynamically generating a ring menu on the touch screen.

One aspect of the present invention provides a method for dynamically generating a circular menu on a touch screen, including:

Detect the touch area of the user's finger on the touch screen, the position of the pressing point and the area of the touch area;

Analyze the user's finger position and target control according to the touch area, press point position and touch area;

A circular menu is generated according to the position of the pressing point, the position of the user's finger and the target control.

Another aspect of the present invention provides a touch screen circular menu dynamic generation device, including:

The touch detection module is used to detect the touch area of the user's finger on the touch screen, the position of the pressing point and the area of the touch area;

The touch analysis module is used to analyze the user's finger position and target control according to the touch area, the position of the pressing point and the touch area;

The menu generation module is used to generate a circular menu according to the position of the pressing point, the position of the user's finger and the target control.

The method and device for dynamically generating a ring menu on a touch screen according to the present invention generate a ring menu centered on the touch point of the user's finger on the touch screen, and each menu item on the ring menu is close to the position of the touch point. When the user selects the menu, only You need to swipe your finger a relatively short distance to select it. At the same time, considering the occlusion of the user's finger, the position below the user's finger in the circular menu is left blank, so that the user's recognition of menu items will not be affected.

Description of drawings

Fig. 1 is a schematic structural view of an embodiment of a device for dynamically generating a circular menu on a touch screen according to the present invention;

Fig. 2 is a schematic structural diagram of an embodiment of the touch analysis module of the present invention;

Fig. 3 is a schematic structural diagram of an embodiment of a menu generation module of the present invention;

4 is a schematic flow diagram of an embodiment of a method for dynamically generating a circular menu on a touch screen according to the present invention;

Fig. 5 is a schematic flow chart of generating a circular menu in the present invention.

Detailed ways

The present invention will be described in detail below in conjunction with the accompanying drawings.

As shown in FIG. 1 , the embodiment of the device for dynamically generating a circular menu on a touch screen of the present invention includes: a touch detection module 11 , a touch analysis module 12 and a menu generation module 13 . The touch detection module detects the touch area, the position of the pressing point and the area of the touch area of the user's finger on the touch screen; the touch analysis module analyzes the position of the user's finger and the target control according to the touch area, the position of the pressing point and the touch area; the menu generation module analyzes the position of the user's finger according to the position of the pressing point , the user's finger position and the target control to generate a circular menu.

The touch detection module acquires the above information mainly to judge the pop-up position of the menu and the direction of the user's finger, so as to provide data basis for the subsequent gesture analysis module to judge the blank position of the menu.

The touch area can be obtained by measuring the point change of the capacitive screen, and the position of the pressing point can be obtained by the pressure sensing of the touch screen.

As shown in FIG. 2 , the touch analysis module 12 includes: a first analysis submodule 21 and a second analysis submodule 22 . The first analysis sub-module judges the position of the user's finger according to the offset position of the press point in the touch area; the second analysis sub-module analyzes the user's target control according to the position of the press point.

According to the data information provided by the touch detection module, the touch analysis module judges the position of the user's finger by calculating the position of the pressing point and the relative position of the touch area, and then calculates the blank position of the menu.

The realization basis of the touch analysis module is: when ordinary users use a touch-screen mobile phone, the touch area of the user's finger is usually larger than the area of the pressing point, and the usual pressing position is in the direction where the finger is close to the fingertip. Based on this, it can be judged that the direction away from the pressing point is the direction of the root of the finger. If a menu item is set in this direction, it will be blocked by the user's finger, which will affect the user's recognition of the menu item. Therefore, this direction should be left in the menu generation. vacancy.

As shown in FIG. 3 , the menu generation module 13 includes: a first calculation submodule 301 , a selection submodule 302 , a second calculation submodule 303 , a third calculation submodule 304 and a menu drawing submodule 305 .

The first calculation submodule calculates the blank position of the ring menu according to the position of the user's finger; the selection submodule selects the menu data of the ring menu according to the target control; the second calculation submodule calculates the center point of the ring menu according to the menu data and the position of the pressing point; The third calculation submodule calculates the position and size of each menu item on the menu circle according to the center point, the number of menu items in the menu data and the blank position; the menu drawing submodule calculates the position and size of each menu item according to the center point, the position and Size draws a circular menu around the position of the press point.

The menu generation module determines the center point of menu generation according to the position of the user's pressing point; according to the number of menu items, combined with the blank position, the anchor point of each menu is evenly distributed on the 360-degree circle to complete the positioning and positioning of the menu. generate.

In addition, when the position touched by the user is close to the edge of the screen, a complete ring cannot be formed around the center point at this time. At this time, only an unclosed arc can be calculated based on the position of the electric shock and the position of the edge of the screen, and each menu item can be recalculated. position and size. Therefore, the menu generation module further includes: a fourth calculation submodule 306 , a first comparison submodule 307 , and a fifth calculation submodule 308 .

The fourth calculation submodule calculates the distance between the center point and the screen edge of the touch screen; the first comparison submodule compares the distance between the center point and the screen edge of the touch screen and the radius of the menu circle; the fifth calculation submodule when the center point and When the distance between the screen edges of the touch screen is less than the radius of the menu circle, the arc of the menu is calculated according to the distance between the center point and the screen edge of the touch screen; The position and size of each menu item on the menu arc.

In another case, when the touch detection module detects that the position of the pressing point of the user's finger moves, the menu generation module fuzzily matches the menu items that the user tends to choose according to the movement of the user's finger, and highlights these menu items. Specifically, the menu generation module further includes: a menu item selection sub-module 309 . The touch detection module detects the movement of the position of the pressing point of the user's finger; when the menu item selection submodule detects that the position of the pressing point of the user's finger moves from the center point to the menu item or the position of the pressing point of the user's finger moves tangentially around the center point, according to the pressed The moving track of the point position selects the menu item corresponding to the pressed point position; the menu drawing sub-module highlights and enlarges the selected menu item.

The menu generation module draws a circular menu on the screen according to the position of the menu item and the position of the center point, and generates a radial guiding path from the center point to each menu item.

When the user's finger slides radially outward along a certain guiding path, the fuzzy matching of the menu items that the user tends to select means that the corresponding menu items are selected according to the direction of the user's finger movement track, and they are gradually highlighted and enlarged, and other options are faded out. Small. Reverse sliding also has a corresponding drawing adjustment.

When the user's finger slides tangentially around the center point at a certain position in the guiding path, the corresponding menu item is selected according to the change angle of the user's finger movement trajectory, and the highlighted menu item is dynamically switched among the menu items, which is convenient for prompting the user for the current selection.

The method of selecting a menu item according to the moving track of the user's finger is not limited to the above-mentioned method, and the menu item can also be selected according to the distance between the position of the pressing point of the user's finger and the position of the menu item, etc., which will not be repeated here.

Based on the same idea, the present invention also provides an embodiment of a method for dynamically generating a circular menu on a touch screen, as shown in Figure 4, and the specific steps are as follows:

Step 402, detecting the touch area of the user's finger on the touch screen, the position of the pressing point and the area of the touch area;

Step 404, analyzing the user's finger position and target control according to the touch area, press point position and touch area;

Specifically, the position of the user's finger is determined according to the offset position of the pressed point position in the touch area; and the user's target control is analyzed according to the pressed point position.

Step 406, generating a circular menu according to the position of the pressing point, the position of the user's finger and the target control.

As shown in Figure 5, step 406 specifically includes:

Step 502, calculating the blank position of the circular menu according to the position of the user's finger;

Step 504, select the menu data of the circular menu according to the target control;

Step 506, calculate the center point of the circular menu according to the menu data and the position of the pressing point;

Step 508, calculate the position and size of each menu item on the menu circle according to the center point, the number of menu items in the menu data and the blank position;

Step 510, according to the center point, the position and size of each menu item, draw a circular menu around the position of the pressing point.

In addition, in step 406, when the distance between the center point and the screen edge of the touch screen is less than the radius of the menu circle, calculate the arc where the menu is based on the distance between the center point and the screen edge of the touch screen; and the blank position to calculate the position and size of each menu item on the menu arc.

After the circular menu is generated, when it is detected that the position of the pressing point of the user's finger moves from the center point to the menu item or the position of the pressing point of the user's finger moves tangentially around the center point, select the button corresponding to the position of the pressing point according to the moving track of the position of the pressing point. menu item, and the selected menu item will be highlighted and enlarged; other unselected menu items will be faded out and zoomed out.

The method and device for dynamically generating a ring menu on a touch screen according to the present invention generate a ring menu centered on the touch point of the user's finger on the touch screen, and each menu item on the ring menu is close to the position of the touch point. When the user selects the menu, only You need to swipe your finger a relatively short distance to select it. At the same time, considering the occlusion of the user's finger, the position below the user's finger in the circular menu is left blank, so that the user's recognition of menu items will not be affected.

In addition, the present invention highlights and magnifies corresponding menu items according to the sliding of the user's finger, so as to facilitate the user to identify the menu items and avoid false touches.

The invention not only improves the convenience and accuracy for users to select menus on the touch screen, but also improves the aesthetics, novelty and practicability of the menus.

It should be noted that: the above embodiments are only used to illustrate the present invention without limitation, and the present invention is not limited to the above-mentioned examples, and all technical solutions and improvements thereof that do not depart from the spirit and scope of the present invention should be included in the present invention. within the scope of the claims.

Claims (11)

1. a touch-screen annular menu dynamic generation method, is characterized in that, comprising:

Detect touch area, press points position and the touch area area of user's finger on touch-screen;

According to described touch area, press points position and touch areal analysis user's finger position and target control;

According to described press points position, user's finger position and target control, generate annular menu.

2. method according to claim 1, is characterized in that, according to finger position and the target control of described touch location, press points position and touch area information analysis user, comprises:

Deviation post according to described press points position in described touch area, judges the position that described user points;

According to described press points position analysis user's target control.

3. method according to claim 2, is characterized in that, generates annular menu comprise according to described press points position, user's finger position and target control:

According to the position of leaving a blank of annular menu described in the position calculation of described user's finger;

According to described target control, select the menu data of described annular menu;

According to the central point of annular menu described in described menu data and described press points position calculation;

According to the number of menu item in described central point, described menu data and described in position and the size of each menu item of position calculation on menu circumference of leaving a blank;

According to the position of described central point, each menu item and size, draw the described annular menu around described press points position.

4. method according to claim 3, is characterized in that, according to the number of menu item in described central point, described menu data and described in leave a blank position and the size of each menu item of position calculation also comprise:

When the distance between described central point and the screen edge of described touch-screen is less than the radius of described menu circumference, according to the distance between described central point and the screen edge of described touch-screen, calculate menu place circular arc;

According to the number of described menu item and described in position and the size of each menu item of position calculation on described menu circular arc of leaving a blank.

5. according to the method described in claim 3 or 4, it is characterized in that, according to the position of described central point, each menu item and size generation, after the described annular menu around described press points position, also comprise:

When the press points position that move from described central point to menu item press points position or user points that user's finger detected is when described central point tangent line moves, according to the motion track of described press points position, select the menu item corresponding with described press points position, and the menu item of selection is carried out to highlighted amplification demonstration.

6. method according to claim 5, is characterized in that, also comprises: unselected other menu options are faded out and dwindle demonstration.

7. a touch-screen annular menu dynamic generating apparatus, is characterized in that, comprising:

Touch detection module, touch area, press points position and touch area area for detection of user's finger on touch-screen;

Touch analysis module, for according to described touch area, press points position and touch areal analysis user's finger position and target control;

Menu generation module, for generating annular menu according to described press points position, user's finger position and target control.

8. device according to claim 7, is characterized in that, described touch analysis module comprises:

First analyzes submodule, for the deviation post in described touch area according to described press points position, judges the position of described user's finger;

Second analyzes submodule, for according to described press points position analysis user's target control.

9. device according to claim 8, is characterized in that, described menu generation module comprises:

The first calculating sub module, for the position of leaving a blank of annular menu described in the position calculation of pointing according to described user;

Chooser module; For select the menu data of described annular menu according to described target control;

The second calculating sub module, for according to the central point of annular menu described in described menu data and described press points position calculation;

The 3rd calculating sub module, for according to the number of described central point, described menu data menu item and described in position and the size of each menu item of position calculation on menu circumference of leaving a blank;

Menu rendering submodule, for drawing the described annular menu around described press points position according to the position of described central point, each menu item and size.

10. device according to claim 9, is characterized in that, described menu generation module also comprises:

The 4th calculating sub module, for calculating the distance between described central point and the screen edge of described touch-screen;

The first comparison sub-module, for the radius of the distance between more described central point and the screen edge of described touch-screen and described menu circumference;

The 5th calculating sub module, while being less than the radius of described menu circumference for the distance when between central point and the screen edge of described touch-screen, calculates menu place circular arc according to the distance between described central point and the screen edge of described touch-screen;

Described the 3rd calculating sub module, for according to the number of described menu item and described in position and the size of each menu item of position calculation on described menu circular arc of leaving a blank.

11. devices according to claim 8 or claim 9, is characterized in that,

Described touch detection module, also detects the movement of the press points position of user's finger;

Described menu generation module also comprises: menu item chooser module, for the press points position that move from described central point to menu item press points position or user points when user's finger being detected, when described central point tangent line moves, according to the motion track of described press points position, select the menu item corresponding with described press points position;

Described menu rendering submodule, for carrying out the menu item of selection highlighted amplification demonstration.

Images