CN113268682B

CN113268682B - Page content display method, device and equipment based on navigation bar and storage medium

Info

Publication number: CN113268682B
Application number: CN202110713132.9A
Authority: CN
Inventors: 邝野; 任昱果
Original assignee: Tencent Technology Shenzhen Co Ltd
Current assignee: Tencent Technology Shenzhen Co Ltd
Priority date: 2021-06-25
Filing date: 2021-06-25
Publication date: 2023-09-01
Anticipated expiration: 2041-06-25
Also published as: CN113268682A

Abstract

The application discloses a page content display method, device and equipment based on a navigation bar and a storage medium, and relates to the technical field of interface interaction. The method comprises the following steps: displaying an application interface, wherein the application interface comprises a first navigation bar, and the first navigation bar comprises a first navigation option; responding to the received first triggering operation of the first navigation options, displaying a second navigation bar in the application interface and page contents corresponding to the second navigation options in the second navigation bar; responding to the received second triggering operation of the first navigation option, and switching the page content corresponding to the second navigation option into the page content corresponding to the third navigation option; the third navigation option is another navigation option in the second navigation bar other than the second navigation option. The method and the device can greatly simplify the operation of the user, thereby improving the interaction efficiency when the page content display is triggered based on the navigation bar.

Description

Page content display method, device and equipment based on navigation bar and storage medium

Technical Field

The embodiment of the application relates to the technical field of interface interaction, in particular to a page content display method, device and equipment based on a navigation bar and a storage medium.

Background

With the continuous enrichment of the functions of applications, many applications provide two-level/multi-level navigation bars so that users can conveniently switch and display different page contents.

In the related art, when a user needs to view the page content linked to the lower navigation bar, first click on one navigation option in the upper navigation bar, trigger the application program to display the lower navigation bar, and then click on a different navigation option in the lower navigation bar to switch and display the page content corresponding to the different navigation option in the lower navigation bar, for example, switch different pages, or switch different page elements in the same page.

However, in the above scheme, the user needs to click the navigation options in different navigation bars, so that the user operation is complicated, and the interaction efficiency when the page content display is triggered based on the navigation bars is affected.

Disclosure of Invention

The embodiment of the application provides a page content display method, device and equipment based on a navigation bar and a storage medium, which can improve interaction efficiency when page content display is triggered based on the navigation bar. The technical scheme is as follows:

In one aspect, a method for displaying page content based on a navigation bar is provided, and the method comprises the following steps:

displaying an application interface, wherein the application interface comprises a first navigation bar, and the first navigation bar comprises a first navigation option;

responding to the received first triggering operation of the first navigation options, displaying a second navigation bar in the application interface and page contents corresponding to the second navigation options in the second navigation bar;

responding to the received second triggering operation of the first navigation option, and switching the page content corresponding to the second navigation option into the page content corresponding to the third navigation option; the third navigation option is another navigation option in the second navigation bar other than the second navigation option.

In another aspect, a navigation bar based page content display device is provided, the device comprising:

the interface display module is used for displaying an application interface, wherein the application interface comprises a first navigation bar, and the first navigation bar comprises a first navigation option;

the first content display module is used for responding to the received first triggering operation of the first navigation options, displaying a second navigation bar in the application interface and page content corresponding to the second navigation options in the second navigation bar;

The second content display module is used for responding to the received second triggering operation of the first navigation option and switching the page content corresponding to the second navigation option into the page content corresponding to the third navigation option; the third navigation option is another navigation option in the second navigation bar other than the second navigation option.

In one possible implementation manner, the second content display module is configured to switch, in response to receiving a second trigger operation on the first navigation option, page content corresponding to the second navigation option to page content corresponding to a third navigation option, where the third navigation option is a next option of the second navigation option in the second navigation bar, in a cyclic switching manner.

In one possible implementation, the apparatus further includes:

the first option determining module is used for responding to the second triggering operation of the first navigation option before the second content displaying module switches the page content corresponding to the second navigation option to the page content corresponding to the third navigation option, and determining the third navigation option based on the operation type of the second triggering operation.

In one possible implementation manner, the first option determining module is configured to determine, as the third navigation option, a next option of the second navigation option in the second navigation bar in response to the operation type of the second trigger operation being a click operation.

In one possible implementation manner, the first option determining module is configured to determine, in response to the second trigger operation, a previous option or a next option of a second navigation option in the second navigation bar as the third navigation option based on a sliding direction of the sliding operation, where the operation type of the second trigger operation is a sliding operation.

In one possible implementation manner, the first option determining module is configured to determine, as the third navigation option, a specified option in the second navigation bar in response to the second trigger operation being a long press operation.

In one possible implementation, the specified option is an option on a specified location in the second navigation bar;

or the appointed option is an option in the page content display state in the second navigation bar when the second navigation bar is exited last time.

In one possible implementation, the apparatus further includes:

The control display module is used for responding to the first triggering operation of the first navigation option, and displaying at least one overlapped control in a stacked mode on the first navigation option;

and the second option determining module is used for responding to the second triggering operation executed on the target control in the at least one superposition control before the second content displaying module switches the page content corresponding to the second navigation option to the page content corresponding to the third navigation option, and determining the third navigation option based on the target control.

In one possible implementation, the second trigger operation includes a first sub-operation and a second sub-operation;

the second content presentation module is configured to,

in response to receiving the first sub-operation on the first navigation option, setting the third navigation option to a preselected mid-state;

and responding to the third navigation option to be in a pre-selected middle state, and receiving the second sub-operation on the first navigation option, and switching the page content corresponding to the second navigation option to the page content corresponding to the third navigation option.

In one possible implementation, the first sub-operation is a click operation, and the second sub-operation is a slide-up operation;

Alternatively, the first sub-operation includes at least one of a left-slide operation and a right-slide operation, and the second sub-operation is a click operation or a slide-up operation.

In one possible implementation manner, the first navigation option is any one option except an edge option among options contained in the first navigation bar; the edge option is an option displayed on the side of the screen.

In one possible implementation, the page content is an option page of a corresponding navigation option;

or, the page content is the next navigation bar of the corresponding navigation options.

In another aspect, embodiments of the present application provide a computer device, where the computer device includes a processor and a memory, where the memory stores at least one computer program, where the at least one computer program is loaded and executed by the processor to implement a navigation bar based page content presentation method as described in the above aspect.

In another aspect, embodiments of the present application provide a computer readable storage medium having at least one computer program stored therein, the at least one computer program being loaded and executed by a processor to implement a navigation bar based page content presentation method as described in the above aspects.

