CN110399071B - Menu self-adaption display method and device, storage medium and terminal equipment - Google Patents
Menu self-adaption display method and device, storage medium and terminal equipment Download PDFInfo
- Publication number
- CN110399071B CN110399071B CN201910700051.8A CN201910700051A CN110399071B CN 110399071 B CN110399071 B CN 110399071B CN 201910700051 A CN201910700051 A CN 201910700051A CN 110399071 B CN110399071 B CN 110399071B
- Authority
- CN
- China
- Prior art keywords
- menu
- style
- icon
- name
- newly added
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
Images
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/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/04842—Selection of displayed objects or displayed text elements
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 invention provides a menu self-adaptive display method, a menu self-adaptive display device, a storage medium and terminal equipment. The menu self-adaptive display method comprises the following steps: adding a new menu on a menu configuration page; acquiring menu categories of the newly added menus input by a user; acquiring a corresponding menu style according to the menu category; and displaying the newly-added menu in a target display area in a menu style corresponding to the classification information. The invention can automatically adjust the display area and the display style of the newly added menu, is convenient for the user to inquire and can improve the menu searching efficiency.
Description
Technical Field
The application relates to the field of menu classification display, in particular to a menu self-adaption display method, a menu self-adaption display device, a storage medium and terminal equipment.
Background
For a system, how to quickly find a menu needed by the system from menus with various contents is a problem of improving user experience and user efficiency. Generally, the first-level menus are classified, and a plurality of menus are classified according to business requirements, so that the efficiency of searching the menus needing to be checked by the user is improved. The method for further improving the efficiency is to increase the distinction of the patterns such as icons, font colors and the like in the menu classification, and even if the name of each menu classification is not checked carefully, the required menu classification can be found quickly through the distinction of the patterns, so that the menu can be found more quickly. By the method for reducing the time for searching the menu classification, the efficiency and convenience for searching the menu are improved.
In the prior art, the menu classification display styles are menu classification and display styles corresponding to each menu name which are solidified and written by research and development technicians in a set of menu system, and if a new menu is added or the menu classification is adjusted, the new menu can be deployed into a system to be effective only by compiling the new menu in codes by the development technicians and examining and approving the new menu in a management process layer by layer. Although this method can reduce the time for searching menu classification, it is too dependent on technical personnel to add and adjust menu classification, which is inefficient and slow in response time. A minor change, the business personnel using the system need to go through a lengthy wait before they become effective.
Therefore, the prior art has defects and needs to be improved urgently.
Disclosure of Invention
The application aims to provide a menu self-adaptive display method, a menu self-adaptive display device, a storage medium and terminal equipment, and the beneficial effect of improving menu searching efficiency can be achieved.
The embodiment of the application provides a menu self-adaptive display method, which comprises the following steps:
adding a new menu on the menu configuration page;
acquiring menu categories of the newly added menus input by a user;
acquiring a corresponding menu style according to the menu category;
and displaying the newly-added menu in a target display area in a menu style corresponding to the classification information.
In the menu self-adaptive display method of the present invention, each menu includes a menu name and a menu icon, and the menu style includes a style of the menu icon and a style of the menu name.
In the menu self-adaptive display method according to the present invention, the step of displaying the newly added menu in the target display area in the menu style corresponding to the classification information includes:
selecting a target display area of the newly added menu according to the classification information;
selecting a corresponding menu icon and a menu name of a corresponding style according to the menu style;
and displaying the corresponding menu icon and the menu name of the corresponding style in the target display area.
In the menu self-adaptive display method of the present invention, the menu category includes a home page menu type, a subject query menu type, and a general function menu type.
In the menu self-adaptive display method, the menu of the home page menu type is positioned in an upper layer area, the menu of the subject inquiry menu type is positioned in a middle area, and the menu of the general function menu type is positioned in a lower layer area; and boundary lines are arranged among the upper layer area, the middle area and the lower layer area.
A menu self-adapting display device comprising:
the adding module is used for adding a new menu in the menu configuration page;
the first acquisition module is used for acquiring the menu category of the newly added menu input by a user;
the second acquisition module is used for acquiring a corresponding menu style according to the menu category;
and the display module is used for displaying the newly added menu in a target display area in a corresponding menu mode according to the classification information.
In the menu self-adaptive display device of the present invention, each of the menus includes a menu name and a menu icon, and the menu pattern includes a pattern of the menu icon and a pattern of the menu name.
In the menu self-adaptive display device according to the present invention, the display module includes:
the first selection unit is used for selecting a target display area of the newly-added menu according to the classification information;
the second selection unit is used for selecting the menu icon corresponding to the menu style and the menu name corresponding to the menu style according to the menu style;
and the display unit is used for displaying the corresponding menu icon and the menu name of the corresponding style in the target display area.
A storage medium having stored therein a computer program which, when run on a computer, causes the computer to carry out the method of any one of the preceding claims.
A terminal device comprising a processor and a memory, the memory having stored therein a computer program, the processor being adapted to perform the method of any of the preceding claims by invoking the computer program stored in the memory.
In the invention, the newly added menu is added on the menu configuration page; acquiring menu categories of the newly added menus input by a user; acquiring a corresponding menu style according to the menu category; displaying the newly added menu in a target display area in a menu style corresponding to the classification information; therefore, the display area and the display style of the newly added menu can be automatically adjusted, the user can conveniently inquire the menu, and the menu searching efficiency can be improved.
Drawings
In order to more clearly illustrate the technical solutions in the embodiments of the present application, the drawings used in the description of the embodiments will be briefly introduced below. It is obvious that the drawings in the following description are only some embodiments of the application, and that for a person skilled in the art, other drawings can be derived from them without inventive effort.
Fig. 1 is a flowchart of a menu self-adaptive display method according to an embodiment of the present disclosure.
Fig. 2 is a structural diagram of a menu self-adaptive display device according to an embodiment of the present disclosure.
Fig. 3 is a structural diagram of a terminal device according to an embodiment of the present application.
Detailed Description
Reference will now be made in detail to embodiments of the present application, examples of which are illustrated in the accompanying drawings, wherein like reference numerals refer to the same or similar elements or elements having the same or similar functions throughout. The embodiments described below with reference to the accompanying drawings are illustrative and are only for the purpose of explaining the present application and are not to be construed as limiting the present application.
In the description of the present application, it is to be noted that, unless otherwise explicitly specified or limited, the terms "mounted," "connected," and "connected" are to be construed broadly, e.g., as meaning either a fixed connection, a removable connection, or an integral connection; may be mechanically, electrically or may be in communication with each other; either directly or indirectly through intervening media, either internally or in any other relationship. The specific meaning of the above terms in the present application can be understood by those of ordinary skill in the art as appropriate.
In this application, unless expressly stated or limited otherwise, the recitation of a first feature "on" or "under" a second feature may include the recitation of the first and second features being in direct contact, and may also include the recitation of the first and second features not being in direct contact, but being in contact with another feature between them. Also, the first feature "on," "above" and "over" the second feature may include the first feature being directly above and obliquely above the second feature, or simply indicating that the first feature is at a higher level than the second feature. A first feature being "under," "below," and "beneath" a second feature includes the first feature being directly under and obliquely below the second feature, or simply meaning that the first feature is at a lesser elevation than the second feature.
The following disclosure provides many different embodiments or examples for implementing different features of the application. In order to simplify the disclosure of the present application, specific example components and arrangements are described below. Of course, they are merely examples and are not intended to limit the present application. Moreover, the present application may repeat reference numerals and/or letters in the various examples, such repetition is for the purpose of simplicity and clarity and does not in itself dictate a relationship between the various embodiments and/or configurations discussed. In addition, examples of various specific processes and materials are provided herein, but one of ordinary skill in the art may recognize the application of other processes and/or the use of other materials.
The terms "first," "second," "third," and the like in the description and in the claims of the present application and in the above-described drawings, if any, are used for distinguishing between similar elements and not necessarily for describing a particular sequential or chronological order. It is to be understood that the objects so described are interchangeable under appropriate circumstances. Furthermore, the terms "comprising" and "having," as well as any variations thereof, are intended to cover non-exclusive inclusions. For example, a process, method, or apparatus, terminal, system comprising a list of steps is not necessarily limited to those steps or modules or elements expressly listed, and may include other steps or modules or elements not expressly listed, or inherent to such process, method, apparatus, terminal, or system.
Referring to fig. 1, fig. 1 is a flowchart of a menu self-adaptive display method in some embodiments of the present invention, which is applied to terminal devices such as a mobile phone, an IPAD, and a computer. The menu self-adaptive display method comprises the following steps:
and S101, adding a new menu in a menu configuration page.
Each menu includes a menu name and a menu icon. When a user adds a new menu on a menu configuration page according to service requirements, the menu name and the menu icon of the new menu are both the initial menu name and the initial menu icon.
And S102, acquiring the menu type of the newly added menu input by the user.
Wherein, in some embodiments, the menu categories include a home menu type, a subject query menu type, and a general function menu type. Of course, it is not limited thereto.
S103, acquiring a corresponding menu style according to the menu category.
The system organizes style rules such as the classification of each menu, the color of the corresponding icon and font in advance and stores the rules in the system. The menu style includes an icon style of the menu and a font style of the menu name.
For example, the menu icon and font color under the home page are green, the menu icon and font color under the theme query are blue, and the menu icon and font color under the general function are blue-violet.
The icons of the root directory are loaded by converting the svg icons into font files, when the icons are displayed in different browsers, the size of the icons can be changed as long as the size of the fonts is changed, distortion can not occur, after the icons are selected in menu management, the menu names of the icon styles are stored in a database, and when a page is rendered, the menu names of the icons are taken out from the database table and are set in a label, so that the icons of the menu management and the icons of a main page can be kept consistent.
Classified options are stored in a database table, and the classified options can be directly taken to render a pull-down selection box in menu management, so that addition or deletion of classification is very convenient. In the menu management, the categories are selected and the system stores the categories selected by the menu in a database. During rendering of the main page, the classification of the selection of the current root directory can be judged by cycling the root directory menu. Different classifications are then determined in the code, using different styles.
And S104, displaying the newly added menu in a corresponding area in a corresponding menu mode according to the classification information.
In some embodiments, this step S104 includes: s1041, selecting a target display area of the newly added menu according to the classification information; s1042, selecting a corresponding menu icon and a menu name of a corresponding style according to the menu style; and S1043, displaying the corresponding menu icon and the menu name of the corresponding style in the target display area.
The new menus can be displayed in corresponding areas according to the classification information, and each type of menu is located in different areas. After the newly added menus are displayed in the corresponding menu style, the position of the menu can be automatically adjusted by the region separation line according to the menu classification of the menu, so that the menus classified by the same type of menus are displayed in one region and are displayed according to the sequence of menu configuration. The system finishes automatic menu classification, and a user can quickly and conveniently view the menu.
In the invention, the newly added menu is added on the menu configuration page; acquiring menu categories of the newly added menus input by a user; acquiring a corresponding menu style according to the menu category; displaying the newly added menu in a target display area in a menu style corresponding to the classification information; therefore, the display area and the display style of the newly added menu can be automatically adjusted, the user can conveniently inquire the menu, and the menu searching efficiency can be improved.
Referring to fig. 2, fig. 2 is a structural diagram of a menu self-adaptive display device in some embodiments of the present invention, which is applied to terminal devices such as a mobile phone, an IPAD, and a computer. Menu self-adapting display device, comprising: an adding module 201, a first obtaining module 202, a second obtaining module 203 and a display module 204.
The adding module 201 is configured to add a new menu on the menu configuration page; each menu includes a menu name and a menu icon. When a user adds a new menu on a menu configuration page according to service requirements, the menu name and the menu icon of the new menu are both the initial menu name and the initial menu icon.
The first obtaining module 202 is configured to obtain a menu category of the newly added menu input by the user; each menu comprises a menu name and a menu icon, and the menu style comprises a style of the menu icon and a style of the menu name.
The second obtaining module 203 is configured to obtain a corresponding menu style according to the menu category; the system organizes style rules such as the classification of each menu, the color of the corresponding icon and font in advance and stores the rules in the system. The menu style includes an icon style of the menu and a font style of the menu name.
For example, the menu icon and font color under the home page are green, the menu icon and font color under the theme query are blue, and the menu icon and font color under the general function are bluish purple.
The menu icons are loaded through the svg icon-font file, when the icons are displayed in different browsers, the sizes of the icons can be changed as long as the sizes of the fonts are changed, distortion can not occur, after the icons are selected in menu management, the menu names of the icon styles are stored in a database, and when pages are rendered, the menu names of the icons are taken out from the database table and are set in the labels, so that the icons of the menu management and the icons of the main pages can be kept consistent.
Classified options are stored in a database table, and pull-down selection frames can be directly rendered by taking the classified options in menu management, so that addition or deletion of the classifications is very convenient. In menu management, the categories are selected and the system stores the categories selected by the menu in a database. During rendering of the main page, the classification of the selection of the current root directory can be judged through a circular root directory menu. Different classifications are then determined in the code, using different styles.
The display module 204 is configured to display the newly added menu in the target display area in the menu style corresponding to the classification information. Wherein, this display module includes: the first selection unit is used for selecting a target display area of the newly-added menu according to the classification information; the second selection unit is used for selecting the menu icon corresponding to the menu style and the menu name corresponding to the style according to the menu style; and the display unit is used for displaying the corresponding menu icon and the menu name of the corresponding style in the target display area. The new menus can be displayed in corresponding areas according to the classification information, and each type of menu is located in different areas. After the newly added menus are displayed in the corresponding menu style, the position of the menu can be automatically adjusted by the region separation line according to the menu classification of the menu, so that the menus classified by the same type of menus are displayed in one region and are displayed according to the sequence of menu configuration. The system finishes automatic menu classification, and the user can quickly and conveniently view the menus.
In the invention, the newly added menu is added on the menu configuration page; acquiring menu categories of the newly added menus input by a user; acquiring a corresponding menu style according to the menu category; displaying the newly added menu in a target display area in a menu style corresponding to the classification information; therefore, the display area and the display style of the newly added menu can be automatically adjusted, the user can conveniently inquire the menu, and the menu searching efficiency can be improved.
The present invention provides a storage medium having stored therein a computer program that, when run on a computer, causes the computer to execute any of the menu self-adapting display methods described above.
Referring to fig. 3, an embodiment of the present application further provides a terminal device. The terminal equipment can be equipment such as a smart phone and a tablet computer. As shown, the terminal device 300 includes a processor 301 and a memory 302. The processor 301 is electrically connected to the memory 302. The processor 301 is a control center of the terminal 300, connects various parts of the entire terminal using various interfaces and lines, and performs various functions of the terminal and processes data by running or calling a computer program stored in the memory 302 and calling data stored in the memory 302, thereby performing overall monitoring of the terminal.
In this embodiment, the processor 301 in the terminal device 300 loads instructions corresponding to one or more processes of the computer program into the memory 302 according to the following steps, and the processor 301 runs the computer program stored in the memory 302, so as to implement various functions: adding a new menu on a menu configuration page; acquiring menu categories of the newly added menus input by a user; acquiring a corresponding menu style according to the menu category; and displaying the newly-added menu in a target display area in a menu style corresponding to the classification information.
It should be noted that, those skilled in the art can understand that all or part of the steps in the methods of the above embodiments can be implemented by hardware related to instructions of a program, and the program can be stored in a computer readable storage medium, which can include but is not limited to: a Read Only Memory (ROM), a Random Access Memory (RAM), a magnetic or optical disk, and the like.
The car navigation method, the car navigation device, the car navigation storage medium and the terminal device provided by the embodiment of the application are described in detail, a specific example is applied in the description to explain the principle and the implementation of the application, and the description of the embodiment is only used for helping to understand the method and the core idea of the application; meanwhile, for those skilled in the art, according to the idea of the present application, the specific implementation manner and the application scope may be changed, and in summary, the content of the present specification should not be construed as a limitation to the present application.
Claims (5)
1. A menu self-adaptive display method is characterized by comprising the following steps:
adding a new menu on a menu configuration page;
acquiring menu categories of the newly added menus input by a user;
acquiring a corresponding menu style according to the menu category;
displaying the newly added menu in a target display area in a menu style corresponding to the classification information;
each menu comprises a menu name and a menu icon, and the menu mode comprises the mode of the menu icon and the mode of the menu name;
selecting a target display area of the newly added menu according to the classification information;
selecting a corresponding menu icon and a menu name of a corresponding style according to the menu style;
displaying the corresponding menu icon and the menu name of the corresponding style in the target display area;
the menu categories include a home page menu type, a subject query menu type, and a general function menu type.
2. The menu self-adaptive display method according to claim 1, wherein the menu of the home menu type is located in an upper region, the menu of the subject query menu type is located in a middle region, and the menu of the general function menu type is located in a lower region; and boundary lines are arranged among the upper layer area, the middle area and the lower layer area.
3. A self-adapting display device according to a menu, comprising:
the adding module is used for adding a new menu in the menu configuration page;
the first acquisition module is used for acquiring the menu category of the newly added menu input by a user;
the second acquisition module is used for acquiring a corresponding menu style according to the menu category;
the display module is used for displaying the newly added menu in a target display area in a menu mode corresponding to the classification information;
each menu comprises a menu name and a menu icon, and the menu mode comprises the mode of the menu icon and the mode of the menu name;
the display module includes:
the first selection unit is used for selecting a target display area of the newly-added menu according to the classification information;
the second selection unit is used for selecting the menu icon corresponding to the menu style and the menu name corresponding to the menu style according to the menu style;
the display unit is used for displaying the corresponding menu icon and the menu name of the corresponding style in the target display area;
the menu categories include a home page menu type, a subject query menu type, and a general function menu type.
4. A storage medium having stored thereon a computer program which, when run on a computer, causes the computer to perform the method of any one of claims 1 to 2.
5. A terminal device, characterized in that it comprises a processor and a memory, in which a computer program is stored, said processor being adapted to execute the method of any one of claims 1 to 2 by calling said computer program stored in said memory.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910700051.8A CN110399071B (en) | 2019-07-31 | 2019-07-31 | Menu self-adaption display method and device, storage medium and terminal equipment |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910700051.8A CN110399071B (en) | 2019-07-31 | 2019-07-31 | Menu self-adaption display method and device, storage medium and terminal equipment |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN110399071A CN110399071A (en) | 2019-11-01 |
| CN110399071B true CN110399071B (en) | 2022-12-27 |
Family
ID=68326951
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201910700051.8A Active CN110399071B (en) | 2019-07-31 | 2019-07-31 | Menu self-adaption display method and device, storage medium and terminal equipment |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN110399071B (en) |
Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101917522A (en) * | 2010-09-10 | 2010-12-15 | 深圳市五巨科技有限公司 | Method and device for updating list style of mobile terminal |
| CN103345348A (en) * | 2013-06-13 | 2013-10-09 | 深圳Tcl新技术有限公司 | Method and device for controlling display menu |
| CN104717284A (en) * | 2015-02-13 | 2015-06-17 | 腾讯科技（深圳）有限公司 | Menu management method, device and system |
Family Cites Families (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US6658386B2 (en) * | 2000-12-12 | 2003-12-02 | International Business Machines Corporation | Dynamically adjusting speech menu presentation style |
-
2019
- 2019-07-31 CN CN201910700051.8A patent/CN110399071B/en active Active
Patent Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101917522A (en) * | 2010-09-10 | 2010-12-15 | 深圳市五巨科技有限公司 | Method and device for updating list style of mobile terminal |
| CN103345348A (en) * | 2013-06-13 | 2013-10-09 | 深圳Tcl新技术有限公司 | Method and device for controlling display menu |
| CN104717284A (en) * | 2015-02-13 | 2015-06-17 | 腾讯科技（深圳）有限公司 | Menu management method, device and system |
Also Published As
| Publication number | Publication date |
|---|---|
| CN110399071A (en) | 2019-11-01 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN112068911B (en) | Electronic form generation method, device, system, equipment and medium | |
| CN105867714A (en) | Application downloading method, apparatus and system | |
| CN109254801A (en) | Starting, configuration method, device, equipment, medium and operating system | |
| CN109684022A (en) | Word input processing method, device and electronic equipment | |
| CN110968808A (en) | Method and device for realizing webpage theme updating | |
| CN104486421A (en) | Realization method for business policy management on cloud platform of wireless business system | |
| CN105204751A (en) | Method and terminal for touch screen equipment background image conversion | |
| CN108023905B (en) | Internet of things application system and method | |
| CN109255082B (en) | Page label display method and device | |
| CN112346761B (en) | Front-end resource online method, device, system and storage medium | |
| CN104808995B (en) | A kind of method and apparatus for across application collection application content | |
| CN110399071B (en) | Menu self-adaption display method and device, storage medium and terminal equipment | |
| CN112068828A (en) | Title control generation method, device, system, equipment and medium | |
| CN106547792B (en) | Picture sharing method and device | |
| CN116467027A (en) | Information display method, information display device and storage medium | |
| CN112527424A (en) | Control method and device for popup window | |
| CN113468836B (en) | Data processing method, data processing device, storage medium and electronic equipment | |
| CN110955813A (en) | Data crawling method and device | |
| CN110096392B (en) | Method and device for outputting information | |
| CN110008423A (en) | Processed offline method, outlet terminal and the storage medium of the dynamic web page page | |
| CN114281310A (en) | Page frame setting method, device, equipment, storage medium and program product | |
| CN112836002A (en) | Map application method, device, equipment and storage medium | |
| CN110750742A (en) | Page optimization method, system, medium and electronic device | |
| CN114692581A (en) | Electronic form sub-table display method, device, equipment and storage medium | |
| CN112579082A (en) | Interactive state data establishing method and device, storage medium and electronic equipment |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |