Navigation interface display method, device and equipment

Abstract

The invention provides a navigation interface display method, device and equipment. The method comprises the following steps: if a first trigger operation of a user on a navigation tag in a current-level navigator is detected, shrinking the current-level navigator into an icon bar corresponding to the current-level navigator in a navigation area in response to the first trigger operation, and displaying the icon bar; acquiring a next-level navigator associated with the navigation tag, and displaying the next-level navigator in a remaining area, where information is not displayed, of the navigation area; and updating the current level navigator by using the next level navigator. According to the scheme, compression of the creation area cannot be caused, the problem of incomplete content display caused by compression of the creation area is solved, and the information consulting experience feeling of a user is improved.

Description

Technical Field

[0001] The present application relates to the field of data navigation technology, and in particular to a navigation interface display method, device and equipment. Background Art

[0002] In some industrial production industries, such as the automobile production industry, the production process involves a lot of components. Workers can use the navigation system to check the relevant information of various components. In order to facilitate information retrieval, this navigation system often contains multiple levels of navigators. The navigation tag in the current level navigator is used to link the next level navigator associated with the navigation tag.

[0003] In the related art, the navigation interface of the navigation system usually includes a navigation area and a creation area. When a user clicks a navigation tag in the current level navigator, the current level navigator remains in place, the next level navigator associated with the navigation tag is expanded and displayed, and the corresponding navigation area is adaptively expanded. Alternatively, the next level navigator is expanded and displayed in the creation area.

[0004] However, the above methods will cause compression of the creative area, especially for a multi-navigation and multi-level navigation system, which will easily cause incomplete display of the content in the creative area, affecting the staff's information browsing experience. Summary of the invention

[0005] In view of the above problems, the present application aims to provide a navigation interface display method, device and equipment to solve the problem in the prior art that due to the compression of the creation area, the content in the creation area is easily incompletely displayed, affecting the information viewing experience of the staff.

[0006] In a first aspect, the present application provides a navigation interface display method, the navigation interface includes a navigation area and a creation area, the navigation area is used to display at least one level of navigator, the navigator includes at least one navigation tag, and the creation area is used to display display content associated with the navigation tag, the method includes:

[0007] If a first trigger operation of the user on the navigation label in the current level navigator is detected, in response to the first trigger operation, the current level navigator is contracted into an icon bar corresponding to it in the navigation area, and the icon bar is displayed;

[0008] Obtain the next level navigator associated with the navigation tag, and display the next level navigator in the remaining area of ​​the navigation area where no information is displayed;

[0009] Update the current level navigator with the next level navigator.

[0010] In a possible implementation, the method further includes:

[0011] If a second trigger operation of the user on the icon bar is detected, in response to the second trigger operation, obtain a navigator corresponding to the icon bar;

[0012] Use the navigator corresponding to the icon bar as a floating navigator, and in the navigation area, display the floating navigator floating above the current-level navigator;

[0013] Wherein, the first trigger operation is different from the second trigger operation.

[0014] In a possible implementation manner, the step of, in the navigation area, displaying the floating navigator floating above the current-level navigator includes:

[0015] Based on a preset mask color and mask transparency, construct a mask layer above the current-level navigator in the navigation area;

[0016] In the navigation area, set the floating navigator above the mask layer for display.

[0017] In a possible implementation manner, the method further includes:

[0018] If a third trigger operation on a navigation label in the floating navigator is detected by the user, in response to the third trigger operation, close all navigators at levels below the level to which the floating navigator belongs;

[0019] In the navigation area, shrink the floating navigator into an icon bar corresponding thereto, and display the icon bar;

[0020] Obtain a next-level navigator associated with the navigation label, and display the next-level navigator in the remaining area of the navigation area where information is not displayed;

[0021] Update the current-level navigator with the next-level navigator.

[0022] In a possible implementation manner, the method further includes: starting from the time when the second trigger operation of the user on the icon bar is detected, closing the floating navigator after a preset duration, and restoring the display of the current-level navigator.

[0023] In a possible implementation manner, the second trigger operation includes at least one of the following:

[0024] Mouse hover trigger, mouse wheel click trigger, touch click trigger, mouse wheel scroll and slide trigger.

