Page display method, device, electronic device and storage medium

Abstract

The present disclosure provides a page display method, device, electronic device and storage medium, which belongs to the field of Internet technology. The page display solution provided by the present disclosure achieves the effect that no conflict will occur regardless of whether the gesture operation in the activity gameplay is consistent with the gesture operation of the switching option, without modifying the native gesture operation in the application (such as the gesture operation for the switching option of the navigation bar), ensuring that the device can accurately respond according to the user's gesture behavior intention, and the human-computer interaction effect is good.

Description

Technical Field

[0001] The present disclosure relates to the field of Internet technology, and in particular to a page display method, device, electronic device and storage medium. Background Art

[0002] With the rapid development of Internet technology, the functions of applications are changing with each passing day. For example, various application platforms will launch various activities during major holidays.

[0003] In the related art, the entrance to the activity gameplay is usually located as an option in the navigation bar of the application interface, such as the top navigation bar. For example, the top navigation bar is located at the top of the application interface, generally includes multiple options, and supports users to switch options by sliding left and right.

[0004] However, since gesture operations may be involved in the activity gameplay, there is a situation where the gesture operation in the activity gameplay is consistent with the gesture operation of switching options, that is, the gesture operations conflict with each other, resulting in the device being unable to respond accurately. Summary of the invention

[0005] The present disclosure provides a page display method, device, electronic device and storage medium. The technical solution of the present disclosure is as follows:

[0006] According to a first aspect of an embodiment of the present disclosure, there is provided a page display method, including:

[0007] Displaying an application interface; wherein the application interface includes a navigation bar and a display area; an activity page option is displayed on the navigation bar, and an activity page corresponding to the activity page option is displayed on the display area;

[0008] In response to acquiring a first gesture operation within the effective touch range of the display area, and the first gesture operation is related to the active page, continue to acquire gesture operations, and update the page content presented by the active page based on a newly acquired second gesture operation;

[0009] The effective touch range refers to the area other than the location of the function entrance in the active page.

[0010] In some embodiments, the first gesture operation is related to the active page and includes:

[0011] The first gesture operation is a non-directional gesture action, and the contact time between the finger and the display screen reaches a preset time.

[0012] In some embodiments, the method further comprises:

[0013] In response to acquiring the first gesture operation within the effective touch range, and the first gesture operation is related to the active page, reducing the transparency of the function entrance in the active page;

[0014] Among them, the farther the function entrance is from the location of the first gesture operation, the lower the transparency.

[0015] In some embodiments, the method further comprises:

[0016] In response to acquiring the first gesture operation within the effective touch range, and the first gesture operation is related to the active page, controlling the device to vibrate; or,

[0017] In response to acquiring the first gesture operation within the effective touch range, and the first gesture operation is related to the active page, playing a preset sound effect.

[0018] In some embodiments, the activity page is in the form of a map;

[0019] In response to acquiring a first gesture operation within the effective touch range of the display area, and the first gesture operation is related to the active page, continuing to acquire gesture operations, and updating the page content presented by the active page based on the newly acquired second gesture operation, including:

[0020] In response to acquiring the first gesture operation within the effective touch range, and the first gesture operation is related to the active page, entering a map browsing mode;

[0021] In the map browsing mode, gesture operations continue to be acquired, and based on the newly acquired second gesture operations, the map content presented on the active page is updated.

[0022] In some embodiments, when the map content is already located at the edge of the map, the method further includes:

[0023] In response to acquiring a third gesture operation within the effective touch range, and the third gesture operation satisfies a first condition, displaying a first inactive page on the display area;

[0024] The first inactive page corresponds to the first option in the navigation bar, and the first option is adjacent to the active page option in position; the first condition includes:

[0025] The third gesture operation is a sliding operation along the first direction, and the finger leaves the display screen after sliding a distance greater than a preset distance.

[0026] In some embodiments, the method further comprises:

[0027] During page switching, display transition effects;

[0028] The transition animation is used to present an animation effect in which the active page gradually disappears and the first inactive page gradually appears following the third gesture operation.

[0029] In some embodiments, when the map content is already at the edge of the map, the method further includes:

[0030] In response to acquiring a fourth gesture operation within the effective touch range, and the fourth gesture operation satisfies a second condition, displaying a first inactive page on the display area;

[0031] The first inactive page corresponds to the first option in the navigation bar, and the first option is adjacent to the active page option in position; the second condition includes:

[0032] The fourth gesture operation is a sliding operation along the second direction within the specific edge area, and the finger slides out of the specific edge area and leaves the display screen.

[0033] In some embodiments, the number of the specific edge regions is two, and the specific edge regions are located at two opposite edges of the display area.

[0034] In some embodiments, the method further comprises:

[0035] In response to acquiring a fifth gesture operation, and the fifth gesture operation is related to the navigation bar, displaying a second inactive page on the display area based on the fifth gesture operation;

[0036] The second inactive page corresponds to a second option in the navigation bar, and the second option is an option selected by the fifth gesture operation; the fifth gesture operation is related to the navigation bar and includes:

[0037] The fifth gesture operation is a directional gesture action and meets the option switching condition of the navigation bar.

[0038] According to a second aspect of an embodiment of the present disclosure, there is provided a page display device, including:

[0039] A first display module is configured to display an application program interface; wherein the application program interface includes a navigation bar and a display area; an activity page option is displayed on the navigation bar, and an activity page corresponding to the activity page option is displayed on the display area;

[0040] A second display module is configured to, in response to acquiring a first gesture operation within the effective touch range of the display area, and the first gesture operation is related to the active page, continue to acquire gesture operations, and update the page content presented by the active page based on the newly acquired second gesture operation;

[0041] The effective touch range refers to the area other than the location of the function entrance in the active page.