In another aspect, embodiments of the present application provide a computer program product or computer program comprising computer instructions stored in a computer readable storage medium. The processor of the computer device reads the computer instructions from the computer-readable storage medium, and the processor executes the computer instructions, so that the computer device performs the navigation bar based page content presentation method described in the above aspect.

The technical scheme provided by the embodiment of the application has the beneficial effects that at least:

for the lower navigation bar triggered and displayed by the first navigation option in the upper navigation bar, the user only needs to operate the first navigation option, namely, the page content corresponding to different navigation options in the lower navigation bar can be switched and displayed, namely, the process from the triggering and displaying of the lower navigation bar to the switching of different navigation options in the lower navigation bar can be realized by a single navigation option in the upper navigation bar, the user does not need to change the execution position of the triggering operation in the process, and the operation of the user can be greatly simplified, so that the interaction efficiency when the page content display is triggered based on the navigation bar is improved.

Drawings

In order to more clearly illustrate the technical solutions of the embodiments of the present application, the drawings required for the description of the embodiments will be briefly described below, and it is apparent that the drawings in the following description are only some embodiments of the present application, and other drawings may be obtained according to these drawings without inventive effort for a person skilled in the art.

FIGS. 1 and 2 are schematic views of two application interfaces in accordance with the present application;

FIG. 3 is a flowchart of a navigation bar based page content presentation method according to an embodiment of the present application;

FIG. 4 is a flowchart of a navigation bar based page content presentation method according to an embodiment of the present application;

FIG. 5 is a schematic flow diagram of a multi-level navigational click-switch page according to the embodiment of FIG. 4;

FIG. 6 is a schematic diagram of a game page switch in accordance with the embodiment of FIG. 4;

FIG. 7 is a timing diagram of the embodiment of FIG. 4 when performing a page content switch;

FIG. 8 is a flowchart of a navigation bar based page content presentation method according to an embodiment of the present application;

FIG. 9 is a flowchart of a navigation bar based page content presentation method according to an embodiment of the present application;

FIG. 10 is a block diagram of a navigation bar based page content presentation device according to an embodiment of the present application;

fig. 11 is a block diagram of a computer device according to another embodiment of the present application.

Detailed Description

Reference will now be made in detail to exemplary embodiments, examples of which are illustrated in the accompanying drawings. When the following description refers to the accompanying drawings, the same numbers in different drawings refer to the same or similar elements, unless otherwise indicated. The implementations described in the following exemplary examples do not represent all implementations consistent with the application. Rather, they are merely examples of apparatus and methods consistent with aspects of the application as detailed in the accompanying claims.

It should be understood that references herein to "a number" means one or more, and "a plurality" means two or more. "and/or", describes an association relationship of an association object, and indicates that there may be three relationships, for example, a and/or B, and may indicate: a exists alone, A and B exist together, and B exists alone. The character "/" generally indicates that the context-dependent object is an "or" relationship.

Navigation bar refers to a series of navigation options located in the bottom, top, or side regions of a page, each of which functions as a link site, individual pages within an application, page elements in a page, or next level navigation bar.

Typically, the navigation options in the navigation bar are presented in a fixed location in the form of Tab (Tab) buttons.

For applications where multi-level navigation exists, the multi-level navigation bars may be generally arranged centrally or may be distributed.

For example, please refer to fig. 1 and 2, which illustrate two application interface diagrams according to the present application.

Referring to fig. 1, the application interface 100 includes an upper navigation bar 110, the upper navigation bar 110 includes a navigation option 110a, when the navigation option 110a is selected, a lower navigation bar 120 corresponding to the navigation option 110a and page content corresponding to the selected navigation option 120a in the lower navigation bar 120 are displayed in the application interface 100, wherein the upper navigation bar 110 and the lower navigation bar 120 are centrally displayed at the bottom of the application interface 110. When the lower navigation bar 120 and the page content corresponding to the navigation option 120a are displayed in the application interface 100, if the user selects another navigation option in the lower navigation bar 120, the page content displayed in the application interface 110 will be switched to the page content corresponding to the other navigation option.

Referring to fig. 2, the application interface 200 includes an upper navigation bar 210, the upper navigation bar 210 includes a navigation option 210a, when the navigation option 210a is selected, a lower navigation bar 220 corresponding to the navigation option 210a and page contents corresponding to the selected navigation option 220a in the lower navigation bar 220 are displayed in the application interface 200, wherein, unlike the application interface shown in fig. 1, in the application interface 200, the upper navigation bar 210 and the lower navigation bar 220 are respectively displayed at the bottom and the top of the application interface 200. In addition, the switching manner between page contents corresponding to different navigation options in the lower navigation bar 220 is similar to the application interface shown in fig. 1, and will not be described herein.

The above-described fig. 1 and 2 are described by taking the example that the multi-level navigation bars are arranged at the bottom of the application interface in a row-wise concentrated manner, or distributed manner at the bottom and top of the application interface. In some alternatives, the multi-level navigation bars in the application interface may be disposed at other positions in the application interface, and the arrangement manner of the multi-level navigation bars may also have other forms, for example, the multi-level navigation bars in the application interface may be distributed on two sides of the application interface, and the multi-level navigation bars may also be distributed according to an arc shape, and so on. The embodiments of the present application do not limit the arrangement positions and arrangement forms of the multi-level navigation bars.

Taking the above fig. 1 and fig. 2 as an example, the distribution range of different navigation options in one navigation bar may cover a larger area, for example, the first navigation option and the last navigation option may be respectively disposed on the left side and the right side of the application interface in one navigation bar, if the user is required to move the finger to the position where the different navigation options are located to perform the triggering operation by directly triggering each navigation option in the lower navigation bar, this would certainly bring great inconvenience to the user operation, thereby affecting the interaction efficiency when the user switches the page content in the lower navigation bar.

In view of the above problems, a subsequent embodiment of the present application provides a scheme for controlling switching of page content corresponding to navigation options in a lower navigation bar based on an operation of the navigation options in an upper navigation bar.

Referring to fig. 3, a flowchart of a navigation bar based page content presentation method according to an exemplary embodiment of the present application is shown. The method may be performed by a computer device running an application, for example, the computer device may be a terminal, and optionally, steps in the solution shown in the embodiment of the present application may be performed by an application running in the terminal. As shown in fig. 3, the method may include the steps of:

step 301, displaying an application interface, wherein the application interface includes a first navigation bar, and the first navigation bar includes a first navigation option.

