Background technology
With the rapid development of the universal terminal device particular with touch device of next generation computer operating system,Graphic interface has been technology indispensable in computer application.The common terminal device with touch device both providesAbundant standard interface, in human-computer interaction, the mode for often using cascading menu navigation provides travelling in systems.
However existing common menu interface is essentially all tactic laminated, as shown in Figure 1, menu is at different levelsOption indistinction arranges, and is also possible under each level one choice containing two, three-level or more from grade option, menu interface detection mouseAction, when detecting mouse-over or clicking certain level one choice, in the level one choice side can show the two level of its subordinateOption, and the arrangement of second level option is identical with level one choice arrangement mode, i.e., linear sequence arranges, likewise, for three-levelOption or deeper grade option will also be shown in the same way, be selected for user.
For above-mentioned cascading menu mode, have the disadvantage that：
1st, exhibition method is single；
2nd, it is required for selecting since main menu is step by step every time, efficiency is seriously affected when menu level is more；
3rd, user cannot be visually known oneself current present position in systems.
It is therefore desirable to provide a kind of interface of innovation and operational design to enrich multilevel menu exhibition method, user behaviour is improvedMake efficiency, and provide the user with the significant prompting about current system position, and suitable for using indication/touch inputVarious graphical interfaces terminals, for enhancing the ease for use of system and improving user experience.
Invention content
For this purpose, the invention discloses a kind of multilevel menu navigation interface implementation method, this method includes：
Show the part or all of menu of same dimension menu set with graphics field respectively in option area；
When the number of menus that the menu set includes is not more than number of menus threshold value, it is equal to the menu collection with numberClose all menus that the graphics field of number of menus included shows the menu set；
When the number of menus that the menu set includes is more than number of menus threshold value, it is equal to number of menus threshold value with numberGraphics field show the part menu of the menu set, when detecting that user's mouse drags the option area to the leftWhen, the graphics field of each menu accordingly carries out rotation clockwise, conversely, when detecting user's mouse to the option area to the rightDuring dragging, the graphics field of each menu accordingly carries out rotation counterclockwise；
When detecting that user's mouse clicks a certain graphics field, if the corresponding menu in the graphics field existsNext stage menu, then the menu set be changed to the next stage menu and the next stage shown in the option areaMenu；If further menu in the absence of the corresponding menu in the graphics field, directly performs the corresponding dish in the graphics fieldOperation corresponding to list.
Further, when the number of menus that the menu set includes is more than number of menus threshold value, first graph areaDomain and/or the last one graphics field graphical display that meaning is omitted with overlapping.
Further, the corresponding menu in each graphics field carries out clockwise or counterclockwise automatically according to preset dynamic effectRotation variation.
Further, when detecting that user's mouse is stopped at the option area, if the corresponding menu in the graphics fieldThere are previous menus, then show the previous menu in the option area.
Further, in the option area, by the previous menu of the corresponding menu in the graphics field describedIt is shown in option area.
Further, in the option area, by all higher level menus of the corresponding menu in the graphics fieldIt is shown by different level in the option area.
Further, when detecting that user is shown operation to certain previous menu or higher level menu, then existThe content with the higher level menu with the menu set of dimension is shown in the option area, wherein the upper level dishSingle displaying operation includes clicking, double-clicking, touching, sliding or shortcut key.
Further, when detecting that user switches over operation to a certain previous menu or higher level menu, thenThe content with the menu with the submenu set of next menu of dimension is shown in the option area, wherein on describedFurther menu handover operation includes clicking, double-clicking, touching, sliding or shortcut key.
Further, multi-level menu is shown simultaneously with breviary or complete manner, under original state, with the options regionMost intermediate graphics field is shown first menu in the menu set in domain, most intermediate described in the option areaGraphics field on the right of graphics field show second menu in the menu set, in the option area it is described most inBetween the graphics field on the graphics field left side show the last one menu in the menu set.
Further, the number of menus threshold be equal to preset put or equal in current screen indication range at most permitPerhaps the menu number shown.
The method have the benefit that：The present invention realizes the exhibition to multi-option in same dimension by intuitive interfaceShow the switching with different dimensions, have the advantages that displaying interface is intuitive, operator shares family intuition, simple and convenient.
Embodiment one
Fig. 2 (a) is multilevel menu navigation interface exhibition method schematic diagram described in the embodiment of the present invention one, as shown in Fig. 2, thisMultilevel menu navigation interface realization method is described in embodiment：
Show the part or all of menu of same dimension menu set with graphics field respectively in option area；When describedWhen the number of menus that menu set includes is not more than number of menus threshold value, with number equal to the menu number that the menu set includesPurpose graphics field shows all menus of the menu set；When the number of menus that the menu set includes is more than menu numberDuring mesh threshold value, the menu not shown on the screen can be shown by the logic control of user's operation or this system to be switched on screenShow, the menu shown can also be hidden by similar mode.Specific method is to be equal to number of menus threshold value with numberGraphics field show the part menu of the menu set, when detecting that user's mouse drags the option area to the leftWhen, the graphics field of each menu accordingly carries out rotation clockwise, conversely, when detecting user's mouse to the option area to the rightDuring dragging, the graphics field of each menu accordingly carries out rotation counterclockwise.Further, the corresponding menu in each graphics field can be pressedIt carries out rotating clockwise or counterclockwise variation automatically according to default dynamic effect, dynamically comes out hiding menu displaying.
Preferably, round rectangle icon can be used in each icon of least significant end further menu, further, in order to more attractive,It may be configured as transparent round rectangle icon.
For example, if number of menus threshold value is 5, when the number of menus that the menu set includes is less than or equal to 5, with iconForm all menu items are shown in option area, otherwise, when the number of menus that the menu set includes be more than etc.When 5,5 menu items in the menu set are only shown, for example, number of menus is n in set, work as n>When 5, only showA1、A2、A3、An-1And An。
Further, in order to which intuitively display is included when the menu set on figure number of menus is more than number of menusDuring threshold value, first graphics field and/or the last one graphics field graphical display that meaning is omitted with overlapping.Such as schemeA in 2 (a)3And An-1Icon for two superimposed icon, and A3Icon be overlapped counterclockwise, An-1Icon is to clockwiseDirection is overlapped so that A1、A2、A3、An-1And AnThe ring-type of a counterclockwise arrangement is formed in visual effect；In Fig. 2 (b)A3And An-1Icon be four layers of overlapping icon, and A3Icon be overlapped counterclockwise, An-1Icon weighs clockwiseIt is folded so that A1、A2、A3、An-1And AnOne more close than Fig. 2 (a) arrangements is formed in visual effect counterclockwise to arrangeRing-type.
It, can be with graphics field displaying most intermediate in the option area by the menu set the under original stateOne menu is shown with the graphics field on the right of most intermediate graphics field described in the option area in the menu setSecond menu shows the menu set with the graphics field on the most intermediate graphics field left side described in the option areaIn the last one menu.For example, A1In most intermediate, A1The right is followed successively by A2And A3, A1The left side is followed successively by An-1And An。
When detecting that user's mouse drags the option area to the left, the graphics field of each menu accordingly carries out up timePinwheel changes, conversely, when detecting that user's mouse drags to the right the option area, the graphics field of each menu accordingly carries outRotation counterclockwise.
For example, Fig. 3 (a) is the second-level menu exhibition method schematic diagram of menu item A, when detecting user's mouse to the choosingWhen item region drags to the left, the graphics field of each menu accordingly carries out rotation clockwise, and the exhibition method schematic diagram after rotation is such asShown in Fig. 3 (b).
When detecting that user's mouse clicks a certain graphics field, if the corresponding menu in the graphics field existsNext stage menu, then the menu set be changed to the next stage menu and the next stage shown in the option areaMenu；If further menu in the absence of the corresponding menu in the graphics field, directly performs the corresponding dish in the graphics fieldOperation corresponding to list.
For example, Fig. 4 (a) is the second-level menu exhibition method schematic diagram of menu item A, shown most with transparent round rectangle iconRear stage menu shows its parent menu with round icon, and further, in order to more preferably distinguish, each circle icon passes through different bottomsLine or color are distinguished.When user's mouse clicks menu item A1During the graphics field at place, if menu A1In the absence of level-one dishIt is single, then directly perform menu item A1Corresponding operation, if menu A1In the presence of further menu, then A is shown in option area1'sNext stage menu, such as A1With sub-menus A11To A1n, then shown in exhibition method schematic diagram such as Fig. 4 (b).
In order to user is allow to browse the option of dimension any in view, switch, the operation such as choose, it can be achieved that withBreviary or complete manner show multi-level menu simultaneously.The present embodiment can set following several ways easily respectively to be tieed up in menuIt is switched between degree.
First method shows previous menu or all higher level menus in a manner that user's mouse stops prompting.When detecting that user's mouse is stopped at the option area, if the corresponding menu in the graphics field there are previous menu,The previous menu is shown in the option area, further, when mouse is stopped at the previous menuDuring graphics field, if the previous menu has more previous menu, more previous menu is in the options region by described inIt is shown in domain, and so on.Conversely, when detecting that mouse leaves the previous menu or the higher level menuWhen, the graphics field of the menu is stashed.
Second method, option area directly display second-level menu.If the graphics field of option area corresponds to menu presencePrevious menu then shows the previous menu in the option area.It can be by the previous menuIt is shown operation the display content of display area is switched to the previous menu with dimension menu set, switchingAfterwards, if the previous menu also has more previous menu, the more previous menu is shown in the option areaOut, and so on, it is switched between each dimension of menu with reaching intuitive and convenient.
The third method, option area directly display the menu of all higher levels.If by options region in option areaThe higher level menu hierarchy time ground that the graphics field in domain corresponds to menu is shown successively.Fig. 5 is the second-level menu of menu item AThe three-stage menu exhibition method schematic diagram of A2, as shown in figure 5, the graphics field of option area corresponds to menu A2,1、A1,2、A2,3……A2,n-1And A2,n, their previous menu is A2, A2Previous menu for A, A does not have previous menu, then willA2,1、A2,2、A2,3……A2,n-1、A2,n、A2It is shown in option area by different level together with A.
Above-mentioned three kinds of methods can by the previous menu be shown operation will be in the display of display areaAppearance is switched to the previous menu with dimension menu set, to reach choosing of the user easily to dimension any in viewThe operations such as browsed, switched, being chosen.
When detecting that user such as clicks a certain higher level menu, double-clicks, touches, slides or shortcut key is defaultSwitching displaying operation when, then the menu set is changed to the submenu collection with dimension menu with the higher level menuMerging is shown in the option area.
For example, Fig. 6 (a) is the second-level menu exhibition method schematic diagram of menu item A, if default double click operation is grasped for displayingMake, then when detecting the graphics field of great circle cast of double click A, display and the same level-ones of menu A in the option areaThe submenu set of other next menu B, shown in exhibition method schematic diagram such as Fig. 6 (b) after operation.
The present invention realizes to the displaying of multi-option in same dimension and the switching of different dimensions have by intuitive interfaceThe advantages of displaying interface is intuitive, operator shares family intuition, simple and convenient.
In all diagrams of this document, represent control, region face shaping can be diagram in geometry, also may be usedThink any shape that can be accommodated corresponding contents or be operated.I.e. the various realizations of system and method may in appearance andThe schematic diagram enumerated in this document has differences, but the apparent difference such as shape/region/display location do not influence this system andThe realization principle and mode of operation of method.
The foregoing is merely presently preferred embodiments of the present invention, is not intended to limit the invention, it is all the present invention spirit andWithin principle, any modification, equivalent replacement, improvement and so on should all be included in the protection scope of the present invention.