[0042] In some embodiments, the first gesture operation is related to the active page and includes:

[0043] The first gesture operation is a non-directional gesture action, and the contact time between the finger and the display screen reaches a preset time.

[0044] In some embodiments, the second display module is further configured as:

[0045] In response to acquiring the first gesture operation within the effective touch range, and the first gesture operation is related to the active page, reducing the transparency of the function entrance in the active page;

[0046] Among them, the farther the function entrance is from the location of the first gesture operation, the lower the transparency.

[0047] In some embodiments, the apparatus further comprises:

[0048] The control module is configured to control the device to vibrate in response to obtaining the first gesture operation within the effective touch range and the first gesture operation is related to the active page; or, in response to obtaining the first gesture operation within the effective touch range and the first gesture operation is related to the active page, play a preset sound effect.

[0049] In some embodiments, the activity page is in the form of a map; and the second display module is configured to:

[0050] In response to acquiring the first gesture operation within the effective touch range, and the first gesture operation is related to the active page, entering a map browsing mode;

[0051] In the map browsing mode, gesture operations continue to be acquired, and based on the newly acquired second gesture operations, the map content presented on the active page is updated.

[0052] In some embodiments, the second display module is further configured as:

[0053] In a case where the map content is already located at the edge of the map, in response to acquiring a third gesture operation within the effective touch range, and the third gesture operation satisfies a first condition, displaying a first inactive page on the display area;

[0054] The first inactive page corresponds to the first option in the navigation bar, and the first option is adjacent to the active page option in position; the first condition includes:

[0055] The third gesture operation is a sliding operation along the first direction, and the finger leaves the display screen after sliding a distance greater than a preset distance.

[0056] In some embodiments, the second display module is further configured as:

[0057] During page switching, display transition effects;

[0058] The transition animation is used to present an animation effect in which the active page gradually disappears and the first inactive page gradually appears following the third gesture operation.

[0059] In some embodiments, the second display module is further configured as:

[0060] In a case where the map content is already located at the edge of the map, in response to acquiring a fourth gesture operation within the effective touch range, and the fourth gesture operation satisfies a second condition, displaying a first inactive page on the display area;

[0061] The first inactive page corresponds to the first option in the navigation bar, and the first option is adjacent to the active page option in position; the second condition includes:

[0062] The fourth gesture operation is a sliding operation along the second direction within the specific edge area, and the finger slides out of the specific edge area and leaves the display screen.

[0063] In some embodiments, the number of the specific edge regions is two, and the specific edge regions are located at two opposite edges of the display area.

[0064] In some embodiments, the apparatus further comprises:

[0065] a third display module, configured to, in response to acquiring a fifth gesture operation, wherein the fifth gesture operation is related to the navigation bar, display a second inactive page on the display area based on the fifth gesture operation;

[0066] The second inactive page corresponds to a second option in the navigation bar, and the second option is an option selected by the fifth gesture operation; the fifth gesture operation is related to the navigation bar and includes:

[0067] The fifth gesture operation is a directional gesture action and meets the option switching condition of the navigation bar.

[0068] According to a third aspect of an embodiment of the present disclosure, an electronic device is provided, the electronic device comprising:

[0069] one or more processors;

[0070] A memory for storing program codes executable by the processor;

[0071] The processor is configured to execute the program code to implement the page display method described in the first aspect or any possible implementation of the first aspect.

[0072] According to a fourth aspect of an embodiment of the present disclosure, a computer-readable storage medium is provided. When a program code in the computer-readable storage medium is executed by a processor of an electronic device, the electronic device is enabled to execute the page display method described in the first aspect or any possible implementation of the first aspect.

[0073] According to a fifth aspect of an embodiment of the present disclosure, a computer program product is provided, including a computer program, which, when executed by a processor, implements the page display method described in the first aspect or any possible implementation manner of the first aspect.

[0074] The page display solution provided by the disclosed embodiment achieves the effect that no conflict will occur regardless of whether the gesture operation in the activity gameplay is consistent with the gesture operation for switching options, without modifying the native gesture operation in the application (such as the gesture operation for switching options in the navigation bar). This ensures that the device can accurately respond according to the user's gesture behavior intention and has a good human-computer interaction effect.

[0075] It is to be understood that the foregoing general description and the following detailed description are exemplary and explanatory only and are not restrictive of the present disclosure. BRIEF DESCRIPTION OF THE DRAWINGS

[0076] The drawings herein are incorporated into and constitute a part of the specification, illustrate embodiments consistent with the present disclosure, and together with the description are used to explain the principles of the present disclosure, and do not constitute improper limitations on the present disclosure.

[0077] Figure 1 The figure is a schematic diagram of an implementation environment of a page display method according to an exemplary embodiment.

[0078] Figure 2 The figure is a flow chart of a page display method according to an exemplary embodiment.

[0079] Figure 3 It is a schematic diagram showing a page display according to an exemplary embodiment.

[0080] Figure 4 It is a schematic diagram showing another page display according to an exemplary embodiment.

[0081] Figure 5 The figure is an overall execution flow chart of a page display method according to an exemplary embodiment.

[0082] Figure 6 The figure is a flow chart of another page display method according to an exemplary embodiment.

[0083] Figure 7 It is a schematic diagram showing another page display according to an exemplary embodiment.

[0084] Figure 8 It is a schematic diagram showing another page display according to an exemplary embodiment.

[0085] Fig. 9 It is a schematic diagram showing another page display according to an exemplary embodiment.

[0086] Fig.10 It is a schematic diagram showing another page display according to an exemplary embodiment.

[0087] Fig.11 It is a schematic diagram showing another page display according to an exemplary embodiment.

[0088] Fig.12 The invention is a block diagram of a page display device according to an exemplary embodiment.

