WO2013044467A1 - Terminal and menu display method - Google Patents
Terminal and menu display method Download PDFInfo
- Publication number
- WO2013044467A1 WO2013044467A1 PCT/CN2011/080298 CN2011080298W WO2013044467A1 WO 2013044467 A1 WO2013044467 A1 WO 2013044467A1 CN 2011080298 W CN2011080298 W CN 2011080298W WO 2013044467 A1 WO2013044467 A1 WO 2013044467A1
- Authority
- WO
- WIPO (PCT)
- Prior art keywords
- menu
- display
- points
- touch
- point
- Prior art date
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/0482—Interaction with lists of selectable items, e.g. menus
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
- G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
- G06F3/04883—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures for inputting data by handwriting, e.g. gesture or text
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
- G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
- G06F3/04886—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures by partitioning the display area of the touch-screen or the surface of the digitising tablet into independently controllable areas, e.g. virtual keyboards or menus
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F2203/00—Indexing scheme relating to G06F3/00 - G06F3/048
- G06F2203/048—Indexing scheme relating to G06F3/048
- G06F2203/04808—Several contacts: gestures triggering a specific function, e.g. scrolling, zooming, right-click, when the user establishes several contacts with the surface simultaneously; e.g. using several fingers or a combination of fingers and pen
Definitions
- the present invention relates to the field of mobile communications, and in particular to a terminal and a menu display method. Background technique
- the menu display mode in the existing terminal is mostly displayed from the top left to the bottom of the application interface, or from the bottom left or the lower right corner from bottom to top, and the background color of the display is single. After the user has been using it for a long time, there will be no freshness, and the menu will appear in order to click at a specific location. This display mode is not user-friendly.
- the technical problem to be solved by the present invention is to provide a technical solution for flexibly controlling menu display, which can display menus in different areas on the screen according to the needs of the user, and can flexibly set the background color of the menu, so that the menu display is not caused. Too simple, to ensure the freshness of the user, and enhance the user experience.
- the present invention provides a terminal, including: a detecting module, and detecting a screen of the terminal a touch operation on the screen; a display module, when the touch operation is a multi-touch operation, determining a display area of the menu according to two touch points of the multi-touch operation; and/or When the touch operation is a slide operation, the display area of the menu is determined according to the start point and the end point of the slide operation.
- the two touch points may be simultaneously applied to the screen, or may be two click events respectively generated in sequence.
- the user can display menus in different areas of the screen according to different multi-touch operations or sliding operations, thereby improving the flexibility of menu display.
- the display module connects the connection between any two vertices of the menu and the two touch points when the menu has multiple vertices Parallel or coincident or forming any predetermined angle; and/or making a line between any two vertices of the menu parallel or coincident with the line between the starting point and the ending point or forming a preset Any angle.
- any side of the rectangular menu and any diagonal line may be set as a connection line of the two touch point lines or a connection between the start point and the end point. Or set to a line segment that is closer to the above connection.
- rectangular menus are more common, this technical solution is applicable to any menu with multiple edges or multiple vertices.
- the display module uses the two touch points as two points on the edge of the menu, and/or uses the start point and the end point as edges of the menu. Two points on the top.
- the display area of the menu is controlled by the above two touch points or the above-mentioned starting point and end point, and the scheme is applicable to any shape menu, for example, the above two touch points or the above-mentioned starting point and end point can be used as menus.
- the two endpoints of a diameter is preferably, the display module uses the two touch points as two points on the edge of the menu, and/or uses the start point and the end point as edges of the menu. Two points on the top.
- the method further includes: a color setting module, acquiring a color between the two touch points as a display color of the menu, and/or acquiring the starting point to the end point The color, as the display color of the menu.
- a color setting module acquiring a color between the two touch points as a display color of the menu, and/or acquiring the starting point to the end point The color, as the display color of the menu.
- two or more colors may be selected at the same time, or randomly selected. One of the colors is used to set the background color.
- the method further includes: determining, by the determining module, whether the distance between the two touch points is greater than a first predetermined threshold and/or is less than a second predetermined threshold, and when the determination result is yes Notifying the display module to display the menu, and/or determining the starting point Whether the distance between the end points is greater than the first predetermined threshold and/or is less than the second predetermined threshold, and when the determination result is YES, notifying the display module to display the menu.
- the display is not performed if the distance between the two touch points or the start point and the end point is too long or too short to be suitable for displaying the option content of the menu, the display is not performed.
- the present invention further provides a menu display method, including: Step 202: detecting a touch operation on a screen of the terminal; Step 204, when the touch operation is a multi-touch operation, according to the two-touch operation a touch point to determine a display area of the menu; and/or a display area of the menu according to a start point and an end point of the sliding operation when the touch operation is a slide operation.
- the two touch points may be simultaneously applied to the screen, or may be two click events respectively generated in sequence.
- the user can display menus in different areas of the screen according to different multi-touch operations or sliding operations, thereby improving the flexibility of menu display.
- any two vertices of the menu are parallel or coincident or form any predetermined angle; and/or the lines between any two vertices of the menu are parallel or coincident or coincident with the line between the starting point and the end point Any angle preset.
- any side of the rectangular menu and any diagonal line may be set as a connection line of the two touch point lines or a connection between the start point and the end point. Or set to a line segment that is closer to the above connection.
- rectangular menus are more common, this technical solution is applicable to any menu with multiple edges or multiple vertices.
- the two touch points are taken as two points on the edge of the menu; and/or the starting point and the end point are used as the Two points on the edge of the menu.
- the display area of the menu is controlled by the above two touch points or the above-mentioned starting point and end point, and the scheme is applicable to any shape menu, for example, the above two touch points or the above-mentioned starting point and end point can be used as menus.
- the two endpoints of a diameter are examples of a diameter.
- the method further includes: acquiring a color between the two touch points as a display color of the menu; and/or acquiring the starting point to the The color between the endpoints, as the display color of the menu.
- the background color of the flexible setting menu if there are multiple colors between the above two touch points or between the start point and the end point, two or more colors may be selected at the same time, or one of the colors may be randomly selected. The setting of the background color.
- the method further includes: determining whether a distance between the two touch points is greater than a first predetermined threshold and/or is less than a second predetermined threshold, and determining When the result is YES, the menu is displayed; and/or whether the distance between the starting point and the end point is greater than the first predetermined threshold and/or is less than the second predetermined threshold, and the result of the determination is When yes, the menu is displayed.
- the display is not performed.
- a terminal and a menu display method can be realized, which can flexibly control the display area of the menu by detecting the specific position of the multi-touch operation and the sliding operation, and can set different background colors for the menu at any time. , to ensure the freshness of the user, and enhance the user experience.
- FIG. 1 is a block diagram of a terminal in accordance with one embodiment of the present invention.
- FIG. 2 is a flow chart of a menu display method in accordance with one embodiment of the present invention.
- FIG. 3 is a schematic block diagram of a terminal in accordance with an embodiment of the present invention.
- FIG. 4 is a flowchart showing the operation of a terminal according to an embodiment of the present invention.
- FIG. 5A to 5D are each a schematic diagram of an interface of a terminal according to an embodiment of the present invention.
- FIG. 6 is a flowchart showing the operation of the terminal according to an embodiment of the present invention.
- 7A to 7D are each a schematic diagram of an interface of a terminal according to an embodiment of the present invention. detailed description
- FIG. 1 is a block diagram of a terminal in accordance with one embodiment of the present invention.
- the present invention provides a terminal 100, including: a detecting module 102, detecting a touch operation on a screen of the terminal 100; and a display module 104, when the touch operation is a multi-touch operation, according to the Determining a display area of the menu by the two touch points of the multi-touch operation; and/or determining the display of the menu according to the start point and the end point of the sliding operation when the touch operation is a slide operation region.
- the two touch points may be simultaneously applied to the screen, or may be two click events respectively generated in sequence.
- the user can display menus in different areas of the screen according to different multi-touch operations or sliding operations, thereby improving the flexibility of menu display.
- the display module 104 makes the connection between any two vertices of the menu parallel to the connection between the two touch points or Coincident or forming any predetermined angle; and/or making a line between any two vertices of the menu parallel or coincident with a line between the starting point and the end point or forming a predetermined arbitrary angle.
- any side of the rectangular menu and any diagonal line may be set as a connection line of the two touch point lines or a connection between the start point and the end point. Or set to a line segment that is closer to the above connection.
- rectangular menus are more common, this technical solution is applicable to any menu having multiple edges or multiple vertices.
- the display module 104 uses the two touch points as two points on the edge of the menu, and/or uses the start point and the end point as the edge of the menu. Two points.
- the display area of the menu is controlled by the above two touch points or the above-mentioned starting point and end point, and the scheme is applicable to any shape menu, for example, the above two touch points or the above-mentioned starting point and end point can be used as menus.
- the two endpoints of a diameter is a diameter.
- the method further includes: a color setting module 106, acquiring a color between the two touch points as a display color of the menu, and/or acquiring a color between the starting point and the end point , as the display color of the menu.
- a color setting module 106 acquiring a color between the two touch points as a display color of the menu, and/or acquiring a color between the starting point and the end point , as the display color of the menu.
- the method further includes: the determining module 108, determining whether the distance between the two touch points is greater than a first predetermined threshold and/or is less than a second predetermined threshold, and when the determination result is yes, notifying The display module 104 displays the menu, and/or determines whether the distance between the starting point and the end point is greater than the first predetermined threshold and/or is less than the second predetermined threshold, and the determination result is When yes, the display module 104 is notified to display the menu. In this technical solution, if the distance between the two touch points or the start point and the end point is too long or too short to be suitable for displaying the option content of the menu, the display is not performed.
- FIG. 2 is a flow chart of a menu display method in accordance with one embodiment of the present invention.
- the present invention further provides a menu display method, including: Step 202: detecting a touch operation on a screen of the terminal; Step 204, when the touch operation is a multi-touch operation, according to the multiple The two touch points of the touch operation are used to determine the display area of the menu; and/or when the touch operation is a slide operation, the display area of the menu is determined according to the start point and the end point of the slide operation.
- the two touch points may be simultaneously used on the screen, or may be two click events respectively generated in sequence.
- the user can display menus in different areas of the screen according to different multi-touch operations or sliding operations, thereby improving the flexibility of menu display.
- the connection between any two vertices of the menu and the connection between the two touch points is Parallel or coincident or forming any predetermined angle; and/or making a line between any two vertices of the menu parallel or coincident with the line between the starting point and the ending point or forming a preset Any angle.
- any side of the rectangular menu and any diagonal line may be set as a connection line of the two touch point lines or a connection between the start point and the end point. Or set to a line segment that is closer to the above connection.
- rectangular menus are more common, this technical solution is applicable to any menu with multiple edges or multiple vertices.
- the two touch points are taken as two points on the edge of the menu; and/or the starting point and the end point are used as edges of the menu. Two points on the top.
- the display area of the menu is controlled by the above two touch points or the above-mentioned starting point and end point, and the scheme is applicable to any shape menu, for example, the above two touch points or the above-mentioned starting point and end point can be used as menus.
- the method further includes: acquiring a color between the two touch points as a display color of the menu; and/or acquiring the starting point to the end point The color, as the display color of the menu.
- the background color of the flexible setting menu if there are multiple colors between the two touch points or between the start point and the end point, two or more colors may be selected at the same time, or randomly selected. One of the colors is used to set the background color.
- the method further includes: determining whether a distance between the two touch points is greater than a first predetermined threshold and/or is less than a second predetermined threshold, and determining that the result is And displaying the menu; and/or determining whether a distance between the starting point and the end point is greater than the first predetermined threshold and/or is less than the second predetermined threshold, and when the determination result is yes, The menu is displayed.
- the display is not performed.
- FIG. 3 is a schematic block diagram of a terminal in accordance with one embodiment of the present invention.
- the terminal in the technical solution of the embodiment can display the menu in any area on the terminal screen by detecting the touch operation of the user, and the menu background displayed each time is different, giving the user different feelings.
- the terminal in this embodiment includes the following modules:
- the detecting module 302 is configured to: obtain a touch operation of the user on the screen of the terminal; and the determining module 304 is configured to determine whether the distance between the two points of the simultaneous touch of the user, or the distance between the start and end points of the sliding operation, can Meet the conditions for displaying the menu;
- Color setting module 306 used to set the background color value of the menu according to the color between two points touched at the same time, or between the start and end points of the sliding operation;
- the display module 308 is used to display a menu.
- Step 402 detecting that the current user has two touch points A and B simultaneously on the screen;
- Step 404 determining whether the distance between two points A and B in the multi-touch is less than M, And / or greater than m, if yes, proceed to step 406, otherwise end the work, use the technical solution to determine whether the distance between A and B will be too long or too short, not suitable for displaying menus, for example, the distance from m to M Can be equivalent to the appropriate range of length, width or diagonal of the rectangular menu;
- Step 406 Obtain a color between two points A and B, and use the color as the background color of the menu. If there are multiple colors between A and B, one or several colors may be selected according to conditions or shorthand. As the background color of the menu;
- Step 408 When the connection between the two points A and B is close to horizontal, the menu is displayed in the vertical direction of the line of the two points A and B, and the range of the touch point in the screen is determined. If the edge is near the bottom edge, the display direction is upwardly popped up. If it is near the top edge, it will pop down, as shown in Figure 5A;
- the menu can be displayed directly in the direction of A to B or B to A.
- the display area of the menu should be set as close to the center of the screen.
- the connection between A and B can be used as a menu.
- An edge may also be used only as a line parallel to the edge for determining the display area of the menu, as shown in FIG. 5B;
- the two points A and B can also be used as the two points of the diagonal of the menu to determine the display area of the menu, as shown in Figure 5C.
- two points A and B can be used as two points on the edge of the menu.
- a circular menu it can be used as two endpoints of a diameter of a circular menu. , as shown in Figure 5D.
- Step 602 detecting that the current user slides on the screen at the same time, and slides from point C to point D;
- Step 604 determining whether the distance between points C and D is less than M, and/or is greater than m, if yes, proceeding to step 406, otherwise ending the work, determining whether the distance between C and D is too long by the technical solution Or too short, not suitable for displaying menus, for example, the distance from m to M can be equivalent to the appropriate range of length, width or diagonal of the rectangular menu;
- Step 606 Obtain a color between two points C and D, and use the color as the background color of the menu. If there are multiple colors between C and D, one of the conditions may be selected by condition or shorthand. Or several colors, as the background color of the menu;
- Step 608 when the two points of C and D are close to horizontal, the menu is displayed in the vertical direction of the line of the two points C and D, and the range of the touch point in the screen is judged. If it is near the bottom edge, the display direction is upwardly popped up. If it is near the top edge, it will pop down, as shown in Figure 7A;
- the menu can be displayed directly in the direction of the slide.
- the display area of the menu should be set as close to the center of the screen.
- the connection between C and D can be used as one side of the menu, or only As a line parallel to the side, used to determine the display area of the menu, as shown in FIG. 7B;
- the two points C and D can also be used as the two points of the diagonal of the menu to determine the display area of the menu, as shown in Fig. 7C;
- two points C and D can be used as two points on the edge of the menu.
- a circular menu it can be used as two endpoints of a diameter of a circular menu, as shown in the figure. Shown in 7D.
- a terminal and a menu display method can be realized.
- the user can perform a multi-touch or slide operation on the screen, and the menu can be popped up. Enter the function that the user wants to use.
- the background color of the menu changes with the change of the touch position, which adds fun and different experience to the user.
- the technical solution of the present invention can have better control over the display interface or the area of the window of any application.
Landscapes
- Engineering & Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The present invention provides a terminal and a menu display method. The menu display method comprises: Step 202: detecting a touch operation on a screen of a terminal; Step 204: when the touch operation is a multipoint touch operation, determining a display area of a menu according to two touch points of the multipoint touch operation; and/or when the touch operation is a slide operation, determining a display area of the menu according to a start point and an end point of the slide operation. By means of the technical solution, the menu is displayed in different areas on the screen for users according to the difference between the multipoint touch operation and the slide operation, thereby improving the flexibility of displaying the menu.
Description
终端和菜单显示方法 技术领域 Terminal and menu display method
本发明涉及移动通信领域, 具体而言, 涉及一种终端和一种菜单显示 方法。 背景技术 The present invention relates to the field of mobile communications, and in particular to a terminal and a menu display method. Background technique
随着通信技术的不断发展, 移动终端已成为人们日常生活中不可缺少 的一个工具。 如今的终端预安装的应用程序丰富多彩, 且每个应用程序的 功能也日趋强大, 每个应用程序中都存在对应的菜单, 用户可以从菜单中 选择相应的功能, 以进行下一步操作。 由此可见, 菜单是移动终端中频繁 使用的一个功能。 With the continuous development of communication technology, mobile terminals have become an indispensable tool in people's daily life. Today's terminal pre-installed applications are rich and colorful, and each application's functions are becoming more powerful. Each application has a corresponding menu, and the user can select the corresponding function from the menu for the next step. Thus, the menu is a function frequently used in mobile terminals.
不过, 现有的终端中的菜单显示方式, 大多是从应用程序界面的左上 角由上往下显示, 或左下角或右下角从底至上显示, 而且显示的背景颜色 都是单一的。 用户在使用久了之后, 就会没有新鲜感, 而且比必须在特定 的位置进行点击, 才能出现菜单, 这样的显示方式不是艮人性化。 However, the menu display mode in the existing terminal is mostly displayed from the top left to the bottom of the application interface, or from the bottom left or the lower right corner from bottom to top, and the background color of the display is single. After the user has been using it for a long time, there will be no freshness, and the menu will appear in order to click at a specific location. This display mode is not user-friendly.
因此, 需要一种灵活控制菜单显示的技术方案, 能够根据用户的需 求, 在屏幕上的不同区域显示菜单, 并且, 可以灵活设置菜单的背景颜 色, 使菜单的显示不致太过单一, 保证了用户使用的新鲜感, 提升了用户 的使用体验。 发明内容 Therefore, there is a need for a flexible technical solution for controlling menu display, which can display menus in different areas of the screen according to the needs of the user, and can flexibly set the background color of the menu, so that the display of the menu is not too singular, and the user is guaranteed. The freshness of use enhances the user experience. Summary of the invention
本发明所要解决的技术问题在于, 提供一种灵活控制菜单显示的技术 方案, 能够根据用户的需求, 在屏幕上的不同区域显示菜单, 并且, 可以 灵活设置菜单的背景颜色, 使菜单的显示不致太过单一, 保证了用户使用 的新鲜感, 提升了用户的使用体验。 The technical problem to be solved by the present invention is to provide a technical solution for flexibly controlling menu display, which can display menus in different areas on the screen according to the needs of the user, and can flexibly set the background color of the menu, so that the menu display is not caused. Too simple, to ensure the freshness of the user, and enhance the user experience.
有鉴于此, 本发明提供了一种终端, 包括: 检测模块, 检测终端的屏
幕上的触摸操作; 显示模块, 在所述触摸操作为多点触碰操作时, 根据所 述多点触碰操作的两个触碰点, 来确定菜单的显示区域; 和 /或在所述触 摸操作为滑动操作时, 根据所述滑动操作的起点和终点, 来确定所述菜单 的显示区域。 在该技术方案中, 所述两个触碰点可以是同时作用在屏幕 上, 也可以是依次分别产生的两次点击事件。 在该技术方案中, 可以根据 多点触碰操作或滑动操作的不同, 来为用户在屏幕的不同区域显示菜单, 提升了菜单显示的灵活性。 In view of this, the present invention provides a terminal, including: a detecting module, and detecting a screen of the terminal a touch operation on the screen; a display module, when the touch operation is a multi-touch operation, determining a display area of the menu according to two touch points of the multi-touch operation; and/or When the touch operation is a slide operation, the display area of the menu is determined according to the start point and the end point of the slide operation. In this technical solution, the two touch points may be simultaneously applied to the screen, or may be two click events respectively generated in sequence. In this technical solution, the user can display menus in different areas of the screen according to different multi-touch operations or sliding operations, thereby improving the flexibility of menu display.
在上述技术方案中, 优选地, 所述显示模块在所述菜单具有多个顶点 时, 使所述菜单的任意两个顶点之间的连线与所述两个触碰点之间的连线 平行或重合或形成预先设定的任意角度; 和 /或使所述菜单的任意两个顶 点之间的连线与所述起点和所述终点之间的连线平行或重合或形成预先设 定的任意角度。 在该技术方案中, 由于绝大部分菜单为矩形, 所以可以将 矩形菜单的任一条边、 任一对角线设置为上述两个触碰点线的连线或上述 起点与终点的连线, 或设置为与以上连线比较接近的线段。 虽然矩形菜单 较为常见, 但是本技术方案适用于任何具有多条边或多个顶点的菜单。 In the above technical solution, preferably, the display module connects the connection between any two vertices of the menu and the two touch points when the menu has multiple vertices Parallel or coincident or forming any predetermined angle; and/or making a line between any two vertices of the menu parallel or coincident with the line between the starting point and the ending point or forming a preset Any angle. In this technical solution, since most of the menus are rectangular, any side of the rectangular menu and any diagonal line may be set as a connection line of the two touch point lines or a connection between the start point and the end point. Or set to a line segment that is closer to the above connection. Although rectangular menus are more common, this technical solution is applicable to any menu with multiple edges or multiple vertices.
在上述技术方案中, 优选地, 所述显示模块将所述两个触碰点作为所 述菜单的边缘上的两个点, 和 /或将所述起点和所述终点作为所述菜单的 边缘上的两个点。 在该技术方案中, 通过上述两个触碰点或上述起点和终 点来控制菜单的显示区域, 该方案适用任何形状的菜单, 例如, 可以将上 述两个触碰点或上述起点和终点作为菜单的一条直径的两个端点。 In the above technical solution, preferably, the display module uses the two touch points as two points on the edge of the menu, and/or uses the start point and the end point as edges of the menu. Two points on the top. In this technical solution, the display area of the menu is controlled by the above two touch points or the above-mentioned starting point and end point, and the scheme is applicable to any shape menu, for example, the above two touch points or the above-mentioned starting point and end point can be used as menus. The two endpoints of a diameter.
在上述技术方案中, 优选地, 还包括: 颜色设置模块, 获取所述两个 触碰点之间的颜色, 作为所述菜单的显示颜色, 和 /或获取所述起点至所 述终点之间的颜色, 作为所述菜单的显示颜色。 在该技术方案中, 可以根 据灵活设置菜单的背景颜色, 如果上述两个触碰点之间或上述开始点和终 点之间有多种颜色时, 可以同时选取两种以上的颜色来, 或随机选取其中 一种颜色来进行背景颜色的设置。 In the above technical solution, preferably, the method further includes: a color setting module, acquiring a color between the two touch points as a display color of the menu, and/or acquiring the starting point to the end point The color, as the display color of the menu. In this technical solution, according to the background color of the flexible setting menu, if there are multiple colors between the two touch points or between the start point and the end point, two or more colors may be selected at the same time, or randomly selected. One of the colors is used to set the background color.
在上述技术方案中, 优选地, 还包括: 判断模块, 判断所述两个触碰 点之间的距离是否大于第一预定阈值和 /或是否小于第二预定阈值, 并在 判断结果为是时, 通知所述显示模块显示所述菜单, 和 /或判断所述起点
至所述终点之间的距离是否大于所述第一预定阈值和 /或是否小于所述第 二预定阈值, 并在判断结果为是时, 通知所述显示模块显示所述菜单。 在 该技术方案中, 如果上述两个触碰点或上述开始点和终点之间的距离太长 或太短, 不适合显示菜单的选项内容时, 则不进行显示。 In the above technical solution, preferably, the method further includes: determining, by the determining module, whether the distance between the two touch points is greater than a first predetermined threshold and/or is less than a second predetermined threshold, and when the determination result is yes Notifying the display module to display the menu, and/or determining the starting point Whether the distance between the end points is greater than the first predetermined threshold and/or is less than the second predetermined threshold, and when the determination result is YES, notifying the display module to display the menu. In this technical solution, if the distance between the two touch points or the start point and the end point is too long or too short to be suitable for displaying the option content of the menu, the display is not performed.
本发明还提供一种菜单显示方法, 包括: 步骤 202 , 检测终端的屏幕 上的触摸操作; 步骤 204 , 在所述触摸操作为多点触碰操作时, 根据所述 多点触碰操作的两个触碰点, 来确定菜单的显示区域; 和 /或在所述触摸 操作为滑动操作时, 根据所述滑动操作的起点和终点, 来确定所述菜单的 显示区域。 在该技术方案中, 所述两个触碰点可以是同时作用在屏幕上, 也可以是依次分别产生的两次点击事件。 通过该技术方案, 可以根据多点 触碰操作或滑动操作的不同, 来为用户在屏幕的不同区域显示菜单, 提升 了菜单显示的灵活性。 The present invention further provides a menu display method, including: Step 202: detecting a touch operation on a screen of the terminal; Step 204, when the touch operation is a multi-touch operation, according to the two-touch operation a touch point to determine a display area of the menu; and/or a display area of the menu according to a start point and an end point of the sliding operation when the touch operation is a slide operation. In this technical solution, the two touch points may be simultaneously applied to the screen, or may be two click events respectively generated in sequence. With this technical solution, the user can display menus in different areas of the screen according to different multi-touch operations or sliding operations, thereby improving the flexibility of menu display.
在上述技术方案中, 优选地, 在所述步骤 204 中, 在所述菜单具有多 个顶点时, 使所述菜单的任意两个顶点之间的连线与所述两个触碰点之间 的连线平行或重合或形成预先设定的任意角度; 和 /或使所述菜单的任意 两个顶点之间的连线与所述起点和所述终点之间的连线平行或重合或形成 预先设定的任意角度。 在该技术方案中, 由于绝大部分菜单为矩形, 所以 可以将矩形菜单的任一条边、 任一对角线设置为上述两个触碰点线的连线 或上述起点与终点的连线, 或设置为与以上连线比较接近的线段。 虽然矩 形菜单较为常见, 但是本技术方案适用于任何具有多条边或多个顶点的菜 单。 In the above technical solution, preferably, in the step 204, when the menu has a plurality of vertices, connecting between any two vertices of the menu and the two touch points The lines are parallel or coincident or form any predetermined angle; and/or the lines between any two vertices of the menu are parallel or coincident or coincident with the line between the starting point and the end point Any angle preset. In this technical solution, since most of the menus are rectangular, any side of the rectangular menu and any diagonal line may be set as a connection line of the two touch point lines or a connection between the start point and the end point. Or set to a line segment that is closer to the above connection. Although rectangular menus are more common, this technical solution is applicable to any menu with multiple edges or multiple vertices.
在上述技术方案中, 优选地, 在所述步骤 204 中, 将所述两个触碰点 作为所述菜单的边缘上的两个点; 和 /或将所述起点和所述终点作为所述 菜单的边缘上的两个点。 在该技术方案中, 通过上述两个触碰点或上述起 点和终点来控制菜单的显示区域, 该方案适用任何形状的菜单, 例如, 可 以将上述两个触碰点或上述起点和终点作为菜单的一条直径的两个端点。 In the above technical solution, preferably, in the step 204, the two touch points are taken as two points on the edge of the menu; and/or the starting point and the end point are used as the Two points on the edge of the menu. In this technical solution, the display area of the menu is controlled by the above two touch points or the above-mentioned starting point and end point, and the scheme is applicable to any shape menu, for example, the above two touch points or the above-mentioned starting point and end point can be used as menus. The two endpoints of a diameter.
在上述技术方案中, 优选地, 在所述步骤 204 中, 还包括: 获取所述 两个触碰点之间的颜色, 作为所述菜单的显示颜色; 和 /或获取所述起点 至所述终点之间的颜色, 作为所述菜单的显示颜色。 在该技术方案中, 可
以根据灵活设置菜单的背景颜色, 如果上述两个触碰点之间或上述开始点 和终点之间有多种颜色时, 可以同时选取两种以上的颜色来, 或随机选取 其中一种颜色来进行背景颜色的设置。 In the above technical solution, preferably, in the step 204, the method further includes: acquiring a color between the two touch points as a display color of the menu; and/or acquiring the starting point to the The color between the endpoints, as the display color of the menu. In this technical solution, According to the background color of the flexible setting menu, if there are multiple colors between the above two touch points or between the start point and the end point, two or more colors may be selected at the same time, or one of the colors may be randomly selected. The setting of the background color.
在上述技术方案中, 优选地, 在所述步骤 204 中, 还包括: 判断所述 两个触碰点之间的距离是否大于第一预定阈值和 /或是否小于第二预定阈 值, 并在判断结果为是时, 显示所述菜单; 和 /或判断所述起点至所述终 点之间的距离是否大于所述第一预定阈值和 /或是否小于所述第二预定阈 值, 并在判断结果为是时, 显示所述菜单。 在该技术方案中, 如果上述两 个触碰点或上述开始点和终点之间的距离太长或太短, 不适合显示菜单的 选项内容时, 则不进行显示。 In the above technical solution, preferably, in the step 204, the method further includes: determining whether a distance between the two touch points is greater than a first predetermined threshold and/or is less than a second predetermined threshold, and determining When the result is YES, the menu is displayed; and/or whether the distance between the starting point and the end point is greater than the first predetermined threshold and/or is less than the second predetermined threshold, and the result of the determination is When yes, the menu is displayed. In this technical solution, if the distance between the above two touch points or the above start point and end point is too long or too short to be suitable for displaying the menu contents of the menu, the display is not performed.
通过以上技术方案, 可以实现一种终端和一种菜单显示方法, 通过检 测多点触碰操作以及滑动操作的具体位置, 来灵活地控制菜单的显示区 域, 并能够随时为菜单设置不同的背景颜色, 保证了用户使用的新鲜感, 提升了用户的使用体验。 附图说明 Through the above technical solution, a terminal and a menu display method can be realized, which can flexibly control the display area of the menu by detecting the specific position of the multi-touch operation and the sliding operation, and can set different background colors for the menu at any time. , to ensure the freshness of the user, and enhance the user experience. DRAWINGS
图 1是根据本发明的一个实施例的终端的框图; 1 is a block diagram of a terminal in accordance with one embodiment of the present invention;
图 2是根据本发明的一个实施例的菜单显示方法的流程图; 2 is a flow chart of a menu display method in accordance with one embodiment of the present invention;
图 3是根据本发明的一个实施例的终端的示意框图; 3 is a schematic block diagram of a terminal in accordance with an embodiment of the present invention;
图 4是根据本发明的一个实施例的终端的工作流程图; 4 is a flowchart showing the operation of a terminal according to an embodiment of the present invention;
图 5A至 5D均是根据本发明的一个实施例的终端的界面示意图; 图 6是根据本发明的一个实施例的终端的工作流程图; 5A to 5D are each a schematic diagram of an interface of a terminal according to an embodiment of the present invention; FIG. 6 is a flowchart showing the operation of the terminal according to an embodiment of the present invention;
图 7 A至 7D均是根据本发明的一个实施例的终端的界面示意图。 具体实施方式 7A to 7D are each a schematic diagram of an interface of a terminal according to an embodiment of the present invention. detailed description
为了能够更清楚地理解本发明的上述目的、 特征和优点, 下面结合附 图和具体实施方式对本发明进行进一步的详细描述。 The above described objects, features and advantages of the present invention will be more fully understood from the following detailed description.
在下面的描述中阐述了很多具体细节以便于充分理解本发明, 但是, 本发明还可以采用其他不同于在此描述的其他方式来实施, 因此, 本发明
并不限于下面公开的具体实施例的限制。 In the following description, numerous specific details are set forth in order to provide a thorough understanding of the invention, but the invention may be practiced in other embodiments other than those described herein. It is not limited to the limitations of the specific embodiments disclosed below.
图 1是根据本发明的一个实施例的终端的框图。 1 is a block diagram of a terminal in accordance with one embodiment of the present invention.
如图 1 所示, 本发明提供了一种终端 100, 包括: 检测模块 102, 检 测终端 100 的屏幕上的触摸操作; 显示模块 104, 在所述触摸操作为多点 触碰操作时, 根据所述多点触碰操作的两个触碰点, 来确定菜单的显示区 域; 和 /或在所述触摸操作为滑动操作时, 根据所述滑动操作的起点和终 点, 来确定所述菜单的显示区域。 在该技术方案中, 所述两个触碰点可以 是同时作用在屏幕上, 也可以是依次分别产生的两次点击事件。 在该技术 方案中, 可以根据多点触碰操作或滑动操作的不同, 来为用户在屏幕的不 同区域显示菜单, 提升了菜单显示的灵活性。 As shown in FIG. 1 , the present invention provides a terminal 100, including: a detecting module 102, detecting a touch operation on a screen of the terminal 100; and a display module 104, when the touch operation is a multi-touch operation, according to the Determining a display area of the menu by the two touch points of the multi-touch operation; and/or determining the display of the menu according to the start point and the end point of the sliding operation when the touch operation is a slide operation region. In the technical solution, the two touch points may be simultaneously applied to the screen, or may be two click events respectively generated in sequence. In this technical solution, the user can display menus in different areas of the screen according to different multi-touch operations or sliding operations, thereby improving the flexibility of menu display.
在上述技术方案中, 所述显示模块 104在所述菜单具有多个顶点时, 使所述菜单的任意两个顶点之间的连线与所述两个触碰点之间的连线平行 或重合或形成预先设定的任意角度; 和 /或使所述菜单的任意两个顶点之 间的连线与所述起点和所述终点之间的连线平行或重合或形成预先设定的 任意角度。 在该技术方案中, 由于绝大部分菜单为矩形, 所以可以将矩形 菜单的任一条边、 任一对角线设置为上述两个触碰点线的连线或上述起点 与终点的连线, 或设置为与以上连线比较接近的线段。 虽然矩形菜单较为 常见, 但是本技术方案适用于任何具有多条边或多个顶点的菜单。 In the above technical solution, when the menu has multiple vertices, the display module 104 makes the connection between any two vertices of the menu parallel to the connection between the two touch points or Coincident or forming any predetermined angle; and/or making a line between any two vertices of the menu parallel or coincident with a line between the starting point and the end point or forming a predetermined arbitrary angle. In this technical solution, since most of the menus are rectangular, any side of the rectangular menu and any diagonal line may be set as a connection line of the two touch point lines or a connection between the start point and the end point. Or set to a line segment that is closer to the above connection. Although rectangular menus are more common, this technical solution is applicable to any menu having multiple edges or multiple vertices.
在上述技术方案中, 所述显示模块 104将所述两个触碰点作为所述菜 单的边缘上的两个点, 和 /或将所述起点和所述终点作为所述菜单的边缘 上的两个点。 在该技术方案中, 通过上述两个触碰点或上述起点和终点来 控制菜单的显示区域, 该方案适用任何形状的菜单, 例如, 可以将上述两 个触碰点或上述起点和终点作为菜单的一条直径的两个端点。 In the above technical solution, the display module 104 uses the two touch points as two points on the edge of the menu, and/or uses the start point and the end point as the edge of the menu. Two points. In this technical solution, the display area of the menu is controlled by the above two touch points or the above-mentioned starting point and end point, and the scheme is applicable to any shape menu, for example, the above two touch points or the above-mentioned starting point and end point can be used as menus. The two endpoints of a diameter.
在上述技术方案中, 还包括: 颜色设置模块 106, 获取所述两个触碰 点之间的颜色, 作为所述菜单的显示颜色, 和 /或获取所述起点至所述终 点之间的颜色, 作为所述菜单的显示颜色。 在该技术方案中, 可以根据灵 活设置菜单的背景颜色, 如果上述两个触碰点之间或上述开始点和终点之 间有多种颜色时, 可以同时选取两种以上的颜色来, 或随机选取其中一种 颜色来进行背景颜色的设置。
在上述技术方案中, 还包括: 判断模块 108 , 判断所述两个触碰点之 间的距离是否大于第一预定阈值和 /或是否小于第二预定阈值, 并在判断 结果为是时, 通知所述显示模块 104 显示所述菜单, 和 /或判断所述起点 至所述终点之间的距离是否大于所述第一预定阈值和 /或是否小于所述第 二预定阈值, 并在判断结果为是时, 通知所述显示模块 104 显示所述菜 单。 在该技术方案中, 如果上述两个触碰点或上述开始点和终点之间的距 离太长或太短, 不适合显示菜单的选项内容时, 则不进行显示。 In the above technical solution, the method further includes: a color setting module 106, acquiring a color between the two touch points as a display color of the menu, and/or acquiring a color between the starting point and the end point , as the display color of the menu. In this technical solution, according to the background color of the flexible setting menu, if there are multiple colors between the two touch points or between the start point and the end point, two or more colors may be selected at the same time, or randomly selected. One of the colors is used to set the background color. In the above technical solution, the method further includes: the determining module 108, determining whether the distance between the two touch points is greater than a first predetermined threshold and/or is less than a second predetermined threshold, and when the determination result is yes, notifying The display module 104 displays the menu, and/or determines whether the distance between the starting point and the end point is greater than the first predetermined threshold and/or is less than the second predetermined threshold, and the determination result is When yes, the display module 104 is notified to display the menu. In this technical solution, if the distance between the two touch points or the start point and the end point is too long or too short to be suitable for displaying the option content of the menu, the display is not performed.
图 2是根据本发明的一个实施例的菜单显示方法的流程图。 2 is a flow chart of a menu display method in accordance with one embodiment of the present invention.
如图 2所示, 本发明还提供一种菜单显示方法, 包括: 步骤 202 , 检 测终端的屏幕上的触摸操作; 步骤 204 , 在所述触摸操作为多点触碰操作 时, 根据所述多点触碰操作的两个触碰点, 来确定菜单的显示区域; 和 / 或在所述触摸操作为滑动操作时, 根据所述滑动操作的起点和终点, 来确 定所述菜单的显示区域。 在该技术方案中, 所述两个触碰点可以是同时作 用在屏幕上, 也可以是依次分别产生的两次点击事件。 通过该技术方案, 可以根据多点触碰操作或滑动操作的不同, 来为用户在屏幕的不同区域显 示菜单, 提升了菜单显示的灵活性。 As shown in FIG. 2, the present invention further provides a menu display method, including: Step 202: detecting a touch operation on a screen of the terminal; Step 204, when the touch operation is a multi-touch operation, according to the multiple The two touch points of the touch operation are used to determine the display area of the menu; and/or when the touch operation is a slide operation, the display area of the menu is determined according to the start point and the end point of the slide operation. In the technical solution, the two touch points may be simultaneously used on the screen, or may be two click events respectively generated in sequence. With this technical solution, the user can display menus in different areas of the screen according to different multi-touch operations or sliding operations, thereby improving the flexibility of menu display.
在上述技术方案中, 在所述步骤 204 中, 在所述菜单具有多个顶点 时, 使所述菜单的任意两个顶点之间的连线与所述两个触碰点之间的连线 平行或重合或形成预先设定的任意角度; 和 /或使所述菜单的任意两个顶 点之间的连线与所述起点和所述终点之间的连线平行或重合或形成预先设 定的任意角度。 在该技术方案中, 由于绝大部分菜单为矩形, 所以可以将 矩形菜单的任一条边、 任一对角线设置为上述两个触碰点线的连线或上述 起点与终点的连线, 或设置为与以上连线比较接近的线段。 虽然矩形菜单 较为常见, 但是本技术方案适用于任何具有多条边或多个顶点的菜单。 In the above technical solution, in the step 204, when the menu has multiple vertices, the connection between any two vertices of the menu and the connection between the two touch points is Parallel or coincident or forming any predetermined angle; and/or making a line between any two vertices of the menu parallel or coincident with the line between the starting point and the ending point or forming a preset Any angle. In this technical solution, since most of the menus are rectangular, any side of the rectangular menu and any diagonal line may be set as a connection line of the two touch point lines or a connection between the start point and the end point. Or set to a line segment that is closer to the above connection. Although rectangular menus are more common, this technical solution is applicable to any menu with multiple edges or multiple vertices.
在上述技术方案中, 在所述步骤 204 中, 将所述两个触碰点作为所述 菜单的边缘上的两个点; 和 /或将所述起点和所述终点作为所述菜单的边 缘上的两个点。 在该技术方案中, 通过上述两个触碰点或上述起点和终点 来控制菜单的显示区域, 该方案适用任何形状的菜单, 例如, 可以将上述 两个触碰点或上述起点和终点作为菜单的一条直径的两个端点。
在上述技术方案中, 在所述步骤 204 中, 还包括: 获取所述两个触碰 点之间的颜色, 作为所述菜单的显示颜色; 和 /或获取所述起点至所述终 点之间的颜色, 作为所述菜单的显示颜色。 在该技术方案中, 可以根据灵 活设置菜单的背景颜色, 如果上述两个触碰点之间或上述开始点和终点之 间有多种颜色时, 可以同时选取两种以上的颜色来, 或随机选取其中一种 颜色来进行背景颜色的设置。 In the above technical solution, in the step 204, the two touch points are taken as two points on the edge of the menu; and/or the starting point and the end point are used as edges of the menu. Two points on the top. In this technical solution, the display area of the menu is controlled by the above two touch points or the above-mentioned starting point and end point, and the scheme is applicable to any shape menu, for example, the above two touch points or the above-mentioned starting point and end point can be used as menus. The two endpoints of a diameter. In the above technical solution, in the step 204, the method further includes: acquiring a color between the two touch points as a display color of the menu; and/or acquiring the starting point to the end point The color, as the display color of the menu. In this technical solution, according to the background color of the flexible setting menu, if there are multiple colors between the two touch points or between the start point and the end point, two or more colors may be selected at the same time, or randomly selected. One of the colors is used to set the background color.
在上述技术方案中, 在所述步骤 204 中, 还包括: 判断所述两个触碰 点之间的距离是否大于第一预定阈值和 /或是否小于第二预定阈值, 并在 判断结果为是时, 显示所述菜单; 和 /或判断所述起点至所述终点之间的 距离是否大于所述第一预定阈值和 /或是否小于所述第二预定阈值, 并在 判断结果为是时, 显示所述菜单。 在该技术方案中, 如果上述两个触碰点 或上述开始点和终点之间的距离太长或太短, 不适合显示菜单的选项内容 时, 则不进行显示。 In the above technical solution, in the step 204, the method further includes: determining whether a distance between the two touch points is greater than a first predetermined threshold and/or is less than a second predetermined threshold, and determining that the result is And displaying the menu; and/or determining whether a distance between the starting point and the end point is greater than the first predetermined threshold and/or is less than the second predetermined threshold, and when the determination result is yes, The menu is displayed. In this technical solution, if the distance between the two touch points or the start point and the end point is too long or too short to be suitable for displaying the option contents of the menu, the display is not performed.
以下对本发明的实施例的终端的工作方案进行详细说明。 The working scheme of the terminal of the embodiment of the present invention will be described in detail below.
图 3是根据本发明的一个实施例的终端的示意框图。 3 is a schematic block diagram of a terminal in accordance with one embodiment of the present invention.
本实施例的技术方案中的终端, 通过检测用户的触摸操作, 可以在终 端屏幕上的任一区域显示菜单, 而且每次显示的菜单背景有所不同, 给用 户以不同的感受。 The terminal in the technical solution of the embodiment can display the menu in any area on the terminal screen by detecting the touch operation of the user, and the menu background displayed each time is different, giving the user different feelings.
如图 3所示, 本实施例中的终端包含以下模块: As shown in FIG. 3, the terminal in this embodiment includes the following modules:
检测模块 302: 用于获取终端屏幕上用户对屏幕的触碰操作; 判断模块 304: 用于判断用户的同时触碰的两点间的距离, 或滑动操 作的起始终点间的距离, 是否能够满足要显示菜单的条件; The detecting module 302 is configured to: obtain a touch operation of the user on the screen of the terminal; and the determining module 304 is configured to determine whether the distance between the two points of the simultaneous touch of the user, or the distance between the start and end points of the sliding operation, can Meet the conditions for displaying the menu;
颜色设置模块 306: 用于根据同时触碰的两点间的颜色, 或滑动操作 的起始终点间的之间的, 来设置菜单的背景颜色值; Color setting module 306: used to set the background color value of the menu according to the color between two points touched at the same time, or between the start and end points of the sliding operation;
显示模块 308 , 用于显示菜单。 The display module 308 is used to display a menu.
如果用户在终端屏幕上进行了多点触碰操作, 则终端的工作流程如图 4所示: If the user performs a multi-touch operation on the terminal screen, the workflow of the terminal is as shown in FIG. 4:
步骤 402 , 检测到当前用户对屏幕同时有 2点触碰点 A与 B; Step 402, detecting that the current user has two touch points A and B simultaneously on the screen;
步骤 404, 判断多点触碰中的 2点 A和 B之间的距离是否小于 M,
和 /或是否大于 m, 如果是则进入步骤 406, 否则结束工作, 通过该技术方 案来判断 A和 B之间距离是否会太长或太短, 不适合显示菜单, 例如, m 至 M的距离可以相当于矩形菜单的长、 宽或对角线的合适范围; Step 404, determining whether the distance between two points A and B in the multi-touch is less than M, And / or greater than m, if yes, proceed to step 406, otherwise end the work, use the technical solution to determine whether the distance between A and B will be too long or too short, not suitable for displaying menus, for example, the distance from m to M Can be equivalent to the appropriate range of length, width or diagonal of the rectangular menu;
步骤 406, 获取两点 A 和 B 之间的颜色, 以此颜色作为菜单的背景 色, 如果 A和 B 之间有多种颜色, 则可以按条件或速记选取其中的一种 或几种颜色, 作为菜单的背景颜色; Step 406: Obtain a color between two points A and B, and use the color as the background color of the menu. If there are multiple colors between A and B, one or several colors may be selected according to conditions or shorthand. As the background color of the menu;
步骤 408 , 当 A、 B 两点连线接近水平时, 以 A、 B 两点的直线的垂 直方向显示菜单, 判断触碰点在屏幕中的范围, 如果是靠近底部边缘, 则 显示方向向上弹出, 如果靠近顶部边缘, 则向下弹出, 具体可如图 5A 所 示; Step 408: When the connection between the two points A and B is close to horizontal, the menu is displayed in the vertical direction of the line of the two points A and B, and the range of the touch point in the screen is determined. If the edge is near the bottom edge, the display direction is upwardly popped up. If it is near the top edge, it will pop down, as shown in Figure 5A;
当 A、 B两点的连线接近垂直时, 可以直接沿 A至 B或 B至 A的方 向来显示菜单, 菜单的显示区域尽量设置为靠近屏幕中央区域, A和 B的 连接可以作为菜单的一条边, 也可以仅作为与该边平行的直线, 用于确定 菜单的显示区域, 具体如图 5B所示; When the connection between the two points A and B is close to vertical, the menu can be displayed directly in the direction of A to B or B to A. The display area of the menu should be set as close to the center of the screen. The connection between A and B can be used as a menu. An edge may also be used only as a line parallel to the edge for determining the display area of the menu, as shown in FIG. 5B;
A、 B 两点也可以作为菜单的对角线的两个点, 来确定菜单的显示区 域, 具体如图 5C所示; The two points A and B can also be used as the two points of the diagonal of the menu to determine the display area of the menu, as shown in Figure 5C.
以上示例都针对于矩形菜单, 而对于其他类型的菜单, 可将 A、 B 两 点作为菜单边缘上的两个点, 例如, 对于圓形菜单, 可以作为圓形菜单的 一条直径的两个端点, 具体如图 5D所示。 The above examples are all for rectangular menus, and for other types of menus, two points A and B can be used as two points on the edge of the menu. For example, for a circular menu, it can be used as two endpoints of a diameter of a circular menu. , as shown in Figure 5D.
如果用户在终端屏幕上进行了滑动操作, 则终端的工作流程如图 6所 示: If the user performs a sliding operation on the terminal screen, the workflow of the terminal is as shown in FIG. 6:
步骤 602, 检测到当前用户对屏幕同时的滑动操作, 由点 C到点 D进 行滑动; Step 602, detecting that the current user slides on the screen at the same time, and slides from point C to point D;
步骤 604, 判断点 C 和 D 之间的距离是否小于 M, 和 /或是否大于 m, 如果是则进入步骤 406, 否则结束工作, 通过该技术方案来判断 C和 D之间距离是否会太长或太短, 不适合显示菜单, 例如, m 至 M 的距离 可以相当于矩形菜单的长、 宽或对角线的合适范围; Step 604, determining whether the distance between points C and D is less than M, and/or is greater than m, if yes, proceeding to step 406, otherwise ending the work, determining whether the distance between C and D is too long by the technical solution Or too short, not suitable for displaying menus, for example, the distance from m to M can be equivalent to the appropriate range of length, width or diagonal of the rectangular menu;
步骤 606, 获取两点 C 和 D之间的颜色, 以此颜色作为菜单的背景 色, 如果 C 和 D之间有多种颜色, 则可以按条件或速记选取其中的一种
或几种颜色, 作为菜单的背景颜色; Step 606: Obtain a color between two points C and D, and use the color as the background color of the menu. If there are multiple colors between C and D, one of the conditions may be selected by condition or shorthand. Or several colors, as the background color of the menu;
步 608 , 当 C、 D 两点连线接近水平时, 以 C、 D 两点的直线的垂 直方向显示菜单, 判断触碰点在屏幕中的范围, 如果是靠近底部边缘, 则 显示方向向上弹出, 如果靠近顶部边缘, 则向下弹出, 具体可如图 7A 所 示; Step 608, when the two points of C and D are close to horizontal, the menu is displayed in the vertical direction of the line of the two points C and D, and the range of the touch point in the screen is judged. If it is near the bottom edge, the display direction is upwardly popped up. If it is near the top edge, it will pop down, as shown in Figure 7A;
当 C、 D 两点的连线接近垂直时, 可以直接沿滑动的方向来显示菜 单, 菜单的显示区域尽量设置为靠近屏幕中央区域, C和 D的连接可以作 为菜单的一条边, 也可以仅作为与该边平行的直线, 用于确定菜单的显示 区域, 具体如图 7B所示; When the connection between the two points C and D is close to vertical, the menu can be displayed directly in the direction of the slide. The display area of the menu should be set as close to the center of the screen. The connection between C and D can be used as one side of the menu, or only As a line parallel to the side, used to determine the display area of the menu, as shown in FIG. 7B;
C、 D 两点也可以作为菜单的对角线的两个点, 来确定菜单的显示区 域, 具体如图 7C所示; The two points C and D can also be used as the two points of the diagonal of the menu to determine the display area of the menu, as shown in Fig. 7C;
以上示例都针对于矩形菜单, 且均以菜单的一边与触点间的连线或滑 动操作的方向平行或垂直为例, 但对本领域的技术人员来说, 可以很容易 想到所述菜单的一边与触点间的连线或滑动操作的方向为任意角度也是本 发明的实施方式; The above examples are all directed to a rectangular menu, and are all taken as an example in which one side of the menu is parallel or perpendicular to the direction of the line or sliding operation between the contacts, but one of the menus can be easily imagined by those skilled in the art. The angle of the connection or sliding operation with the contacts at any angle is also an embodiment of the present invention;
除矩形菜单外, 对于其他类型的菜单, 可将 C、 D 两点作为菜单边缘 上的两个点, 例如, 对于圓形菜单, 可以作为圓形菜单的一条直径的两个 端点, 具体如图 7D所示。 In addition to the rectangular menu, for other types of menus, two points C and D can be used as two points on the edge of the menu. For example, for a circular menu, it can be used as two endpoints of a diameter of a circular menu, as shown in the figure. Shown in 7D.
综上所述, 通过本发明的技术方案, 可以实现一种终端和一种菜单显 示方法, 通过对菜单显示的控制, 可以让用户在屏幕的进行多点触碰或滑 动操作, 就可以弹出菜单, 进入用户想要起用的功能, 同时, 菜单的背景 色在随着触摸位置的变动而改变, 给用户增添了乐趣和不同的体验感。 事 实上, 除了对于菜单的显示区域, 本发明的技术方案对于任何应用程序的 显示界面或窗口的区域也能有较好的控制。 In summary, according to the technical solution of the present invention, a terminal and a menu display method can be realized. By controlling the menu display, the user can perform a multi-touch or slide operation on the screen, and the menu can be popped up. Enter the function that the user wants to use. At the same time, the background color of the menu changes with the change of the touch position, which adds fun and different experience to the user. In fact, in addition to the display area of the menu, the technical solution of the present invention can have better control over the display interface or the area of the window of any application.
以上所述仅为本发明的优选实施例而已, 并不用于限制本发明, 对于 本领域的技术人员来说, 本发明可以有各种更改和变化。 凡在本发明的精 神和原则之内, 所作的任何修改、 等同替换、 改进等, 均应包含在本发明 的保护范围之内。
The above is only the preferred embodiment of the present invention, and is not intended to limit the present invention, and various modifications and changes can be made to the present invention. Any modifications, equivalent substitutions, improvements, etc. within the spirit and scope of the invention are intended to be included within the scope of the invention.
Claims
1. 一种终端, 其特征在于, 包括: A terminal, comprising:
检测模块, 检测终端的屏幕上的触摸操作; a detecting module, detecting a touch operation on a screen of the terminal;
显示模块, 在所述触摸操作为多点触碰操作时, 根据所述多点触碰操 作的两个触碰点, 来确定菜单的显示区域, 和 /或 a display module, when the touch operation is a multi-touch operation, determining a display area of the menu according to two touch points of the multi-touch operation, and/or
在所述触摸操作为滑动操作时, 根据所述滑动操作的起点和终点, 来 确定所述菜单的显示区域。 When the touch operation is a slide operation, the display area of the menu is determined according to the start point and the end point of the slide operation.
2. 根据权利要求 1 所述的终端, 其特征在于, 所述显示模块在所述 菜单具有多个顶点时, 使所述菜单的任意两个顶点之间的连线与所述两个 触碰点之间的连线平行或重合或形成预先设定的任意角度, 和 /或 2. The terminal according to claim 1, wherein the display module causes a connection between any two vertices of the menu and the two touches when the menu has a plurality of vertices The lines between the points are parallel or coincident or form any predetermined angle, and/or
使所述菜单的任意两个顶点之间的连线与所述起点和所述终点之间的 连线平行或重合或形成预先设定的任意角度。 The line between any two vertices of the menu is parallel or coincident with the line between the start point and the end point or forms a predetermined arbitrary angle.
3. 根据权利要求 1 所述的终端, 其特征在于, 所述显示模块将所述 两个触碰点作为所述菜单的边缘上的两个点, 和 /或 3. The terminal according to claim 1, wherein the display module uses the two touch points as two points on an edge of the menu, and/or
将所述起点和所述终点作为所述菜单的边缘上的两个点。 The starting point and the ending point are taken as two points on the edge of the menu.
4. 根据权利要求 1所述的终端, 其特征在于, 还包括: 4. The terminal according to claim 1, further comprising:
颜色设置模块, 获取所述两个触碰点之间的颜色, 作为所述菜单的显 示颜色, 和 /或 a color setting module that obtains a color between the two touch points as a display color of the menu, and/or
获取所述起点至所述终点之间的颜色, 作为所述菜单的显示颜色。 A color between the start point and the end point is obtained as a display color of the menu.
5. 根据权利要求 1 至 4 中任一项所述的终端, 其特征在于, 还包 括: The terminal according to any one of claims 1 to 4, further comprising:
判断模块, 判断所述两个触碰点之间的距离是否大于第一预定阈值和 /或是否小于第二预定阈值, 并在判断结果为是时, 通知所述显示模块显 示所述菜单, 和 /或 The determining module determines whether the distance between the two touch points is greater than a first predetermined threshold and/or is less than a second predetermined threshold, and when the determination result is yes, notifying the display module to display the menu, and / or
判断所述起点至所述终点之间的距离是否大于所述第一预定阈值和 / 或是否小于所述第二预定阈值, 并在判断结果为是时, 通知所述显示模块 显示所述菜单。
Determining whether the distance between the starting point and the ending point is greater than the first predetermined threshold and/or is less than the second predetermined threshold, and when the determination result is YES, notifying the display module to display the menu.
6. 一种菜单显示方法, 其特征在于, 包括: 6. A menu display method, comprising:
步骤 202 , 检测终端的屏幕上的触摸操作; Step 202: Detect a touch operation on a screen of the terminal;
步骤 204, 在所述触摸操作为多点触碰操作时, 根据所述多点触碰操 作的两个触碰点, 来确定菜单的显示区域; 和 /或 Step 204, when the touch operation is a multi-touch operation, determining a display area of the menu according to two touch points of the multi-touch operation; and/or
在所述触摸操作为滑动操作时, 根据所述滑动操作的起点和终点, 来 确定所述菜单的显示区域。 When the touch operation is a slide operation, the display area of the menu is determined according to the start point and the end point of the slide operation.
7. 根据权利要求 6 所述的菜单显示方法, 其特征在于, 在所述步骤 204 中, 在所述菜单具有多个顶点时, 使所述菜单的任意两个顶点之间的 连线与所述两个触碰点之间的连线平行或重合或形成预先设定的任意角 度; 和 /或 7. The menu display method according to claim 6, wherein in the step 204, when the menu has a plurality of vertices, connecting between any two vertices of the menu The lines between the two touch points are parallel or coincident or form any predetermined angle; and/or
使所述菜单的任意两个顶点之间的连线与所述起点和所述终点之间的 连线平行或重合或形成预先设定的任意角度。 The line between any two vertices of the menu is parallel or coincident with the line between the start point and the end point or forms a predetermined arbitrary angle.
8. 根据权利要求 6 所述的菜单显示方法, 其特征在于, 在所述步骤 204中, 将所述两个触碰点作为所述菜单的边缘上的两个点; 和 /或 8. The menu display method according to claim 6, wherein in the step 204, the two touch points are taken as two points on an edge of the menu; and/or
将所述起点和所述终点作为所述菜单的边缘上的两个点。 The starting point and the ending point are taken as two points on the edge of the menu.
9. 根据权利要求 6 所述的菜单显示方法, 其特征在于, 在所述步骤 204中, 还包括: The menu display method according to claim 6, wherein in the step 204, the method further includes:
获取所述两个触碰点之间的颜色, 作为所述菜单的显示颜色; 和 /或 获取所述起点至所述终点之间的颜色, 作为所述菜单的显示颜色。 Obtaining a color between the two touch points as a display color of the menu; and/or obtaining a color between the start point and the end point as a display color of the menu.
10. 根据权利要求 6 至 9 中任一项所述的菜单显示方法, 其特征在 于, 在所述步骤 204中, 还包括: The menu display method according to any one of claims 6 to 9, wherein, in the step 204, the method further comprises:
判断所述两个触碰点之间的距离是否大于第一预定阈值和 /或是否小 于第二预定阈值, 并在判断结果为是时, 显示所述菜单; 和 /或 Determining whether the distance between the two touch points is greater than a first predetermined threshold and/or whether it is less than a second predetermined threshold, and when the determination result is yes, displaying the menu; and/or
判断所述起点至所述终点之间的距离是否大于所述第一预定阈值和 / 或是否小于所述第二预定阈值, 并在判断结果为是时, 显示所述菜单。
It is determined whether the distance between the starting point and the end point is greater than the first predetermined threshold and/or is less than the second predetermined threshold, and when the determination result is YES, the menu is displayed.
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
PCT/CN2011/080298 WO2013044467A1 (en) | 2011-09-28 | 2011-09-28 | Terminal and menu display method |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
PCT/CN2011/080298 WO2013044467A1 (en) | 2011-09-28 | 2011-09-28 | Terminal and menu display method |
Publications (1)
Publication Number | Publication Date |
---|---|
WO2013044467A1 true WO2013044467A1 (en) | 2013-04-04 |
Family
ID=47994135
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
PCT/CN2011/080298 WO2013044467A1 (en) | 2011-09-28 | 2011-09-28 | Terminal and menu display method |
Country Status (1)
Country | Link |
---|---|
WO (1) | WO2013044467A1 (en) |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2009018314A2 (en) * | 2007-07-30 | 2009-02-05 | Perceptive Pixel, Inc. | Graphical user interface for large-scale, multi-user, multi-touch systems |
CN101582008A (en) * | 2008-05-13 | 2009-11-18 | 株式会社Ntt都科摩 | Information processing device and display information editing method of information processing device |
CN101957679A (en) * | 2009-07-14 | 2011-01-26 | 株式会社泛泰 | Mobile terminal for displaying menu information accordig to trace of touch signal |
-
2011
- 2011-09-28 WO PCT/CN2011/080298 patent/WO2013044467A1/en active Application Filing
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2009018314A2 (en) * | 2007-07-30 | 2009-02-05 | Perceptive Pixel, Inc. | Graphical user interface for large-scale, multi-user, multi-touch systems |
CN101582008A (en) * | 2008-05-13 | 2009-11-18 | 株式会社Ntt都科摩 | Information processing device and display information editing method of information processing device |
CN101957679A (en) * | 2009-07-14 | 2011-01-26 | 株式会社泛泰 | Mobile terminal for displaying menu information accordig to trace of touch signal |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
TWI581177B (en) | System,method and electronic device for optimizing one-handed operation | |
WO2017097097A1 (en) | Touch control method, user equipment, input processing method, mobile terminal and intelligent terminal | |
EP2924550B1 (en) | Split-screen display method and electronic device thereof | |
WO2015154338A1 (en) | Method and device for adjusting terminal window display based on gesture operation | |
EP2866129B1 (en) | Cursor display position determination method and device | |
CN102929478A (en) | Application switching method and communication terminal | |
WO2013182090A1 (en) | Method and system for controlling display position of desktop icon | |
WO2013060178A1 (en) | Method and device for switching application program of touch screen terminal | |
CN104731478B (en) | One-hand operation method and device for an intelligent terminal | |
CN103970447B (en) | A kind of Omni-mobile terminal and press keys setup method thereof | |
CN103076973A (en) | Window switching method and system and intelligent terminal | |
WO2017080258A1 (en) | Method and system for controlling touch menu | |
WO2015188503A1 (en) | Terminal control method and device | |
US10735606B2 (en) | Display device, image processing device and non-transitory recording medium determining continuity of operation two or more display areas | |
CN110493018A (en) | A kind of group chat creation method and device | |
CN106371901A (en) | Application program switching method and device | |
CN103927083A (en) | Interaction method for adding desktop menu icons to preview screen | |
CN105630390A (en) | Method and device for processing virtual keys of mobile terminal | |
CN103809853A (en) | Information processing method and electronic device | |
CN105631288A (en) | A terminal program switching method and system | |
CN105700763A (en) | Terminal interface window moving method and terminal interface window moving device | |
CN105637974A (en) | Causation of stylistic mimicry on a companion apparatus | |
CN105653177B (en) | The selection method and terminal device for clicking element at terminal device interface | |
CN108279848B (en) | Display method and electronic equipment | |
WO2015024198A1 (en) | Handheld device and method for adjusting position of input area thereon |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
121 | Ep: the epo has been informed by wipo that ep was designated in this application |
Ref document number: 11872915 Country of ref document: EP Kind code of ref document: A1 |
|
NENP | Non-entry into the national phase |
Ref country code: DE |
|
122 | Ep: pct application non-entry in european phase |
Ref document number: 11872915 Country of ref document: EP Kind code of ref document: A1 |