The first navigation bar is an upper navigation bar in two adjacent navigation bars, at least two navigation options can be contained in the first navigation bar, and each navigation option in the first navigation bar corresponds to one lower navigation bar respectively.

Step 302, in response to receiving a first trigger operation on the first navigation option, displaying a second navigation bar in the application interface, and page content corresponding to the second navigation option in the second navigation bar.

In the embodiment of the application, the second navigation bar is a lower navigation bar corresponding to the first navigation option in the first navigation bar, the second navigation bar comprises at least two navigation options, and each navigation option in the second navigation bar corresponds to one page content.

After the user performs the first triggering operation on the first navigation options, the application program may display a second navigation bar in the application interface, where a certain second navigation option in the second navigation bar is a navigation option selected at a default initial time, that is, the initial time at which the second navigation bar is triggered to be displayed, and the application program directly displays page content corresponding to the second navigation option in the application interface.

The above page content may be an option page in the application program, or the page content may also be one or more page elements belonging to the current page (such as a floating frame superimposed on an upper layer of the current page), or the page content may also be a navigation bar of a further next level, which is not limited in the content form of the above page content according to the embodiment of the present application.

Step 303, responding to the received second triggering operation of the first navigation option, and switching the page content corresponding to the second navigation option into the page content corresponding to the third navigation option; the third navigation option is another navigation option in the second navigation bar other than the second navigation option.

In the embodiment of the application, when the user wants to switch and display the page content corresponding to the other navigation option in the second navigation bar, the second triggering operation can be executed on the first navigation option in the first navigation bar, namely, the page content corresponding to the navigation option in the second navigation bar can be triggered and displayed, the user does not need to operate the navigation option in the second navigation bar, and in the process, the user can realize the switching of different navigation options in the lower navigation bar without moving the operation position.

Wherein the first trigger operation and the second trigger operation may be the same operation; for example, the first trigger operation and the second trigger operation may both be click operations.

Alternatively, the first trigger operation and the second trigger operation may be different operations; for example, the first trigger operation may be a click operation, the second trigger operation may be a slide operation/long press operation, or the like.

the responding to the receiving of the second triggering operation of the first navigation option, the switching of the page content corresponding to the second navigation option to the page content corresponding to the third navigation option includes:

In response to receiving the first sub-operation on the first navigation option, setting the third navigation option to a pre-selected mid-state;

and responding to the third navigation option in a pre-selected middle state, and receiving the second sub-operation on the first navigation option, and switching the page content corresponding to the second navigation option into the page content corresponding to the third navigation option.

In summary, according to the scheme shown in the embodiment of the present application, for the lower navigation bar triggered and displayed by the first navigation option in the upper navigation bar, the user only needs to operate the first navigation option, that is, the page content corresponding to different navigation options in the lower navigation bar can be switched and displayed, that is, from the triggering and displaying of the lower navigation bar to the switching of different navigation options in the lower navigation bar can be realized by a single navigation option in the upper navigation bar, in this process, the user does not need to change the execution position of the triggering operation, and the operation of the user can be greatly simplified, so that the interaction efficiency when the page content is displayed based on the triggering of the navigation bar is improved.

The scheme shown in the embodiment corresponding to fig. 3 of the present application can be applied to any application program having two or more navigation bars, and the switching between different navigation options in the lower navigation bar is realized by operating a single navigation option in the upper navigation bar.

For example, in the application program of the game, the upper navigation column a contains a navigation option a-1 corresponding to virtual character management, after clicking the navigation option a-1, the game interface is switched to a lower navigation column B corresponding to virtual character management, the lower navigation column B contains a navigation option B-1 corresponding to a virtual character selection page, a navigation option B-2 corresponding to a virtual character attribute viewing page and a navigation option B-3 corresponding to a virtual character configuration page, and the user only needs to operate the navigation option a-1 subsequently, so that the switching among the virtual character selection page, the virtual character attribute viewing page and the virtual character configuration page can be realized without moving a finger to the position of the navigation option B-1, the navigation option B-2 or the navigation option B-3 by the user, thereby greatly improving the interaction efficiency when the page content corresponding to the navigation option is switched.

For another example, in the application program of the short video class, the upper navigation column a includes a navigation option a-1 corresponding to short video playing, after the user clicks the navigation option a-1, the short video interface will switch to a lower navigation column B corresponding to short video playing, where the lower navigation column B includes a navigation option B-1 corresponding to nearby short videos, a navigation option B-2 corresponding to intelligent short video recommendation, and a navigation option B-3 corresponding to friend short videos, and the user only needs to operate the navigation option a-1 in the following steps, so that the switching among the nearby short video playing page, the intelligent short video recommendation playing page, and the friend short video playing page can be realized.

In the scheme disclosed by the application, when the triggering operation of the user on the navigation options in the upper navigation bar is received, the application program can sequentially switch the page content corresponding to each navigation option in the lower navigation bar in a circulating mode.

Referring to fig. 4, a flowchart of a navigation bar based page content presentation method according to an exemplary embodiment of the present application is shown. The method may be performed by a computer device running an application, which may be a terminal, for example. As shown in fig. 4, the method may include the steps of:

step 401, displaying an application interface, wherein the application interface includes a first navigation bar, and the first navigation bar includes a first navigation option.

The application interface may be any interface having two or more navigation bars.

The first navigation bar may be any one of the two or more navigation bars except for the last navigation bar. For example, the first navigation bar may be a first-stage navigation bar of two or more stages of navigation bars of the application interface, or when the application interface has two or more stages of navigation bars, the first navigation bar may be a second-stage navigation bar or a third-stage navigation bar of the two or more stages of navigation bars, or the like, and it is only necessary to satisfy that a navigation bar of a further next stage exists after the first navigation bar.

In one possible implementation, the first navigation option is any one option except an edge option among the options contained in the first navigation bar; the edge option is an option displayed on the side of the screen.

The side of the screen refers to the side which is contacted with the hand of the user in the terminal screen when the user holds the terminal.

In the embodiment of the application, since the hand is usually contacted with the edge of the screen in the terminal when the user holds the terminal, for example, when the user holds the mobile phone with one hand, the palm and the finger of the user may be contacted with the left and right sides of the screen, and at this time, for the navigation bar at the bottom of the screen, the navigation options at the edge of the navigation bar may be touched by the user by mistake, so that misoperation occurs.

Step 402, in response to receiving a first trigger operation for the first navigation option, displaying a second navigation bar in the application interface, and page content corresponding to the second navigation option in the second navigation bar.