[0089] Fig.13 It is a block diagram of a terminal according to an exemplary embodiment. DETAILED DESCRIPTION

[0090] In order to enable ordinary persons in the art to better understand the technical solutions of the present disclosure, the technical solutions in the embodiments of the present disclosure will be clearly and completely described below in conjunction with the accompanying drawings.

[0091] It should be noted that the terms "first", "second", etc. in the specification and claims of the present disclosure and the above-mentioned drawings are used to distinguish similar objects, and are not necessarily used to describe a specific order or sequence. It should be understood that the data used in this way can be interchanged where appropriate, so that the embodiments of the present disclosure described herein can be implemented in an order other than those illustrated or described herein. The embodiments described in the following exemplary embodiments do not represent all embodiments consistent with the present disclosure. Instead, they are merely examples of devices and methods consistent with some aspects of the present disclosure as detailed in the appended claims.

[0092] The information (including but not limited to user device information, user personal information, etc.), data (including but not limited to data used for analysis, stored data, displayed data, etc.) and signals involved in this disclosure are all authorized by the user or fully authorized by all parties, and the collection, use and processing of relevant data must comply with relevant laws, regulations and standards of relevant countries and regions.

[0093] Figure 1 The figure is a schematic diagram of an implementation environment of a page display method according to an exemplary embodiment.

[0094] See also Figure 1 The implementation environment includes: a terminal 101 and a server 102. The terminal 101 is an electronic device used by a user. In the embodiment of the present disclosure, a target application is installed on the terminal 101, and the terminal 101 implements the page display method provided by the embodiment of the present disclosure based on the target application.

[0095] In some embodiments, the terminal 101 is a device such as a smart phone, a desktop computer, or a laptop computer. Figure 1 The terminal 101 is merely taken as an example of a smart phone.

[0096] In addition, those skilled in the art will appreciate that the number of the above terminals may be more or less. For example, the above terminals may be only a few, or the above devices may be dozens or hundreds, or more. The embodiments of the present disclosure do not limit the number and type of terminals.

[0097] In some other embodiments, the server 102 provides background services for the target application. In addition, the server 102 is connected to the terminal 101 via a wireless network or a wired network.

[0098] In addition, the server involved in the embodiment of the present disclosure may also include other functional servers to provide more comprehensive and diversified services.

[0099] The page display solution provided by the embodiment of the present disclosure is described in detail through the following embodiments.

[0100] Figure 2 is a flow chart of a page display method according to an exemplary embodiment. Figure 2 As shown, the page display method is applied to electronic devices, such as Figure 1 In the terminal 101 shown. The page display method includes the following steps:

[0101] In 201, the electronic device displays an application program interface; wherein the application program interface includes a navigation bar and a display area; an activity page option is displayed on the navigation bar, and an activity page corresponding to the activity page option is displayed on the display area.

[0102] Wherein, the application program interface is the interface of the target application program. In some embodiments, the target application program is an instant messaging application, such as a short video application, which is not limited in the present disclosure.

[0103] like Figure 3 As shown, the application interface includes a navigation bar and a display area. For example, the navigation bar at the top of the application interface is called the top navigation bar, and the navigation bar at the bottom of the application interface is called the bottom navigation bar. Both the top navigation bar and the bottom navigation bar include multiple options for the user to switch the page content displayed on the display area by switching the options.

[0104] For example, taking the top navigation bar as an example, the user can switch options by sliding left and right, thereby switching the page content displayed on the display area. Taking the bottom navigation bar as an example, the user can switch options by clicking, thereby switching the page content displayed on the display area.

[0105] In other embodiments, the navigation bar mentioned in the embodiments of the present disclosure refers to the top navigation bar.

[0106] Continue as Figure 3 As shown, there is a configurable resource position on the far left of the top navigation bar. During major holidays, the application platform can configure the activity page option "Activity" in the above resource position as the activity entrance to facilitate users to enter the corresponding activity gameplay. In other words, when the "Activity" option in the top navigation bar is selected, the activity page corresponding to the "Activity" option is displayed in the display area.

[0107] Exemplarily, the above-mentioned activity gameplay is related to major holidays, such as red envelope gameplay, and the present disclosure does not limit this.

[0108] In 202, in response to acquiring a first gesture operation within the effective touch range of the display area, and the first gesture operation is related to the active page, the electronic device continues to acquire gesture operations, and based on the newly acquired second gesture operation, updates the page content presented by the active page; the effective touch range refers to the area excluding the location of the function entrance in the active page.

[0109] In the embodiments of the present disclosure, Figure 4 As shown, the display area is divided into an effective touch range and an ineffective touch range. The ineffective touch range refers to the location of the function entrance in the active page. The effective touch range refers to the area on the display area except the ineffective touch range.

[0110] The first point that needs to be explained is that depending on the way the activity is played, the location of the function entrance on the activity page will also be different. Figure 4 The blank area in the figure only shows a possible location of the function entrance in the activity page, and the present disclosure does not limit this.

[0111] In some embodiments, Figure 5 As shown, the first gesture operation is related to the active page, including: the first gesture operation is a non-directional gesture action, and the contact time between the finger and the display screen reaches a preset time.

[0112] This step is used to determine whether the user has performed a long press operation within the effective touch range of the display area. The preset time length may be x milliseconds, where x is a positive integer, such as 2 milliseconds or 3 milliseconds, and the present disclosure does not limit this.

[0113] The second point to be explained is that if it is determined that the user has performed a long press operation within the effective touch range of the display area, the active response mode is entered. In the active response mode, the top navigation bar option switching function is disabled, and gesture operations from the user continue to be obtained. At this time, the user's full-scale continuous drag operation is supported. As long as the user's finger does not leave the display screen, the embodiment of the present disclosure will update the page content presented by the active page based on the newly obtained second gesture operation.