[0025] Second aspect, the present application provides a navigation interface display device, characterized in that the navigation interface includes a navigation area and a creation area, the navigation area is used to display navigators of at least one level, the navigator includes at least one navigation label, and the creation area is used to display display content associated with the navigation label. The device includes:

[0026] A display unit, configured to, if a first trigger operation on a navigation label in the current-level navigator is detected, respond to the first trigger operation, and in the navigation area, shrink the current-level navigator into its corresponding icon bar and display the icon bar;

[0027] An acquisition unit, configured to acquire a next-level navigator associated with the navigation label;

[0028] The display unit is further configured to display the next-level navigator in the remaining area of the navigation area where information is not displayed;

[0029] The display unit is further configured to update the current-level navigator with the next-level navigator.

[0030] Third aspect, an embodiment of the present application further provides an electronic device, including: a processor, and a memory communicatively connected to the processor;

[0031] The memory stores computer-executable instructions;

[0032] The processor executes the computer-executable instructions stored in the memory to implement the method in any possible implementation manner of the first aspect above.

[0033] Fourth aspect, an embodiment of the present application further provides a computer-readable storage medium, in which computer-executable instructions are stored, and when the computer-executable instructions are executed by a processor, they are used to implement the method in any possible implementation manner of the first aspect above.

[0034] A navigation interface display method, device and equipment provided by the present application, the method includes: if a first trigger operation on a navigation label in the current-level navigator is detected, respond to the first trigger operation, and in the navigation area, shrink the current-level navigator into its corresponding icon bar and display the icon bar; acquire a next-level navigator associated with the navigation label, and display the next-level navigator in the remaining area of the navigation area where information is not displayed; update the current-level navigator with the next-level navigator.

[0035] When the present solution detects a first triggering operation by the user on a navigation label in the current-level navigator, it will shrink the current-level navigator into its corresponding icon bar, and display the next-level navigator in the remaining area of the navigation area where information is not yet shown. Shrinking the current-level navigator into its corresponding icon bar saves space in the navigation area, facilitating the display of the next-level navigator, achieving space compression while ensuring recognizability. Displaying the next-level navigator in the remaining area of the navigation area where information is not yet shown enables the display space of the next-level navigator to be adjusted adaptively without exceeding the navigation area, and this way realizes that the next-level navigator can occupy the expanded area of the current-level navigator, avoiding page layout jumps and reducing the movement of the user's line of sight. Therefore, the method provided in this application will not cause compression of the creation area, thereby solving the problem of incomplete content display caused by the compression of the creation area and enhancing the user's information viewing experience. BRIEF DESCRIPTION OF THE DRAWINGS

[0036] The drawings here are incorporated into the description and form a part of this description, showing embodiments consistent with this application and used together with the description to explain the principles of this application.

[0037] Figure 1 It is a schematic diagram of a navigation interface of a multi-navigation multi-level navigation system in the related art;

[0038] Figure 2 It is a schematic diagram of the layout of a navigation interface in the related art;

[0039] Figure 3 It is a schematic diagram of the layout of another navigation interface in the related art;

[0040] Figure 4 It is a schematic flowchart of a navigation interface display method provided by an embodiment of this application;

[0041] Figure 5 It is a schematic diagram of a navigation interface provided by an embodiment of this application;

[0042] Figure 6 It is a schematic diagram of the layout of a navigation interface provided by an embodiment of this application;

[0043] Figure 7 It is a schematic flowchart of another navigation interface display method provided by an embodiment of this application;

[0044] Figure 8 It is a schematic diagram of the layout of another navigation interface provided by an embodiment of this application;

[0045] Figure 9 It is a schematic diagram of the structure of a navigation interface display device provided by an embodiment of this application;

[0046] Figure 10 This is a hardware structure diagram of an electronic device provided by an embodiment of the present application.

[0047] Through the above-mentioned drawings, specific embodiments of the present application have been shown, and there will be more detailed descriptions hereinafter. These drawings and textual descriptions are not intended to limit the scope of the concept of the present application in any way, but to illustrate the concept of the present application to those skilled in the art by referring to specific embodiments.

[0048] Description of reference numerals:

[0049] 900 - Navigation interface display device; 901 - Display unit; 902 - Acquisition unit;

[0050] 1001 - Processor; 1002 - Memory; 1003 - Communication interface; 1004 - Communication bus. Specific embodiments

[0051] Here, the exemplary embodiments will be described in detail, and the examples are shown in the drawings. When the following description refers to the drawings, unless otherwise indicated, the same numerals in different drawings represent the same or similar elements. The embodiments described in the following exemplary embodiments do not represent all embodiments consistent with the present application. On the contrary, they are merely examples of devices and methods consistent with some aspects of the present application as detailed in the appended claims.

[0052] In the embodiments of the present application, words such as "first" and "second" are used to distinguish the same items or similar items with basically the same functions and roles. Those skilled in the art can understand that the words "first" and "second" do not limit the quantity and execution order, and the words "first" and "second" do not necessarily limit being different.

[0053] It should be noted that in the embodiments of the present application, words such as "exemplary" or "for example" are used to represent examples, illustrations or explanations. Any embodiment or design solution described as "exemplary" or "for example" in the present application should not be construed as being more preferred or having more advantages than other embodiments or design solutions. Exactly speaking, using words such as "exemplary" or "for example" aims to present relevant concepts in a specific manner. In the embodiments of the present application, "at least one" means one or more, and "a plurality" means two or more.

[0054] Reference Figure 1 , a multi - navigation multi - level navigation system refers to a navigation system that includes multiple sub - navigation systems and each sub - navigation system includes a navigator with multiple levels. Figure 1The system management, data analysis, and strategic planning in it are all sub-navigation systems respectively. System management includes three navigation labels: overview, integration, and process architecture. The "overview" includes the following navigation labels: permission management, system documentation, role management, menu management, user management, and log management. The next-level navigator associated with system documentation includes multiple navigation labels named after document labels.

[0055] Reference Figure 1 , when the user clicks on the system documentation in the "overview", the position of the "overview" remains unchanged, and the next-level navigator associated with system documentation expands and is displayed in the navigation area, and the corresponding navigation area will expand adaptively. If Figure 1 the "overview" in it is used as the first-level navigation and the expansion item of system documentation is used as the second-level navigation, then Figure 2 it is the layout schematic diagram for this case.

[0056] Alternatively, when the user clicks on the system documentation in the "overview", the position of the "overview" remains unchanged, and the next-level navigator associated with system documentation expands and is displayed in the creation area. If the "overview" is used as the first-level navigation and the expansion item of system documentation is used as the second-level navigation, then Figure 3 it is the layout schematic diagram for this case.

[0057] The above methods will cause compression of the creation area. Especially for a navigation system with complex multi-navigation and multi-levels in the background system, it is very easy to cause incomplete display of the content in the creation area, affecting the information viewing experience of the staff.

[0058] To solve the above technical problems, the embodiments of the present application provide a navigation interface display method, device, and equipment. When detecting a first trigger operation on a navigation label in the current-level navigator, the current-level navigator will be shrunk into its corresponding icon bar, and the next-level navigator will be displayed in the remaining area of the navigation area where the information is not displayed. Shrinking the current-level navigator into its corresponding icon bar saves the space of the navigation area, facilitating the display of the next-level navigator, achieving space compression while ensuring recognizability. Displaying the next-level navigator in the remaining area of the navigation area where the information is not displayed enables the display space of the next-level navigator to be adjusted adaptively without exceeding the navigation area, and this method enables the next-level navigator to occupy the expansion area of the current-level navigator, avoiding page layout jumps and reducing the movement of the user's line of sight. Therefore, the method provided by the present application will not cause compression of the creation area, thereby solving the problem of incomplete content display caused by compression of the creation area and improving the user's information viewing experience.

[0059] Figure 4The flowchart of a navigation interface display method provided by an embodiment of the present application. This embodiment is applicable to the scenario of multi-level navigation. This method can be executed by a navigation interface display device, which can be implemented in software and / or hardware and is specifically configured in an electronic device. As Figure 4 shown, the method includes:

[0060] Step 401, if a first trigger operation on a navigation label in the current-level navigator is detected, then in response to the first trigger operation, in the navigation area, shrink the current-level navigator into its corresponding icon bar and display the icon bar; wherein, the navigation interface includes a navigation area and a creation area. The navigation area is used to display at least one level of navigator, and the navigator includes at least one navigation label. The creation area is used to display the display content associated with the navigation label.

[0061] In implementation, the first trigger operation can be a left mouse button click. This solution does not limit the specific implementation manner of the first trigger operation.

[0062] Referring to Figure 5 , in order to match the user's reading habit, usually the navigation area is set on the left side of the navigation interface, and the creation area is set on the right side of the navigation interface. The original width of the navigation area can be preset. This original width is the minimum width of the navigation area. This solution can also expand the width of the navigation area by responding to the user's stretching operation on the width of the navigation area to facilitate the user's use.

[0063] Referring to Figure 5 , the icon bar can be set such that the icons therein are arranged vertically.

[0064] In implementation, the navigation label can include two parts: an icon and text. The navigation label of the last-level navigator can only include the text part.

[0065] Among them, the icon bar is obtained by removing the text part of each navigation label in the current navigator and only retaining the icon part.

[0066] Referring to Figure 1 and Figure 5 , the "Overview" column in Figure 1 can be used as the current-level navigator, and the navigator associated with the system document can be used as the next-level navigator. If a first trigger operation on the system document is detected, then as Figure 5 shown, shrink the "Overview" column to its corresponding icon bar against the left side of the navigation area and display the icon bar. The icon corresponding to the system document can be highlighted for easy user reading.

[0067] Step 402: Obtain the next-level navigator associated with the navigation label and display the next-level navigator in the remaining un-displayed area of the navigation area; and update the current-level navigator using the next-level navigator.

[0068] Reference Figure 5 , the remaining un-displayed area of the navigation area refers to the right area of the navigation area adjacent to the icon bar.

[0069] Figure 6 For Figure 5 corresponding navigation interface layout diagram. Figure 6 The first-level navigation icon in Figure 5 corresponds to the icon bar in the "Overview" column in Figure 6 , that is, the icon bar corresponding to the current-level navigator; Figure 5 The second-level navigation in

[0070] corresponds to the next-level navigator associated with the system document in

[0071] In implementation, after displaying the next-level navigator in the remaining un-displayed area of the navigation area, update the next-level navigator as the new current-level navigator.

[0072] For the navigation interface display method provided in the above embodiment, when detecting the first trigger operation on the navigation label in the current-level navigator, the current-level navigator will be contracted to its corresponding icon bar, and the next-level navigator will be displayed in the remaining un-displayed area of the navigation area. Contracting the current-level navigator to its corresponding icon bar saves the space of the navigation area to facilitate the display of the next-level navigator, achieving space compression while ensuring recognizability. Displaying the next-level navigator in the remaining un-displayed area of the navigation area enables the display space of the next-level navigator to be adaptively adjusted without exceeding the navigation area, and this way realizes that the next-level navigator can occupy the expanded area of the current-level navigator, avoiding page layout jumps and reducing the movement of the user's line of sight. Therefore, the method provided in this application will not cause compression of the creation area, thus solving the problem of incomplete content display caused by the compression of the creation area and improving the user's information viewing experience.

[0073] Figure 7 is a schematic flowchart of another navigation interface display method provided by an embodiment of the present application. This embodiment is based on Figure 10 the embodiment shown, and is an improvement to the navigation interface display method.

[0074] As Figure 7 shown, a method for displaying a navigation interface may include the following steps:

[0075] Step 701, if a first trigger operation on a navigation label in the current-level navigator is detected, then in response to the first trigger operation, in the navigation area, shrink the current-level navigator into its corresponding icon bar and display the icon bar; wherein, the navigation interface includes a navigation area and a creation area, the navigation area is used to display at least one level of navigators, the navigator includes at least one navigation label, and the creation area is used to display display content associated with the navigation label.

[0076] In implementation, the principle and implementation manner of step 701 are similar to those of step 1001, and will not be elaborated here.

[0077] Step 702, obtain the next-level navigator associated with the navigation label, and display the next-level navigator in the area of the remaining undisplayed information in the navigation area; and update the current-level navigator with the next-level navigator.

[0078] In implementation, the principle and implementation manner of step 702 are similar to those of step 1002, and will not be elaborated here.

[0079] Step 703, if a second trigger operation on the icon bar is detected, then in response to the second trigger operation, obtain the navigator corresponding to the icon bar; wherein, the first trigger operation is different from the second trigger operation.

[0080] Specifically, shrinking the navigator into its corresponding icon bar realizes space compression while ensuring recognizability. However, if the user is not familiar enough with this navigation interface, they still cannot master the navigator corresponding to the icon bar only through the icon bar. Therefore, this solution obtains the navigator corresponding to the icon bar by responding to the user's second trigger operation on the icon bar and displays the navigator for the user to view.

[0081] In an implementable manner, the second trigger operation includes at least one of the following: mouse hover trigger, mouse wheel click trigger, touch click trigger, mouse wheel scroll and slide trigger.

[0082] Among them, the touch click trigger can be applied to a touch screen.

[0083] Specifically, the second trigger operation has multiple optional methods, which are convenient for users to operate.

[0084] During implementation, the hover state animation effect can be used to enhance the user's interaction experience. For example, for mouse hover triggering, when the user hovers the mouse pointer over an icon bar, the icon bar can present a preset dynamic effect. For example, color change: the icon bar changes color when the mouse hovers, to highlight the currently operated icon bar and let the user clearly know the position pointed to by the mouse. For example, the icon color changes from black to blue, or the background color of the icon changes from transparent to light gray, etc.

[0085] Step 704, use the navigator corresponding to the icon bar as the floating navigator, and in the navigation area, display the floating navigator floating above the current level navigator.

[0086] Specifically, the floating navigator facilitates the user's temporary viewing of the navigators at levels before the current level navigator, and the floating navigator only temporarily covers the current level navigator without interrupting the user's operation path, improving the user's information viewing experience. And the floating navigator is displayed floating above the current level navigator without exceeding the navigation area and without causing compression of the creation area.

[0087] During implementation, the floating navigator can be highlighted for easy viewing by the user.

[0088] In an implementable manner, in the navigation area, displaying the floating navigator floating above the current level navigator includes: constructing a mask layer above the current level navigator in the navigation area based on a preset mask color and mask transparency; in the navigation area, setting the floating navigator to be displayed above the mask layer.

[0089] Reference Figure 8 , Figure 8 In, the first-level navigation refers to the floating navigator, the "mask" refers to the mask layer, and the second-level navigation refers to the current level navigator. The first-level navigation is on the topmost layer, the next layer below the first-level navigation is the mask, and the next layer below the mask is the second-level navigation.

[0090] Specifically, the mask layer can separate the association between the current level navigator and the floating navigator to prevent accidental touches by the user.

[0091] Optionally, the user can stretch the width of the current level navigator according to needs. The width of the mask layer can be set to change with the width of the current level navigator so that the mask layer always covers the current level navigator. At the same time, the width of the floating navigator is set to remain unchanged. The width of the floating navigator is determined based on the original width of the navigation area, and the floating navigator is always within the original width of the navigation area. By setting the mask transparency, the mask layer has a certain transparency, so that the stretched part of the current level navigator can be visible, and the key information of the current level navigator can be made visible for easy viewing by the user.

[0092] In one implementable manner, the method further includes: starting from when the second triggering operation of the user on the icon bar is detected, closing the floating navigator after a preset duration, and restoring the display of the navigator at the current level.

[0093] Specifically, starting from when the second triggering operation of the user on the icon bar is detected, closing the floating navigator after a preset duration, and restoring the display of the navigator at the current level realizes facilitating the user's temporary view of the floating navigator while not interrupting the operation of the navigator at the current level.

[0094] In implementation, during the process of the navigator shrinking to the icon bar or the icon bar expanding to the navigator, a smooth width fade animation can be accompanied, such as a 0.3-second easing effect, rather than an instant switch. This way can improve the user's interaction experience.

[0095] Step 705, if a third triggering operation on the navigation label in the floating navigator is detected, then in response to the third triggering operation, close the navigators at all levels below the level to which the floating navigator belongs; in the navigation area, shrink the floating navigator into its corresponding icon bar and display the icon bar.

[0096] Among them, the third triggering operation can be a left mouse button click. The specific manner of the third triggering operation in this solution is not limited.

[0097] Specifically, if a third triggering operation on the navigation label in the floating navigator is detected, then in response to the third triggering operation, close all the navigators at the levels that are being displayed in the navigation area below the level to which the floating navigator belongs, and the navigator also includes the icon bar.

[0098] Step 706, obtain the navigator at the next level associated with the navigation label, and display the navigator at the next level in the remaining area of the navigation area where information is not displayed; and update the navigator at the current level with the navigator at the next level.