In an alternative implementation, the second navigation option may be a default displayed navigation option preset by the developer, and each time the user triggers to display the second navigation bar through the first navigation option, the user defaults to display the page content corresponding to the second navigation option, or the second navigation option is a navigation option corresponding to the page content initially displayed by default in the second navigation bar.

For example, the default display navigation option may be the first navigation option in the second navigation bar, or may also be the middle navigation option in the second navigation bar, which is not limited in this embodiment of the present application.

In another alternative implementation, the second navigation option may also be a navigation option preset in the terminal by the user.

For example, the user may trigger the application program to display a default navigation option setting interface, set a navigation option corresponding to the default initially displayed page content in each navigation bar in the default navigation option setting interface, and in response to receiving a setting operation of the user in the default navigation option setting interface on a second navigation option in a second navigation bar, the application program sets the second navigation option as a navigation option corresponding to the initially displayed page content in the second navigation bar; and the subsequent user defaults to display the page content corresponding to the second navigation option every time the second navigation bar is displayed through the triggering of the first navigation option.

In another alternative implementation, the second navigation option may also be an option in the second navigation bar that is in the page content display state when the second navigation bar is exited last time. That is, when the user logs out of the second navigation bar when the application program logs out last time in the process of using the application program, the option in the page content display state in the second navigation bar is the second navigation option, and when the subsequent user triggers to display the second navigation bar again through the first navigation option, the application program can display the page content of the second navigation option by default.

For example, after the second navigation bar is displayed in a certain triggering manner, the user switches to display page contents corresponding to a third navigation option in the second navigation bar, then exits the display of the second navigation bar in a manner of triggering other navigation options in the first navigation bar, and after the subsequent user performs the first triggering operation on the first navigation option again, the application program displays the second navigation bar again, and directly locates to the third navigation option in the second navigation bar, and displays the page contents of the third navigation option.

In one possible implementation manner, in response to receiving the first trigger operation on the first navigation option, the application program may also display a second navigation bar in the application interface, and default does not display the page content corresponding to the second navigation option, and when the user performs the selection operation on the second navigation option, the application program displays the page content corresponding to the second navigation option. The selection operation of the second navigation option may be a triggering operation of the user on the first navigation option. For example, when the respective page content corresponding to each navigation option in the second navigation bar is the next navigation bar, if the first trigger operation for the first navigation option is received, the application program may only display each navigation option in the second navigation bar and temporarily not display the next navigation bar of the navigation option.

Step 403, in response to receiving the second trigger operation for the first navigation option, switching, according to a loop switching manner, the page content corresponding to the second navigation option to the page content corresponding to the third navigation option, where the third navigation option is a next option of the second navigation option in the second navigation bar.

In the embodiment of the present application, the above-mentioned loop switching refers to sequentially switching to the next navigation option of the currently selected navigation option based on the second trigger operation on the first navigation option according to the arrangement sequence of the navigation options in the second navigation bar. For example, if the current second navigation option is the first navigation option in the second navigation bar, when the second trigger operation for the first navigation option is received, the page content corresponding to the second navigation option in the second navigation bar is switched to be displayed.

When the second navigation option is the last navigation option in the second navigation bar, the third navigation option is the first navigation option in the second navigation bar, that is, when the user switches the navigation option in the second navigation bar to the last navigation option through the second triggering operation on the first navigation option, or when the navigation option displayed by default at the initial moment is the last navigation option in the second navigation bar, if the user executes the second triggering operation on the first navigation option again, the application program can switch to the first navigation option in the second navigation bar to perform the cyclic switching display of the page content.

Taking the application program as a game application program, the first triggering operation and the second triggering operation are click operations as examples, please refer to fig. 5, which illustrates a flow chart of a multi-level navigation click-switch page according to an embodiment of the present application. As shown in fig. 5, the flow includes the steps of:

s51, after the game is opened, a game client logic layer (hereinafter referred to as a logic layer) displays a current page (a first starting is usually a game hall page).

S52, the player clicks the primary navigation button (namely the first navigation option in the first navigation bar) according to the wish of switching pages.

S53, the logic layer judges whether the primary navigation button clicked by the player is consistent with the primary navigation to which the current page belongs, if not, the logic layer proceeds to S54, otherwise, the logic layer proceeds to S55.

And S54, the logic layer is directly switched to the corresponding first-level navigation page.

S55, the logic layer locates the current page as the position in the sub-page sequence (the logic layer sorts the sub-pages of the first-level navigation control according to the specified sequence at the beginning), if the current page is the last page in the sub-page sequence, the process goes to S56, otherwise, the process goes to S57.

S56, switching to the first page in the sub page sequence for display.

S57, switching to the next sub-page according to the sequence, so as to perform sub-page switching cycle under the first-level navigation.

For example, when the logical layer performs the steps S55 to S57, the sub-pages of the first-level navigation control may be set to x1, x2, …, xn (n is the maximum number of sub-pages) in a predetermined order, when the logical layer locates that the current sub-page is xm, the value of m is added with 1, and it is determined whether m is greater than n at this time, if m is less than or equal to n at this time, the logical layer displays the xm sub-page; if m is greater than n at this time, putting m into a loop after zero clearing, adding 1 to the value of m in the loop, and displaying the x1 sub-page, namely the first page, so as to finish the loop display of each sub-page under one-level navigation.

The whole flow shown in fig. 5 is implemented in multi-level navigation, and the function of circularly switching each sub-page in the two-level navigation is implemented by repeatedly clicking a button in the one-level navigation.

For example, please refer to fig. 6, which illustrates a game page switching diagram according to an embodiment of the present application. As shown in part (a) of fig. 6, the game application program displays a game main interface, wherein a primary navigation 61 is included below the game main interface, the primary navigation 61 includes a plurality of navigation options, the plurality of navigation options includes a navigation option 61a (corresponding to the virtual character management function), and the navigation option 61a is in an unselected state; when the user wants to manage the virtual character, he needs to view the page content corresponding to the navigation option 61a, and at this time, he can click on the navigation option 61a.

After the user clicks on the navigation option 61a, as shown in part (b) of fig. 6, the game application displays the secondary navigation 62 corresponding to the virtual character management function, where the secondary navigation 62 includes 3 navigation options, and the game application displays the page content corresponding to the initial navigation option 62a (i.e., the virtual character selects a page, for example, a hero that the player has can be viewed), and if the user wants to view the next page content of the secondary navigation 62, the user can click on the navigation option 61a again.