[0114] The page display solution provided by the disclosed embodiment achieves the effect that no conflict will occur regardless of whether the gesture operation in the activity gameplay is consistent with the gesture operation for switching options, without modifying the native gesture operation in the application (such as the gesture operation for switching options in the navigation bar). This ensures that the device can accurately respond according to the user's gesture behavior intention and has a good human-computer interaction effect.

[0115] Above Figure 2 The following is only a basic process of the present disclosure. The solution provided by the present disclosure is further described based on a specific implementation method. Figure 6 is a flow chart of another page display method according to an exemplary embodiment. Figure 6 As shown, the page display method is applied to electronic devices, such as Figure 1 In the terminal 101 shown. The page display method includes the following steps:

[0116] In 601, the electronic device displays an application program interface; wherein the application program interface includes a navigation bar and a display area; an activity page option is displayed on the navigation bar, and an activity page corresponding to the activity page option is displayed on the display area.

[0117] This step may refer to the above step 201 and will not be described in detail here.

[0118] like Figure 7 As shown, taking the map browsing function added to the activity gameplay as an example, the above activity response mode is the map browsing mode. Among them, since the activity gameplay involves a map, it is inevitable to browse the map in all directions through gesture operations. Therefore, on the basis of not changing the native gesture operation in the application, it is necessary to consider qualitatively determining the user's gesture behavior intention by adding judgment conditions, as detailed in the following step 602.

[0119] In 602, in response to acquiring a first gesture operation within the effective touch range of the display area, and the first gesture operation is a non-directional gesture action, and the contact time between the finger and the display screen reaches a preset time, the electronic device enters a map browsing mode.

[0120] It should be noted that in the map browsing mode, the embodiment of the present disclosure disables the top navigation bar option switching function. While entering the map browsing mode, in order to effectively remind the user, the embodiment of the present disclosure also includes the following prompting methods.

[0121] 1. In response to obtaining a first gesture operation within the effective touch range, and the first gesture operation is a non-directional gesture action, and the contact time between the finger and the display screen reaches a preset time, the transparency of the function entrance in the active page is reduced.

[0122] like Figure 8 As shown, this prompting method is to reduce the transparency of the function entrance in the active page. For example, the farther the function entrance is from the location of the first gesture operation, the lower the transparency is, and the present disclosure does not limit this.

[0123] 2. In response to obtaining a first gesture operation within the effective touch range, and the first gesture operation is a non-directional gesture action, and the contact time between the finger and the display screen reaches a preset time, control the device to vibrate.

[0124] Among them, this prompting method is to remind the user through tactile feedback.

[0125] Exemplarily, controlling the vibration of the device includes, but is not limited to, taking the following approach: obtaining the device type, and determining a vibration mode according to the device type; and then controlling the vibration of the device according to the determined vibration mode.

[0126] In some embodiments, the device types are divided according to the operating system types, or the device types are divided according to the device sizes, which is not limited in the present disclosure. In addition, different vibration modes correspond to different vibration intensities.

[0127] In other embodiments, taking the classification of device types according to device size as an example, the vibration mode is determined according to the device type, which may be: the larger the device size, the greater the vibration intensity corresponding to the vibration mode determined, and the present disclosure does not limit this.

[0128] In other embodiments, taking the classification of device types according to operating system types as an example, the vibration mode is determined according to the device type, which may be: pre-setting the vibration mode corresponding to each device type, which is not limited in the present disclosure.

[0129] 3. In response to obtaining a first gesture operation within the effective touch range, and the first gesture operation is a non-directional gesture action, and the contact time between the finger and the display screen reaches a preset time, a preset sound effect is played.

[0130] It should be noted that the above-mentioned preset sound effects can be sound effects set by the user himself, or can be sound effects selected by the user from locally stored sound effects, and the present disclosure does not limit this.

[0131] In 603, in the map browsing mode, the electronic device continues to obtain gesture operations, and based on the obtained second gesture operations, updates the page content presented by the active page.

[0132] like Figure 5 As shown, in the map browsing mode, before the finger leaves the display screen, the user can continue to browse the map in all directions, that is, this step is used to present the map content on the display area following the user's sliding gesture.

[0133] In some embodiments, when the map content is already at the edge of the map, that is, in response to the map being displayed to the edge, such as Fig. 9 As shown, the embodiment of the present disclosure triggers the option switching in the top navigation bar. Exemplarily, the triggering option switching in this case includes but is not limited to the following two methods.

[0134] 6031. In response to acquiring a third gesture operation within the effective touch range, and the third gesture operation satisfies a first condition, displaying a first inactive page in the display area.

[0135] It should be noted that the first inactive page corresponds to the first option in the navigation bar, and the first option is adjacent to the active page option in position. Fig. 9 , taking the active page option as the "red envelope" option in the top navigation bar as an example, the first option may be the "follow" option in the top navigation bar. Accordingly, the first inactive page is the follow page.

[0136] In some other embodiments, the above-mentioned first condition includes, but is not limited to: the third gesture operation is a sliding operation along the first direction, and the finger leaves the display screen after sliding a distance greater than a preset distance.

[0137] For example, Fig. 9 As shown, the third gesture operation can be a sliding operation along the horizontal direction, and the sliding direction is from the right edge of the display area to the left edge. In addition, the numerical setting of the above-mentioned preset distance can refer to the finger sliding distance when switching options in the top navigation bar, and the present disclosure does not limit this.

[0138] In other embodiments, during the page switching process, such as Fig.10 As shown, the embodiment of the present disclosure also displays a transition effect, wherein the transition effect is used to present an animation effect in which the active page gradually disappears and the first inactive page gradually appears following the third gesture operation.