[0099] In implementation, after displaying the navigator at the next level in the remaining area of the navigation area where information is not displayed, update the navigator at the next level to the new navigator at the current level.

[0100] Specifically, the above-described manner of responding to the third triggering operation of the user on the navigation label in the floating navigation layer can avoid the operation chaos caused by multi-level superposition.

[0101] Figure 9 It is a schematic structural diagram of a navigation interface display device provided in an embodiment of the present application. The navigation interface includes a navigation area and a creation area. The navigation area is used to display navigators at at least one level. The navigator includes at least one navigation label. The creation area is used to display display content associated with the navigation label. The device can be in the form of software and / or hardware. Refer toFigure 9 As shown in the figure, a navigation interface display device 900 includes a display unit 901 and an acquisition unit 902.

[0102] The display unit 901 is configured to, if a first trigger operation on a navigation label in the current-level navigator is detected, respond to the first trigger operation, and in the navigation area, shrink the current-level navigator into an icon bar corresponding thereto and display the icon bar.

[0103] The acquisition unit 902 is configured to acquire a next-level navigator associated with the navigation label.

[0104] The display unit 901 is further configured to display the next-level navigator in an area of the remaining un-displayed information in the navigation area.

[0105] The display unit 901 is further configured to update the current-level navigator by using the next-level navigator.

[0106] The acquisition unit 902 is further configured to, if a second trigger operation on the icon bar is detected, respond to the second trigger operation and acquire a navigator corresponding to the icon bar.

[0107] The display unit 901 is further configured to use the navigator corresponding to the icon bar as a floating navigator and display the floating navigator floating above the current-level navigator in the navigation area.

[0108] Wherein, the first trigger operation is different from the second trigger operation.

[0109] The display unit 901 is specifically configured to build a mask layer above the current-level navigator in the navigation area based on a preset mask color and mask transparency.

[0110] In the navigation area, the floating navigator is set to be displayed above the mask layer.

[0111] The display unit 901 is further configured to, if a third trigger operation on a navigation label in the floating navigator is detected, respond to the third trigger operation and close all navigators of levels below the level to which the floating navigator belongs.

[0112] In the navigation area, the floating navigator is shrunk into an icon bar corresponding thereto and the icon bar is displayed.

[0113] Acquire a next-level navigator associated with the navigation label and display the next-level navigator in an area of the remaining un-displayed information in the navigation area.

[0114] Update the current-level navigator by using the next-level navigator.

[0115] The display unit 901 is further configured to close the floating navigator after a preset duration since detecting a second triggering operation of the user on the icon bar, and restore the display of the current level navigator.

[0116] In an implementable manner, the second triggering operation includes at least one of the following:

[0117] Mouse hover trigger, mouse wheel click trigger, touch click trigger, mouse wheel scroll and slide trigger.

[0118] For the navigation interface display device provided by the embodiments of the present application, its implementation principle and the technical effects produced are the same as those of the foregoing embodiments of the navigation interface display method. For the sake of brief description, for the parts not mentioned in the device embodiments, reference may be made to the corresponding content in the foregoing embodiments of the navigation interface display method.

[0119] Figure 10 This is a hardware structure diagram of an electronic device provided by an embodiment of the present application. This embodiment provides an electronic device, including: at least one processor 1001, and a memory 1002 communicatively connected to the at least one processor 1001; the memory 1002 stores computer-executable instructions; the processor 1001 executes the computer-executable instructions stored in the memory 1002 to implement the navigation interface display method described in any of the foregoing embodiments.

[0120] Figure 10 The illustrated electronic device further includes a communication interface 1003 and a communication bus 1004. Among them, the processor 1001, the memory 1002, and the communication interface 1003 are connected to each other through the communication bus 1004. The communication bus 1004 can be divided into an address bus, a data bus, a control bus, etc. For the sake of convenience of representation, Figure 10 only a thick line is used to represent the communication bus 1004, but it does not mean that there is only one communication bus 1004 or one type of communication bus 1004. The processor 1001 can also be called a controller, and no limitation is imposed on the name.

[0121] In the embodiments of the present application, the memory 1002 stores instructions executable by at least one processor 1001. By executing the instructions stored in the memory 1002, the at least one processor 1001 can execute the navigation interface display method discussed above. The processor 1001 can implement Figure 10 the functions of each module in the illustrated device.