After the user clicks on the navigation option 61a again, the game application displays the page content corresponding to the navigation option 62b (i.e., the virtual character attribute viewing page, for example, a hero gallery may be viewed), as shown in part (c) of fig. 6; at this time, if the user also wants to view the next page content of the secondary navigation 62, the navigation option 61a may be clicked a third time.

After the user clicks on the navigation option 61a for the third time, the application program displays the page content (i.e., the virtual character configuration page, such as a hero formation, that can be viewed and configured) corresponding to the navigation option 62c, as shown in part (d) of fig. 6; if the user also wants to view the first page content of the secondary navigation 62 again, the navigation option 61a may be clicked a fourth time.

After the user clicks on the navigation option 61a for the fourth time, the game application returns to show the page content corresponding to the navigation option 62a, as shown in part (e) of fig. 6.

Referring to fig. 7, a timing diagram of a game player, a game client presentation layer, and a game client logic layer according to an embodiment of the present application when performing a page content switching is shown. As shown in fig. 7, the page content switching process includes the steps of:

s71, the player opens the game client, and the presentation layer displays a default User Interface (UI) page.

S72, the player judges whether the page is a wanted page, if so, the player can play normally; if the first level navigation button is not matched with the second level navigation button, clicking the first level navigation button in the page.

And S73, after receiving the click signal, the logic layer of the game client starts to judge whether the current page belongs to the primary navigation button clicked at the time, if not, the logic layer is switched to the corresponding primary navigation page, the presentation layer is controlled to display the corresponding UI interface, the user continues to judge whether the expected state is reached, if so, the game client normally displays, otherwise, the primary navigation button is continuously clicked. If the logic layer is "belonging to", the logic layer needs to make the next judgment.

And S74, the game client logic layer judges whether the current page is the last page in the sub-page sequence, if yes, the game client logic layer switches the current page to the first page in the sub-page sequence, and controls the presentation layer to display the corresponding UI interface. If not, the game client logic layer switches the current page to the next page in the sub-page sequence, and controls the presentation layer to display the corresponding UI interface.

In the embodiment of the present application, since the user switches the navigation options in the lower navigation bar through the second trigger operation in a cyclic manner, if the target navigation option (corresponding to the third navigation option) that the user wants to switch is not adjacent to the current navigation option (i.e., the second navigation option), the user needs to switch from the second navigation option to the middle navigation option first, then switch to the third navigation option sequentially through the middle navigation option, and if each of the navigation options is displayed when switching to one of the navigation options, the page content corresponding to each of the navigation options between the second navigation option and the third navigation option is displayed sequentially, and the middle page content is likely to be the content that the user is not interested in. On one hand, the display of the middle page content which is not interested by the user consumes the processing resources, the electric quantity resources, the network flow resources and the like of the terminal, so that the waste of the terminal resources is caused, the cruising of the terminal is influenced, and on the other hand, the display of the middle page content also consumes a certain loading time and a certain page content switching time due to the loading reason, so that the switching efficiency of the page content is influenced.

In view of the foregoing, in the solution shown in the embodiment of the present application, the second triggering operation may be set to two-stage operation, where the first-stage operation (i.e., the first sub-operation) is used to pre-select the navigation option to be switched to, and the second-stage operation (i.e., the second sub-operation) is used to trigger to display the page content corresponding to the navigation option currently in the pre-selected state.

For example, also taking fig. 6 as an example, after the game application program displays the application interface shown in part (b) in fig. 6, if the user wants to view the page content corresponding to the navigation option 62c, the navigation option 62b may be set to the pre-selected middle state through a first-level operation on the navigation option 61a, at this time, the page content is still the page content corresponding to the navigation option 62a, then the user performs the first-level operation on the navigation option 61a again, sets the navigation option 62c to the pre-selected middle state, and then the user performs the second-level operation on the navigation option 61a, at this time, the game application program skips the display of the page content shown in part (c) in fig. 6, and directly displays the application interface shown in part (d) in fig. 6.

In one possible implementation, the first sub-operation is a click operation and the second sub-operation is a slide-up operation.

In the embodiment of the present application, taking fig. 6 as an example, the user may switch the navigation options in the pre-selected middle state by clicking the navigation option 61a, and then directly switch and display the page content corresponding to the navigation option currently in the pre-selected middle state by the sliding operation on the navigation option 61 a.

In one possible implementation, the first sub-operation includes at least one of a left-slide operation and a right-slide operation, and the second sub-operation is a click operation or a slide-up operation.

In the embodiment of the present application, taking fig. 6 as an example, the user may switch the navigation options in the pre-selection middle state by a left-sliding or right-sliding operation on the navigation option 61a, and then directly switch and display the page content corresponding to the navigation option currently in the pre-selection middle state by clicking or up-sliding operation on the navigation option 61 a.

In addition, in the scheme shown in the embodiment of the application, the second triggering operation can be set to be two-stage operation, wherein the first-stage operation is used for switching the navigation options in the pre-selected middle state in the second navigation bar, and the second-stage operation is used for triggering the display of the page contents corresponding to the navigation options in the pre-selected middle state, so that the display of the page contents corresponding to the middle navigation options is skipped, the terminal resources are saved, and meanwhile, the switching efficiency of the page contents is improved.

In the scheme, when the triggering operation of the user on the navigation options in the upper navigation bar is received, the application program can also determine the navigation options to be switched through the operation type of the triggering operation.

Referring to fig. 8, a flowchart of a navigation bar based page content presentation method according to an exemplary embodiment of the present application is shown. The method may be performed by a computer device running an application, which may be a terminal, for example. As shown in fig. 8, the method may include the steps of:

step 801, an application interface is displayed, wherein the application interface includes a first navigation bar, and the first navigation bar includes a first navigation option.

Step 802, in response to receiving a first trigger operation on the first navigation option, displaying a second navigation bar in the application interface, and page content corresponding to the second navigation option in the second navigation bar.

The execution of steps 801 to 802 may refer to the descriptions of steps 401 to 402, and are not repeated here.

In step 803, in response to receiving a second trigger operation for the first navigation option, the third navigation option is determined based on the operation type of the second trigger operation.

In one possible implementation, the determining the third navigation option based on the operation type of the second trigger operation includes:

and responding to the operation type of the second triggering operation as a clicking operation, and determining the next option of the second navigation option in the second navigation bar as the third navigation option.