[0139] 6032. In response to acquiring a fourth gesture operation within the effective touch range and the fourth gesture operation satisfies a second condition, displaying a first inactive page on the display area.

[0140] In some other embodiments, the second condition mentioned above includes, but is not limited to: the fourth gesture operation is a sliding operation along the second direction within a specific edge area, and the finger leaves the display screen after sliding out of the specific edge area.

[0141] For example, Fig.11 As shown, the fourth gesture operation may be a sliding operation along the horizontal direction, and the sliding direction is from the right edge to the left edge of the display area.

[0142] There are two specific edge regions, and the specific edge regions are located at two opposite edges of the display region. Fig.11 As shown, the specific edge area is located at the left edge and the right edge of the display area. The width of the specific edge area can be set as needed, and the present disclosure does not limit this.

[0143] In other embodiments, during the page switching process, a Fig.10 The transition effect shown.

[0144] In 604 , in the map browsing mode, in response to the finger leaving the display screen, the electronic device exits the map browsing mode.

[0145] like Figure 5 As shown, in the map browsing mode, if the user releases the finger, that is, the finger leaves the display screen, the map browsing mode is exited.

[0146] After exiting the map browsing mode, in response to obtaining a fifth gesture operation, and the fifth gesture operation is related to the navigation bar, a second inactive page is displayed on the display area based on the fifth gesture operation.

[0147] It should be noted that the second inactive page corresponds to the second option in the navigation bar, wherein the second option is the option selected by the user by performing the fifth gesture operation.

[0148] In some embodiments, Figure 5 As shown, the fifth gesture operation is related to the navigation bar, including: the fifth gesture operation is a directional gesture action and meets the option switching condition of the navigation bar.

[0149] The condition for switching the options of the navigation bar may be that the finger leaves the display screen after sliding a specific distance, and the specific distance is sufficient to switch the selected option.

[0150] The page display solution provided by the disclosed embodiment achieves the effect that no conflict will occur regardless of whether the gesture operation in the activity gameplay is consistent with the gesture operation for switching options, without modifying the native gesture operation in the application (such as the gesture operation for switching options in the navigation bar). This ensures that the device can accurately respond according to the user's gesture behavior intention and has a good human-computer interaction effect.

[0151] Take the example of adding map browsing function to the activity gameplay. Figure 5 The overall execution process of the page display method provided by the embodiment of the present disclosure is introduced.

[0152] 1. Determine whether a directional gesture is detected; if yes, proceed to step 2; if no, proceed to step 4.

[0153] 2. Determine whether the option switching conditions of the top navigation bar are met; if yes, execute step 3; if no, do not respond to the gesture.

[0154] 3. Trigger the top navigation bar option switch, and the page content corresponding to the selected option is displayed in the display area.

[0155] 4. Determine whether the directional gesture action is within the effective trigger range of the display area; if so, execute step 5.

[0156] 5. Determine whether the finger contacts the display screen for x milliseconds in the directional gesture action; if yes, execute step 6; if no, do not respond to the gesture.

[0157] 6. Enter map browsing mode and disable the top navigation bar option switching function. In addition, without releasing your hand, users can continue to drag the map in all directions to browse.

[0158] 7. In response to detecting that the user releases the finger, exit the map browsing mode.

[0159] Fig.12 is a block diagram of a page display device according to an exemplary embodiment. Fig.12 , the device comprises:

[0160] The first display module 1201 is configured to display an application interface; wherein the application interface includes a navigation bar and a display area; an activity page option is displayed on the navigation bar, and an activity page is displayed on the display area, and the activity page corresponds to the activity page option;

[0161] The second display module 1202 is configured to, in response to acquiring a first gesture operation within the effective touch range of the display area, and the first gesture operation is related to the active page, continue to acquire gesture operations, and update the page content presented by the active page based on the newly acquired second gesture operation;

[0162] The effective touch range refers to the area other than the location of the function entrance in the active page.

[0163] The page display solution provided by the disclosed embodiment achieves the effect that no conflict will occur regardless of whether the gesture operation in the activity gameplay is consistent with the gesture operation for switching options, without modifying the native gesture operation in the application (such as the gesture operation for switching options in the navigation bar). This ensures that the device can accurately respond according to the user's gesture behavior intention and has a good human-computer interaction effect.

[0164] In some embodiments, the first gesture operation is related to the active page and includes:

[0165] The first gesture operation is a non-directional gesture action, and the contact time between the finger and the display screen reaches a preset time.

[0166] In some embodiments, the second display module is further configured as:

[0167] In response to acquiring the first gesture operation within the effective touch range, and the first gesture operation is related to the active page, reducing the transparency of the function entrance in the active page;

[0168] Among them, the farther the function entrance is from the location of the first gesture operation, the lower the transparency.

[0169] In some embodiments, the apparatus further comprises:

[0170] The control module is configured to control the device to vibrate in response to obtaining the first gesture operation within the effective touch range and the first gesture operation is related to the active page; or, in response to obtaining the first gesture operation within the effective touch range and the first gesture operation is related to the active page, play a preset sound effect.

[0171] In some embodiments, the activity page is in the form of a map; and the second display module is configured to:

[0172] In response to acquiring the first gesture operation within the effective touch range, and the first gesture operation is related to the active page, entering a map browsing mode;

[0173] In the map browsing mode, gesture operations continue to be acquired, and based on the newly acquired second gesture operations, the map content presented on the active page is updated.

[0174] In some embodiments, the second display module is further configured as:

[0175] In a case where the map content is already located at the edge of the map, in response to acquiring a third gesture operation within the effective touch range, and the third gesture operation satisfies a first condition, displaying a first inactive page on the display area;