[0122] Among them, the processor 1001 is the control center of the device, and can connect various parts of the entire control device through various interfaces and lines. By running or executing the instructions stored in the memory 1002 and calling the data stored in the memory 1002, various functions of the device and process data, so as to monitor the device as a whole.

[0123] In a possible design, the processor 1001 may include one or more processing units. The processor 1001 may integrate an application processor and a modem processor. Among them, the application processor mainly processes the operating system, user interface, application programs, etc., and the modem processor mainly processes wireless communications. It can be understood that the above-mentioned modem processor may not be integrated into the processor 1001. In some embodiments, the processor 1001 and the memory 1002 may be implemented on the same chip or separately on independent chips.

[0124] The processor 1001 may be a general-purpose processor, such as a central processing unit (CPU), a digital signal processor, an application-specific integrated circuit, a field-programmable gate array, or other programmable logic devices, discrete gate or transistor logic devices, discrete hardware components, and can implement or execute the various methods, steps, and logic block diagrams disclosed in the embodiments of the present application. The general-purpose processor may be a microprocessor or any conventional processor, etc. The steps of the navigation interface display method disclosed in combination with the embodiments of the present application may be directly embodied as being executed by a hardware processor, or executed by a combination of hardware and software modules in the processor.

[0125] The memory 1002, as a non-volatile computer-readable storage medium, can be used to store non-volatile software programs, non-volatile computer-executable programs, and modules. The memory 1002 may include at least one type of storage medium, for example, it may include flash memory, a hard disk, a multimedia card, a card-type memory, a random access memory (RAM), a static random access memory (SRAM), a programmable read-only memory (PROM), a read-only memory (ROM), an electrically erasable programmable read-only memory (EEPROM), a magnetic memory, a magnetic disk, an optical disk, etc. The memory 1002 is any other medium that can be used to carry or store the desired program code in the form of instructions or data structures and can be accessed by a computer, but is not limited thereto. The memory 1002 in the embodiments of the present application may also be a circuit or any other device capable of implementing a storage function, for storing program instructions and / or data.

[0126] By programming the design of the processor 1001, the code corresponding to the navigation interface display method introduced in the foregoing embodiments can be solidified into the chip, so that the chip can execute when runningFigure 1 or Figure 2 The steps of the navigation interface display method of the embodiments shown. How to design and program the processor 1001 is a well-known technology to those skilled in the art and will not be elaborated here.

[0127] The embodiments of the present application also provide a computer-readable storage medium, in which computer-executable instructions are stored. When the computer-executable instructions are executed by a processor, they are used to implement the navigation interface display method described in any of the previous embodiments. Therefore, it will not be elaborated here. In addition, the description of the beneficial effects of using the same method will not be elaborated either. For the technical details not disclosed in the embodiments of the computer storage medium involved in the present invention, please refer to the description of the method embodiments of the present invention.

[0128] In some possible implementation manners, each aspect of the navigation interface display method provided by the present application can also be implemented in the form of a program product, which includes program code. When the program product runs on a device, the program code is used to cause the control device to execute the steps in the navigation interface display method according to various exemplary implementation manners of the present application described above in this specification.

[0129] Those skilled in the art should understand that the embodiments of the present application can be provided as a method, a system, or a computer program product. Therefore, the present application can adopt the form of a complete hardware embodiment, a complete software embodiment, or an embodiment combining software and hardware aspects. Moreover, the present application can adopt the form of a computer program product implemented on one or more computer-usable storage media (including but not limited to disk memories, CD-ROMs, optical memories, etc.) containing computer-usable program code.

[0130] The present application is described with reference to the flowcharts and / or block diagrams of methods, devices (systems), and computer program products according to the embodiments of the present application. It should be understood that each process and / or block in the flowchart and / or block diagram can be implemented by computer program instructions, and the combination of processes and / or blocks in the flowchart and / or block diagram can also be implemented by computer program instructions. These computer program instructions can be provided to the processor of a general-purpose computer, a special-purpose computer, an embedded processor, or other programmable data processing devices to generate a machine, so that the instructions executed by the processor of the computer or other programmable data processing devices generate a device for implementing the specified functions in Figure 1 one process or multiple processes and / or blocks Figure 1 one block or multiple blocks.