In the embodiment of the present application, when the second triggering operation is a clicking operation, the application program may determine, as the third navigation option, a next option of the second navigation option in the second navigation bar in a cyclic selection manner.

The above-mentioned manner of loop selection is similar to the manner of loop switching in the embodiment shown in fig. 4, that is, loop selection refers to determining, according to the arrangement sequence of the navigation options in the second navigation bar, the next navigation option of the currently selected navigation option as the third navigation option based on the second triggering operation on the first navigation option in turn. Wherein when the second navigation option is the last navigation option in the second navigation bar, the third navigation option is the first navigation option in the second navigation bar.

and responding to the operation type of the second triggering operation as a sliding operation, and determining the last option or the next option of the second navigation option in the second navigation bar as the third navigation option based on the sliding direction of the sliding operation.

In the scheme shown in the embodiment of the application, the application program can detect the sliding operation of the user on the first navigation options to select the direction of circularly switching each navigation option in the second navigation bar.

For example, if the current second navigation option is the first navigation option in the second navigation bar, the second navigation option in the second navigation bar is determined to be the third navigation option in response to receiving a right slide operation for the first navigation option. For another example, when the second navigation option is the last navigation option in the second navigation bar, the first navigation option in the second navigation bar is determined to be the third navigation option in response to receiving a right slide operation for the first navigation option.

For another example, if the current second navigation option is a second navigation option in the second navigation bar, the first navigation option in the second navigation bar is determined to be a third navigation option in response to receiving a left slide operation for the first navigation option. For another example, when the second navigation option is the first navigation option in the second navigation bar, the last navigation option in the second navigation bar is determined to be the third navigation option in response to receiving a left slide operation for the first navigation option.

and determining the designated option in the second navigation bar as the third navigation option in response to the second trigger operation being a long-press operation.

In the scheme shown in the embodiment of the application, the application program can detect the long-press operation of the user on the first navigation option so as to determine the designated navigation option in the second navigation bar as the third navigation option.

Wherein the specified option is an option at a specified location in the second navigation bar;

or the designated option is the option in the page content display state in the second navigation bar when the second navigation bar is exited last time.

The setting manner of the specified option here may be similar to the setting manner of the default initial display second navigation option in the embodiment shown in fig. 4, and will not be repeated here.

Step 804, switching the page content corresponding to the second navigation option to the page content corresponding to the third navigation option.

In the embodiment of the application, after the application program determines the switched third navigation option, the page content corresponding to the second navigation option can be switched to the page content corresponding to the third navigation option.

In one possible implementation, the second trigger operation includes a first sub-operation and a second sub-operation; the execution of the above steps 803 and 804 may include:

In the embodiment of the present application, in response to receiving the first sub-operation on the first navigation option, setting the third navigation option to the pre-selected middle state may refer to determining, when the first sub-operation on the first navigation option is received, a corresponding third navigation option according to an operation type of the first sub-operation, and setting the determined third navigation option to the pre-selected middle state.

Correspondingly, the step 804 of switching the page content corresponding to the second navigation option to the page content corresponding to the third navigation option in response to the third navigation option being in the pre-selected middle state and receiving the second sub-operation on the first navigation option is corresponding to the step 804, that is, when the third navigation option is in the pre-selected middle state and receiving the second sub-operation on the first navigation option, switching and displaying the determined page content corresponding to the third navigation option.

For example, taking fig. 6 as an example, after the game application program displays the application interface shown in part (b) in fig. 6, if the user wants to view the page content corresponding to the navigation option 62c, the first level operation on the navigation option 61a may be performed through the scheme shown in step 803, the application program sets the navigation option 62b to the preselected intermediate state according to the operation type of the first level operation, at this time, the page content is still the page content corresponding to the navigation option 62a, then the user again performs the first level operation on the navigation option 61a, the application program sets the navigation option 62c to the preselected intermediate state according to the operation type of the first level operation again, after that, the user performs the second level operation on the navigation option 61a, at this time, the game application program skips the display of the page content shown in part (c) in fig. 6, and directly displays the application interface shown in part (d) in fig. 6.

In the scheme disclosed by the application, when the triggering operation of the user on the navigation options in the upper navigation bar is received, the application program can also receive the second triggering operation through the control overlapped on the navigation options of the upper navigation bar. That is, the second triggering operation on the first navigation option is a triggering operation received through a control superimposed on the first navigation option.

Referring to fig. 9, a flowchart of a navigation bar based page content presentation method according to an exemplary embodiment of the present application is shown. The method may be performed by a computer device running an application, which may be a terminal, for example. As shown in fig. 9, the method may include the steps of:

step 901, displaying an application interface, wherein the application interface includes a first navigation bar, and the first navigation bar includes a first navigation option.

Step 902, in response to receiving a first trigger operation on the first navigation option, displaying a second navigation bar in the application interface, and page content corresponding to the second navigation option in the second navigation bar.

The execution of the steps 901 to 902 may refer to the descriptions of the steps 401 to 402, and are not repeated here.

In response to receiving the first trigger operation for the first navigation option, at least one overlay control is displayed in an overlay over the first navigation option, step 903.

In the embodiment of the application, the second triggering operation on the first navigation option refers to the second triggering operation on at least one superposition control.

In the embodiment of the application, after receiving the first trigger operation on the first navigation option, the application program displays a second navigation bar in the application interface, and at least one superposition control is displayed on the first navigation option in a superposition manner while displaying the page content corresponding to the second navigation option in the second navigation bar, so that a user can switch the page content corresponding to different navigation options in the second navigation bar through the superposition control with the same position as the first navigation option.

In response to receiving the second trigger operation performed on the target control of the at least one overlay control, the third navigation option is determined based on the target control, step 904.

In step 904, when determining the third navigation option according to the second trigger operation performed on the target control in the at least one overlay control, the corresponding third navigation option may be determined according to the target control that receives the second trigger operation in the at least one overlay control.

For example, when the overlay control displayed on the upper layer of the first navigation option includes a single overlay control, the manner of determining the third navigation option based on the target control is similar to the manner of selecting the third navigation option in the scheme shown in fig. 4, or similar to the manner of determining the third navigation option in the scheme shown in fig. 7, which is not described herein.

For another example, when the overlay control displayed on the upper layer of the first navigation option includes two or more overlay controls, the manner of determining the third navigation option based on the target control may be: and determining a corresponding third navigation option based on the navigation option determination mode corresponding to the target control.