[0176] The first inactive page corresponds to the first option in the navigation bar, and the first option is adjacent to the active page option in position; the first condition includes:

[0177] The third gesture operation is a sliding operation along the first direction, and the finger leaves the display screen after sliding a distance greater than a preset distance.

[0178] In some embodiments, the second display module is further configured as:

[0179] During page switching, display transition effects;

[0180] The transition animation is used to present an animation effect in which the active page gradually disappears and the first inactive page gradually appears following the third gesture operation.

[0181] In some embodiments, the second display module is further configured as:

[0182] In a case where the map content is already located at the edge of the map, in response to acquiring a fourth gesture operation within the effective touch range, and the fourth gesture operation satisfies a second condition, displaying a first inactive page on the display area;

[0183] The first inactive page corresponds to the first option in the navigation bar, and the first option is adjacent to the active page option in position; the second condition includes:

[0184] The fourth gesture operation is a sliding operation along the second direction within the specific edge area, and the finger slides out of the specific edge area and leaves the display screen.

[0185] In some embodiments, the number of the specific edge regions is two, and the specific edge regions are located at two opposite edges of the display area.

[0186] In some embodiments, the apparatus further comprises:

[0187] a third display module, configured to, in response to acquiring a fifth gesture operation, wherein the fifth gesture operation is related to the navigation bar, display a second inactive page on the display area based on the fifth gesture operation;

[0188] The second inactive page corresponds to a second option in the navigation bar, and the second option is an option selected by the fifth gesture operation; the fifth gesture operation is related to the navigation bar and includes:

[0189] The fifth gesture operation is a directional gesture action and meets the option switching condition of the navigation bar.

[0190] All the above optional technical solutions can be arbitrarily combined to form optional embodiments of the present disclosure, which will not be described in detail here.

[0191] It should be noted that the page display device provided in the above embodiment only uses the division of the above functional units as an example when performing page display. In actual applications, the above functions can be assigned to different functional units as needed, that is, the internal structure of the electronic device is divided into different functional units to complete all or part of the functions described above. In addition, the page display device provided in the above embodiment and the page display method embodiment belong to the same concept, and the specific implementation process is detailed in the method embodiment, which will not be repeated here.

[0192] Regarding the device in the above embodiment, the specific manner in which each module performs operations has been described in detail in the embodiment of the method, and will not be elaborated here.

[0193] In some embodiments, an electronic device is further provided, the electronic device comprising:

[0194] one or more processors;

[0195] a memory for storing program code executable by the processor;

[0196] Wherein, the processor is configured to execute the program code to implement the above-mentioned page display method.

[0197] In which, in response to the electronic device being provided as a terminal, Fig.13 It is a block diagram of a terminal 1300 according to an exemplary embodiment.

[0198] Typically, the computer device 1300 includes a processor 1301 and a memory 1302 .

[0199] The processor 1301 includes one or more processing cores, such as a 4-core processor, an 8-core processor, etc. The processor 1301 is implemented in at least one hardware form of DSP (Digital Signal Processing), FPGA (Field-Programmable Gate Array), and PLA (Programmable Logic Array). Alternatively, the processor 1301 includes a main processor and a coprocessor. The main processor is a processor for processing data in the awake state, also known as a CPU (Central Processing Unit); the coprocessor is a low-power processor for processing data in the standby state. In some embodiments, the processor 1301 is integrated with a GPU (Graphics Processing Unit), which is responsible for rendering and drawing the content to be displayed on the display screen. In some embodiments, the processor 1301 also includes an AI (Artificial Intelligence) processor, which is used to process computing operations related to machine learning.

[0200] The memory 1302 includes one or more computer-readable storage media, which are non-transitory. The memory 1302 also includes a high-speed random access memory and a non-volatile memory, such as one or more disk storage devices and flash memory storage devices. In some embodiments, the non-transitory computer-readable storage medium in the memory 1302 is used to store at least one program code, which is used to be executed by the processor 1301 to implement the page display method provided in the method embodiment of the present disclosure.

[0201] In some embodiments, the computer device 1300 further includes: a peripheral device interface 1303 and at least one peripheral device. The processor 1301, the memory 1302 and the peripheral device interface 1303 are connected via a bus or a signal line. Each peripheral device is connected to the peripheral device interface 1303 via a bus, a signal line or a circuit board. The peripheral device includes: at least one of a radio frequency circuit 1304, a display screen 1305, a camera assembly 1306, an audio circuit 1307 and a power supply 1308.

[0202] The peripheral device interface 1303 is used to connect at least one peripheral device related to I / O (Input / Output) to the processor 1301 and the memory 1302. In some embodiments, the processor 1301, the memory 1302, and the peripheral device interface 1303 are integrated on the same chip or circuit board; in other embodiments, any one or two of the processor 1301, the memory 1302, and the peripheral device interface 1303 are implemented on a separate chip or circuit board, which is not limited in the present disclosure.

[0203] The radio frequency circuit 1304 is used to receive and transmit RF (Radio Frequency) signals, also known as electromagnetic signals. The radio frequency circuit 1304 communicates with the communication network and other communication devices through electromagnetic signals. The radio frequency circuit 1304 converts electrical signals into electromagnetic signals for transmission, or converts received electromagnetic signals into electrical signals. In some embodiments, the radio frequency circuit 1304 includes: an antenna system, an RF transceiver, one or more amplifiers, a tuner, an oscillator, a digital signal processor, a codec chipset, a user identity module card, and the like. The radio frequency circuit 1304 communicates with other terminals through at least one wireless communication protocol. The wireless communication protocol includes, but is not limited to: the World Wide Web, a metropolitan area network, an intranet, various generations of mobile communication networks (2G, 3G, 4G and 5G), a wireless local area network and / or a WiFi (Wireless Fidelity) network. In some embodiments, the radio frequency circuit 1304 also includes circuits related to NFC (Near Field Communication), which is not limited in the present disclosure.