[0131] These computer program instructions can also be stored in a computer-readable memory that can direct a computer or other programmable data processing apparatus to function in a particular manner, such that the instructions stored in the computer-readable memory produce an article of manufacture including instruction means embodying the functionality specified in the flowchart Figure 1 a flow or flows and / or block Figure 1 or blocks specified in the block diagram.

[0132] These computer program instructions can also be loaded onto a computer or other programmable data processing apparatus to cause a series of operational steps to be performed on the computer or other programmable apparatus to produce a computer-implemented process, whereby the instructions executed on the computer or other programmable apparatus provide steps for implementing the functionality specified in the flowchart Figure 1 a flow or flows and / or block Figure 1 or blocks specified in the block diagram.

[0133] It will be apparent to those skilled in the art that various modifications and variations can be made to the present application without departing from the spirit and scope of the application. Thus, if these modifications and variations of the present application fall within the scope of the claims of the present application and their equivalent technologies, the present application is also intended to include these modifications and variations.

Claims

1. A method for displaying a navigation interface, characterized in that The navigation interface includes a navigation area and a creation area. The navigation area is used to display navigators at at least one level. The navigator includes at least one navigation label. The creation area is used to display display content associated with the navigation label. The method includes: If a first trigger operation on a navigation label in the current-level navigator is detected, then in response to the first trigger operation, in the navigation area, shrink the current-level navigator into its corresponding icon bar and display the icon bar; Obtain the next-level navigator associated with the navigation label and display the next-level navigator in the area of the navigation area where the information is not yet displayed; Update the current-level navigator with the next-level navigator.

2. The method according to claim 1, wherein The method further includes: If a second trigger operation on the icon bar is detected, then in response to the second trigger operation, obtain the navigator corresponding to the icon bar; Use the navigator corresponding to the icon bar as a floating navigator and display the floating navigator above the current-level navigator in the navigation area; Wherein, the first trigger operation is different from the second trigger operation.

3. The method according to claim 2, wherein The displaying the floating navigator above the current-level navigator in the navigation area includes: Based on a preset mask color and mask transparency, construct a mask layer above the current-level navigator in the navigation area; In the navigation area, set the floating navigator above the mask layer for display.

4. The method according to claim 2, wherein The method further includes: If a third trigger operation on a navigation label in the floating navigator is detected, then in response to the third trigger operation, close all navigators at levels below the level to which the floating navigator belongs; In the navigation area, shrink the floating navigator into its corresponding icon bar and display the icon bar; Obtain the next-level navigator associated with the navigation label and display the next-level navigator in the area of the navigation area where the information is not yet displayed; Update the current-level navigator with the next-level navigator.

5. The method according to claim 2, wherein The method further includes: After a preset duration from when the second trigger operation on the icon bar is detected, close the floating navigator and restore the display of the current-level navigator.

6. The method according to claim 2, wherein The second trigger operation includes at least one of the following: Mouse hover trigger, mouse wheel click trigger, touch click trigger, mouse wheel scroll and slide trigger.

7. A navigation interface display device, characterized in that The navigation interface includes a navigation area and a creation area. The navigation area is used to display navigators at at least one level. The navigator includes at least one navigation label. The creation area is used to display display content associated with the navigation label. The device includes: A display unit, which is used to, if a first trigger operation on a navigation label in the current-level navigator is detected, then in response to the first trigger operation, in the navigation area, shrink the current-level navigator into its corresponding icon bar and display the icon bar; An acquisition unit, which is used to acquire the next-level navigator associated with the navigation label; The display unit is further used to display the next-level navigator in the area of the navigation area where the information is not yet displayed; The display unit is further used to update the current-level navigator with the next-level navigator.

8. An electronic device, characterized in that, It includes a processor and a memory communicatively connected to the processor; The memory stores computer-executable instructions; The processor executes the computer-executable instructions stored in the memory, such that the processor executes the navigation interface display method according to any one of claims 1 to 6.

9. A computer-readable storage medium, characterized in that, A computer program is stored in the storage medium, and when the computer program is executed by a processor, the navigation interface display method according to any one of claims 1 to 6 is implemented.

10. A computer program product, comprising a computer program, characterized in that, When the computer program is executed by a processor, the navigation interface display method according to any one of claims 1 to 6 above is implemented.

Images