For example, assuming that the overlay control displayed on the upper layer of the first navigation option includes two overlay controls, namely, a left arrow-shaped overlay control and a right arrow-shaped overlay control, when the target control is the left arrow-shaped overlay control, the application program determines the previous navigation option of the second navigation option as the third navigation option; accordingly, when the target control is a right arrow shaped overlay control, the application program determines a subsequent navigation option of the second navigation option as a third navigation option.

In step 905, the page content corresponding to the second navigation option is switched to the page content corresponding to the third navigation option.

In one possible implementation, the second trigger operation includes a first sub-operation and a second sub-operation; the execution of the above steps 904 and 905 may include:

in response to receiving the first sub-operation on the first navigation option (i.e., on the overlay control), setting the third navigation option to a pre-selected mid-state;

and responding to the third navigation option in a pre-selected middle state, and receiving a second sub-operation on the first navigation option (namely, on the superposition control), and switching the page content corresponding to the second navigation option into the page content corresponding to the third navigation option.

In the embodiment of the present application, in response to receiving the first sub-operation on the overlay control, setting the third navigation option to the pre-selected middle state may refer to determining, when the first sub-operation on the overlay control is received, a corresponding third navigation option according to a determination manner of the third navigation option shown in fig. 4 or fig. 7, or determining, according to a determination manner of the navigation option corresponding to the target control, the corresponding third navigation option, and setting the determined third navigation option to the pre-selected middle state.

Fig. 10 is a block diagram of a navigation bar based page content presentation device that may be used to perform all or part of the steps of the methods shown in fig. 3, 4, 8, or 9 described above, in accordance with an exemplary embodiment of the present application. As shown in fig. 10, the apparatus includes:

the interface display module 1001 is configured to display an application interface, where the application interface includes a first navigation bar, and the second navigation bar includes a first navigation option;

a first content display module 1002, configured to display, in response to receiving a first trigger operation on the first navigation option, a second navigation bar in the application interface, and page content corresponding to the second navigation option in the second navigation bar;

a second content display module 1003, configured to switch, in response to receiving a second trigger operation for the first navigation option, page content corresponding to the second navigation option to page content corresponding to a third navigation option; the third navigation option is another navigation option in the second navigation bar other than the second navigation option.

In a possible implementation manner, the second content display module 1003 is configured to switch, in response to receiving a second trigger operation on the first navigation option, page content corresponding to the second navigation option to page content corresponding to the third navigation option, where the third navigation option is a next option of the second navigation option in the second navigation bar in a cyclic switching manner.

In one possible implementation, the apparatus further includes:

the first option determining module is configured to determine, in response to receiving a second trigger operation for the first navigation option, a third navigation option based on an operation type of the second trigger operation before the second content displaying module 1003 switches the page content corresponding to the second navigation option to the page content corresponding to the third navigation option.

In one possible implementation, the apparatus further includes:

and the second option determining module is configured to determine, in response to receiving the second trigger operation performed on a target control in the at least one overlay control, a third navigation option based on the target control before the second content displaying module 1003 switches the page content corresponding to the second navigation option to the page content corresponding to the third navigation option.

the second content presentation module 1003 is configured to,

Fig. 11 shows a block diagram of a computer device 1100 provided by an exemplary embodiment of the application. The computer device 1100 may be a terminal, such as: smart phones, tablet computers, MP3 players (Moving Picture Experts Group Audio Layer III, motion picture expert compression standard audio plane 3), MP4 (Moving Picture Experts Group Audio Layer IV, motion picture expert compression standard audio plane 4) players, notebook or desktop computers, etc.

In general, the computer device 1100 includes: a processor 1101 and a memory 1102.

The processor 1101 may include one or more processing cores, such as a 4-core processor, an 8-core processor, and the like. The processor 1101 may be implemented in at least one hardware form of DSP (Digital Signal Processing ), FPGA (Field-Programmable Gate Array, field programmable gate array), PLA (Programmable Logic Array ).

Memory 1102 may include one or more computer-readable storage media, which may be non-transitory. Memory 1102 may also include high-speed random access memory, as well as non-volatile memory, such as one or more magnetic disk storage devices, flash memory storage devices. In some embodiments, a non-transitory computer readable storage medium in memory 1102 is used to store at least one computer program/instruction for execution by processor 1101 to implement the methods provided by the method embodiments of the present application.

In some embodiments, the computer device 1100 may further optionally include: a peripheral interface 1103 and at least one peripheral. The processor 1101, memory 1102, and peripheral interface 1103 may be connected by a bus or signal lines. The individual peripheral devices may be connected to the peripheral device interface 1103 by buses, signal lines or circuit boards. Specifically, the peripheral device includes: at least one of radio frequency circuitry 1104, a display screen 1105, a camera assembly 1106, audio circuitry 1107, a positioning assembly 1108, and a power supply 1109.

A peripheral interface 1103 may be used to connect I/O (Input/Output) related at least one peripheral device to the processor 1101 and memory 1102.

The Radio Frequency circuit 1104 is used to receive and transmit RF (Radio Frequency) signals, also known as electromagnetic signals. The radio frequency circuit 1104 communicates with a communication network and other communication devices via electromagnetic signals. The radio frequency circuit 1104 converts an electrical signal into an electromagnetic signal for transmission, or converts a received electromagnetic signal into an electrical signal.

The display screen 1105 is used to display a UI (useinterface). The UI may include graphics, text, icons, video, and any combination thereof. When the display 1105 is a touch display, the display 1105 also has the ability to collect touch signals at or above the surface of the display 1105. The touch signal may be input to the processor 1101 as a control signal for processing. At this time, the display screen 1105 may also be used to provide virtual buttons and/or virtual keyboards, also referred to as soft buttons and/or soft keyboards.

The camera assembly 1106 is used to capture images or video. Optionally, the camera assembly 1106 includes a front camera and a rear camera.

The audio circuit 1107 may include a microphone and a speaker. The microphone is used for collecting sound waves of users and environments, converting the sound waves into electric signals, and inputting the electric signals to the processor 1101 for processing, or inputting the electric signals to the radio frequency circuit 1104 for voice communication. The speaker may be a conventional thin film speaker or a piezoelectric ceramic speaker. In some embodiments, the audio circuit 1107 may also include a headphone jack.

The location component 1108 is used to locate the current geographic location of the computer device 1100 to enable navigation or LBS (Location Based Service, location-based services). The positioning component 1108 may be a positioning component based on the United states GPS (Global Positioning System ), the Beidou system of China, or the Galileo system of Europe.