[0204] The display screen 1305 is used to display a UI (User Interface). The UI includes graphics, text, icons, videos, and any combination thereof. In the case where the display screen 1305 is a touch display screen, the display screen 1305 also has the ability to collect touch signals on the surface or above the surface of the display screen 1305. The touch signal is input to the processor 1301 as a control signal for processing. At this time, the display screen 1305 is also used to provide virtual buttons and / or virtual keyboards, also known as soft buttons and / or soft keyboards. In some embodiments, the display screen 1305 is one, which is arranged on the front panel of the computer device 1300; in other embodiments, the display screen 1305 is at least two, which are arranged on different surfaces of the computer device 1300 or are folded; in other embodiments, the display screen 1305 is a flexible display screen, which is arranged on a curved surface or a folded surface of the computer device 1300. Alternatively, the display screen 1305 is arranged in a non-rectangular irregular shape, that is, a special-shaped screen. The display screen 1305 is made of materials such as LCD (Liquid Crystal Display) and OLED (Organic Light-Emitting Diode).

[0205] The camera assembly 1306 is used to capture images or videos. In some embodiments, the camera assembly 1306 includes a front camera and a rear camera. Typically, the front camera is disposed on the front panel of the terminal, and the rear camera is disposed on the back of the terminal. In some embodiments, there are at least two rear cameras, which are any one of a main camera, a depth of field camera, a wide-angle camera, and a telephoto camera, so as to realize the fusion of the main camera and the depth of field camera to realize the background blur function, the fusion of the main camera and the wide-angle camera to realize the panoramic shooting and VR (Virtual Reality) shooting function or other fusion shooting functions. In other embodiments, the camera assembly 1306 also includes a flash. The flash is a single-color temperature flash or a dual-color temperature flash. A dual-color temperature flash refers to a combination of a warm light flash and a cold light flash, which is used for light compensation at different color temperatures.

[0206] The audio circuit 1307 includes a microphone and a speaker. The microphone is used to collect sound waves from the user and the environment, and convert the sound waves into electrical signals and input them into the processor 1301 for processing, or input them into the radio frequency circuit 1304 to achieve voice communication. For the purpose of stereo acquisition or noise reduction, there are multiple microphones, which are respectively arranged at different parts of the computer device 1300. Alternatively, the microphone is an array microphone or an omnidirectional acquisition microphone. The speaker is used to convert the electrical signal from the processor 1301 or the radio frequency circuit 1304 into sound waves. The speaker is a traditional film speaker or a piezoelectric ceramic speaker. When the speaker is a piezoelectric ceramic speaker, not only can the electrical signal be converted into sound waves audible to humans, but also the electrical signal can be converted into sound waves inaudible to humans for purposes such as ranging. In some embodiments, the audio circuit 1307 also includes a headphone jack.

[0207] The power supply 1308 is used to power various components in the computer device 1300. The power supply 1308 is an alternating current, a direct current, a disposable battery, or a rechargeable battery. In the case where the power supply 1308 includes a rechargeable battery, the rechargeable battery is a wired rechargeable battery or a wireless rechargeable battery. A wired rechargeable battery is a battery that is charged through a wired line, and a wireless rechargeable battery is a battery that is charged through a wireless coil. The rechargeable battery is also used to support fast charging technology.

[0208] Those skilled in the art will understand that Fig.13 The structure shown in the figure does not constitute a limitation on the computer device 1300, and the computer device 1300 may include more or less components than shown in the figure, or combine some components, or adopt a different component arrangement.

[0209] In some embodiments, a computer-readable storage medium including instructions is also provided, such as a memory including instructions, and the instructions are executed by a processor of an electronic device to implement the above-mentioned page display method. In other embodiments, the computer-readable storage medium is a ROM, a random access memory (RAM), a CD-ROM, a magnetic tape, a floppy disk, an optical data storage device, etc.

[0210] In some embodiments, a computer program product is also provided, including a computer program, which is executed by a processor of an electronic device to implement the above-mentioned page display method.

[0211] Those skilled in the art will readily appreciate other embodiments of the present disclosure after considering the specification and practicing the invention disclosed herein. The present disclosure is intended to cover any variations, uses, or adaptations of the present disclosure that follow the general principles of the present disclosure and include common knowledge or customary techniques in the art that are not disclosed in the present disclosure. The description and examples are to be considered exemplary only, and the true scope and spirit of the present disclosure are indicated by the following claims.

[0212] It should be understood that the present disclosure is not limited to the exact structures that have been described above and shown in the drawings, and that various modifications and changes may be made without departing from the scope thereof. The scope of the present disclosure is limited only by the appended claims.

Claims

1. A page display method, characterized in that: The method comprises: Displaying an application interface; wherein the application interface includes a navigation bar and a display area; an activity page option is displayed on the navigation bar, and an activity page corresponding to the activity page option is displayed on the display area, and the activity page is used to present the activity gameplay; In the case where the active page is in the form of a map, in response to obtaining a first gesture operation within the effective touch range of the display area, and the first gesture operation is related to the active page, entering the map browsing mode, disabling the option switching function of the navigation bar, and continuing to obtain gesture operations in the map browsing mode and under a preset premise, updating the map content presented by the active page based on the newly obtained second gesture operation, and reducing the transparency of the function entrance in the active page; wherein the effective touch range refers to the area except the location of the function entrance in the active page; the preset premise is that the user's finger has not left the screen; the function entrance farther away from the location of the first gesture operation has a lower transparency; When the map content is already at the edge of the map, in response to obtaining a fourth gesture operation within the effective touch range, and the fourth gesture operation is a sliding operation along a second direction within a specific edge area, and the finger slides out of the specific edge area and leaves the display screen, a first inactive page is displayed on the display area; wherein the first inactive page corresponds to the first option in the navigation bar, and the first option is adjacent to the active page option in position.