The power supply 1109 is used to power the various components in the computer device 1100. The power source 1109 may be an alternating current, a direct current, a disposable battery, or a rechargeable battery.

In some embodiments, the computer device 1100 also includes one or more sensors 1110. The one or more sensors 1110 include, but are not limited to: acceleration sensor 1111, gyroscope sensor 1112, pressure sensor 1113, fingerprint sensor 1114, optical sensor 1115, and proximity sensor 1116.

Those skilled in the art will appreciate that the architecture shown in fig. 11 is not limiting as to the computer device 1100, and may include more or fewer components than shown, or may combine certain components, or employ a different arrangement of components.

Those of ordinary skill in the art will appreciate that all or part of the steps in the various methods of the above embodiments may be implemented by a program for instructing related hardware, and the program may be stored in a computer readable storage medium, which may be a computer readable storage medium included in the memory of the above embodiments; or may be a computer-readable storage medium, alone, that is not incorporated into the terminal. The computer readable storage medium has stored therein at least one computer program that is loaded and executed by a processor to implement the methods according to the various embodiments of the present application as described above.

Alternatively, the computer-readable storage medium may include: read Only Memory (ROM), random access Memory (RAM, random Access Memory), solid state disk (SSD, solid State Drives), or optical disk, etc. The random access memory may include resistive random access memory (ReRAM, resistance Random Access Memory) and dynamic random access memory (DRAM, dynamic Random Access Memory), among others. The foregoing embodiment numbers of the present application are merely for the purpose of description, and do not represent the advantages or disadvantages of the embodiments.

It will be understood by those skilled in the art that all or part of the steps for implementing the above embodiments may be implemented by hardware, or may be implemented by a program for instructing relevant hardware, where the program may be stored in a computer readable storage medium, and the storage medium may be a read-only memory, a magnetic disk or an optical disk, etc.

In an exemplary embodiment, a computer program product or a computer program is also provided, the computer program product or computer program comprising computer instructions stored in a computer readable storage medium. The processor of the computer device reads the computer instructions from the computer-readable storage medium, and the processor executes the computer instructions, so that the computer device performs the methods described in the above embodiments.

Other embodiments of the application will be apparent to those skilled in the art from consideration of the specification and practice of the disclosed embodiments. This application is intended to cover any variations, uses, or adaptations of the application following, in general, the principles of the application and including such departures from the present disclosure as come within known or customary practice within the art to which the application pertains. It is intended that the specification and examples be considered as exemplary only, with a true scope of the application being indicated by the following claims.

It is to be understood that the application is not limited to the precise arrangements/instrumentalities shown in the drawings, and modifications and variations may be effected without departing from the scope thereof. The scope of the application is limited by the appended claims.

Claims

1. A method for displaying page content based on a navigation bar, the method comprising:

displaying an application interface, wherein the application interface comprises a first navigation bar, the first navigation bar comprises first navigation options, the first navigation options are any one option except for edge options among options contained in the first navigation bar, and the edge options are displayed on the side edge of a screen;

in response to receiving at least one first sub-operation on the first navigation option, setting a third navigation option to be in a pre-selected middle state, and keeping displaying page content corresponding to the second navigation option, wherein the first sub-operation is used for pre-selecting the navigation option to be switched to, and the navigation option is switched in a circulating manner, and the third navigation option is another navigation option except the second navigation option in the second navigation column;

and responding to the third navigation option in a pre-selected middle state, and receiving a second sub-operation on the first navigation option, switching the page content corresponding to the second navigation option into the page content corresponding to the third navigation option, wherein the second sub-operation is used for triggering and displaying the page content corresponding to the navigation option currently in the pre-selected middle state.

2. The method according to claim 1, wherein the method further comprises:

in response to receiving a second trigger operation on the first navigation option, determining the third navigation option based on an operation type of the second trigger operation;

And switching the page content corresponding to the second navigation option to the page content corresponding to the third navigation option.

3. The method of claim 2, wherein the determining the third navigation option based on the operation type of the second trigger operation comprises:

4. The method of claim 2, wherein the determining the third navigation option based on the operation type of the second trigger operation comprises:

and responding to the operation type of the second triggering operation as a sliding operation, and determining the last option or the next option of a second navigation option in the second navigation bar as the third navigation option based on the sliding direction of the sliding operation.

5. The method of claim 2, wherein the determining the third navigation option based on the operation type of the second trigger operation comprises:

and responding to the operation type of the second triggering operation as a long-press operation, and determining the designated option in the second navigation bar as the third navigation option.

6. The method of claim 5, wherein the step of determining the position of the probe is performed,

the specified option is an option at a specified location in the second navigation bar;

or alternatively, the process may be performed,

the appointed option is an option in a page content display state in the second navigation bar when the second navigation bar is exited last time.

7. The method according to claim 1, wherein the method further comprises:

responsive to receiving the first trigger operation for the first navigation option, displaying at least one overlay control in an overlay manner on the first navigation option;

in response to receiving a second trigger operation performed on a target control of the at least one overlay control, the third navigation option is determined based on the target control.

8. The method of claim 1, wherein the step of determining the position of the substrate comprises,

the first sub-operation is a clicking operation, and the second sub-operation is an up-sliding operation;

or alternatively, the process may be performed,

the first sub-operation includes at least one of a left-slide operation and a right-slide operation, and the second sub-operation is a click operation or a slide-up operation.

9. The method according to any one of claims 1 to 8, wherein,

the page content is an option page of a corresponding navigation option;

Or alternatively, the process may be performed,

the page content is the next navigation bar of the corresponding navigation option.

10. A navigation bar based page content presentation device, the device comprising:

the interface display module is used for displaying an application interface, wherein the application interface comprises a first navigation bar, the first navigation bar comprises first navigation options, the first navigation options are any one option except edge options, and the edge options are displayed on the side edge of a screen;

the second content display module is used for setting a third navigation option to be in a pre-selected middle state and keeping displaying page content corresponding to the second navigation option in response to receiving at least one first sub-operation on the first navigation option, wherein the first sub-operation is used for pre-selecting the navigation option to be switched to, and the navigation option is switched in a circulating mode, and the third navigation option is another navigation option except the second navigation option in the second navigation column;

11. A computer device comprising a processor and a memory, wherein the memory has stored therein at least one computer program that is loaded and executed by the processor to implement the navigation bar based page content presentation method of any of claims 1 to 9.

12. A computer readable storage medium having stored therein at least one computer program loaded and executed by a processor to implement the navigation bar based page content presentation method of any of claims 1 to 9.