2. The page display method according to claim 1, characterized in that: The first gesture operation is related to the active page and includes: The first gesture operation is a non-directional gesture action, and the contact time between the finger and the display screen reaches a preset time.

3. The page display method according to claim 1, characterized in that: The method further comprises: In response to acquiring the first gesture operation within the effective touch range, and the first gesture operation is related to the active page, controlling the device to vibrate; or, In response to acquiring the first gesture operation within the effective touch range, and the first gesture operation is related to the active page, playing a preset sound effect.

4. The page display method according to claim 1, characterized in that: In the case where the map content is already located at the edge of the map, the method further includes: In response to acquiring a third gesture operation within the effective touch range, and the third gesture operation satisfies a first condition, displaying a first inactive page on the display area; The first inactive page corresponds to the first option in the navigation bar, and the first option is adjacent to the active page option in position; the first condition includes: The third gesture operation is a sliding operation along the first direction, and the finger leaves the display screen after sliding a distance greater than a preset distance.

5. The page display method according to claim 4, characterized in that: The method further comprises: During page switching, display transition effects; The transition animation is used to present an animation effect in which the active page gradually disappears and the first inactive page gradually appears following the third gesture operation.

6. The page display method according to claim 1, characterized in that: The number of the specific edge regions is two, and the specific edge regions are located at two opposite edges of the display region.

7. The page display method according to claim 1, characterized in that: The method further comprises: In response to acquiring a fifth gesture operation, and the fifth gesture operation is related to the navigation bar, displaying a second inactive page on the display area based on the fifth gesture operation; The second inactive page corresponds to a second option in the navigation bar, and the second option is an option selected by the fifth gesture operation; the fifth gesture operation is related to the navigation bar and includes: The fifth gesture operation is a directional gesture action and meets the option switching condition of the navigation bar.

8. A page display device, characterized in that: The device comprises: A first display module is configured to display an application program interface; wherein the application program interface includes a navigation bar and a display area; an activity page option is displayed on the navigation bar, and an activity page corresponding to the activity page option is displayed on the display area, and the activity page is used to present the activity gameplay; The second display module is configured to, in response to obtaining a first gesture operation within the effective touch range of the display area when the active page is in the form of a map, and the first gesture operation is related to the active page, enter a map browsing mode, disable the option switching function of the navigation bar, and continue to obtain gesture operations in the map browsing mode and under a preset premise, update the map content presented by the active page based on the newly obtained second gesture operation, and reduce the transparency of the function entrance in the active page; wherein the effective touch range refers to the area except the location of the function entrance in the active page; the preset premise is that the user's finger has not left the screen; the function entrance farther away from the location of the first gesture operation has a lower transparency; The second display module is also configured to, when the map content is already at the edge of the map, in response to obtaining a fourth gesture operation within the effective touch range, and the fourth gesture operation is a sliding operation along a second direction within a specific edge area, and the finger slides out of the specific edge area and leaves the display screen, display a first inactive page on the display area; wherein the first inactive page corresponds to the first option in the navigation bar, and the first option is adjacent to the active page option in position.

9. The page display device according to claim 8, characterized in that: The first gesture operation is related to the active page and includes: The first gesture operation is a non-directional gesture action, and the contact time between the finger and the display screen reaches a preset time.

10. The page display device according to claim 8, characterized in that: The device also includes: The control module is configured to control the device to vibrate in response to obtaining the first gesture operation within the effective touch range and the first gesture operation is related to the active page; or, in response to obtaining the first gesture operation within the effective touch range and the first gesture operation is related to the active page, play a preset sound effect.

11. The page display device according to claim 8, characterized in that: The second display module is further configured to display a first inactive page on the display area in response to acquiring a third gesture operation within the effective touch range and the third gesture operation satisfies a first condition when the map content is already located at the edge of the map; The first inactive page corresponds to the first option in the navigation bar, and the first option is adjacent to the active page option in position; the first condition includes: The third gesture operation is a sliding operation along the first direction, and the finger leaves the display screen after sliding a distance greater than a preset distance.

12. The page display device according to claim 11, characterized in that: The second display module is further configured to display transition effects during page switching; The transition animation is used to present an animation effect in which the active page gradually disappears and the first inactive page gradually appears following the third gesture operation.

13. The page display device according to claim 8, characterized in that: The number of the specific edge regions is two, and the specific edge regions are located at two opposite edges of the display region.

14. The page display device according to claim 8, characterized in that: The device also includes: a third display module, configured to, in response to acquiring a fifth gesture operation, wherein the fifth gesture operation is related to the navigation bar, display a second inactive page on the display area based on the fifth gesture operation; The second inactive page corresponds to a second option in the navigation bar, and the second option is an option selected by the fifth gesture operation; the fifth gesture operation is related to the navigation bar and includes: The fifth gesture operation is a directional gesture action and meets the option switching condition of the navigation bar.

15. An electronic device, characterized in that: The electronic device comprises: one or more processors; a memory for storing program code executable by the processor; The processor is configured to execute the program code to implement the page display method according to any one of claims 1 to 7.

16. A computer-readable storage medium, characterized in that: When the instructions in the computer-readable storage medium are executed by a processor of an electronic device, the electronic device is enabled to execute the page display method as claimed in any one of claims 1 to 7.

17. A computer program product comprising a computer program, characterized in that When the computer program is executed by a processor of an electronic device, the page display method according to any one of claims 1 to 7 is implemented.

Images