Method, Apparatus, Computer Device and Storage Medium for Information Display

The present application claims priority to Chinese Patent Application No. CN202211346964.2, filed on Oct. 31, 2022, and entitled “METHOD, APPARATUS, COMPUTER DEVICE, AND STORAGE MEDIUM FOR INFORMATION DISPLAY”, the entirety of which is incorporated herein by reference.

The present disclosure relates to the technical field of computers, in particular to a method, an apparatus, a computer device, and a storage medium for information display for information display.

When information is displayed to a user through a page, in order to distinguish and display different information, a top information area can be divided from the page, and promotion information such as activities and special subjects is displayed in the top information area to attract the attention of the user. Detailed information including specific content and the like is displayed below the top information area. In order to reduce the occupation of the page by the top information area when the user browses the detailed information, the top information area may be selected to be displayed or turned off, but when the top information area is currently operated, the form change of the top information area is not smooth, resulting in poor user experience.

Embodiments of the present disclosure at least provide a method, an apparatus, a computer device, and a storage medium for information display for information display.

In a first aspect, embodiments of the present disclosure provide a method for information display, comprising: determining a current display state of a top information area displayed on a target page; in response to sliding on the target page, determining a target state of the top information area based on the sliding and the current display state; and updating to display a changed effect of the top information area under the sliding, to cause the top information area to change from the current display state to the target state, and displaying a detail information area on the target page based on the changed effect; the detail information area being associated with a display location of the top information area on the target page.

In an optional implementation, the current display state comprises a contracted state or an expanded state; and determining the target state of the top information area based on the sliding and the current display state comprises: in response to the current display state being the contracted state and the sliding being indicative of expanding the top information area, or in response to the current display state being the expanded state and the sliding being indicative of contracting the top information area, determining a sliding parameter corresponding to the sliding to determine the target state of the top information area using the sliding parameter.

In an optional implementation, the sliding parameter comprises at least one of a sliding distance or a sliding speed; determining the target state of the top information area based on the sliding parameter comprises: in response to the sliding speed in the sliding parameter being greater than a predetermined threshold, determining that the target state is the contracted state or the expanded state different from the current display state; and in response to the sliding speed in the sliding parameter being less than the predetermined threshold, determining whether the sliding is indicative of crossing a predetermined decision line based on the sliding distance in the sliding parameter, and determining the target state based on a determining result; wherein a location of the predetermined decision line on the target page is determined based on a boundary location of the top information area in the contracted state or the expanded state.

In an optional implementation, determining whether the sliding is indicative of crossing the predetermined decision line based on the sliding distance in the sliding parameter comprises: determining a sliding variation distance of the boundary location of the top information area by using the sliding distance; determining whether the sliding variation distance is greater than a separation distance between the boundary location of the top information area in the current display state and a boundary location of the predetermined decision line; in response to the sliding variation distance being less than the separation distance, determining that the sliding is indicative of non-crossing the predetermined decision line, otherwise, determining that the sliding is indicative of crossing the predetermined decision line.

In an optional implementation, determining the target state based on the determining result comprises: in response to the determining result being that the sliding is indicative of non-crossing the predetermined decision line, determining that the target state is the current display state; or in response to the determining result being that the sliding is indicative of non-crossing the predetermined decision line, determining that the target state is the contracted state or the expanded state different from the current display state.

In an optional implementation, the current display state comprises an initial state; and determining the target state of the top information area based on the sliding and the current display state comprises: in response to the sliding being indicative of displaying the top information area, determining that the target state of the top information area is an expanded state; or in response to the sliding being indicative of contracting the top information area, determining that the target state of the top information area is a contracted state.

In an optional implementation, the method further includes: in response to the current display state of the top information area being a contracted state, and the sliding being indicative of displaying the detail information area, updating the displaying of the detail information area based on a sliding parameter corresponding to the sliding.

In a second aspect, embodiments of the present disclosure further provide an apparatus for information display, comprising: a first determining module configured to determine a current display state of a top information area displayed on a target page; a second determining module configured to, in response to sliding on the target page, determine a target state of the top information area based on the sliding and the current display state; and a display module configured to update to display a changed effect of the top information area under the sliding, to cause the top information area to change from the current display state to the target state, and displaying a detail information area on the target page based on the changed effect; the detail information area being associated with a display location of the top information area on the target page.

In an optional implementation, the current display state comprises a contracted state or an expanded state, and when determining the target state of the top information area based on the sliding and the current display state, the second determining module is configured to: in response to the current display state being the contracted state and the sliding being indicative of expanding the top information area, or in response to the current display state being the expanded state and the sliding being indicative of contracting the top information area, determine a sliding parameter corresponding to the sliding to determine the target state of the top information area using the sliding parameter.

In an optional implementation, the sliding parameter comprises at least one of a sliding distance or a sliding speed; when determining the target state of the top information area based on the sliding parameter, the second determining module is configured to: in response to the sliding speed in the sliding parameter being greater than a predetermined threshold, determine that the target state is the contracted state or the expanded state different from the current display state; and in response to the sliding speed in the sliding parameter being less than the predetermined threshold, determine whether the sliding is indicative of crossing a predetermined decision line based on the sliding distance in the sliding parameter, and determine the target state based on a determining result; wherein a location of the predetermined decision line on the target page is determined based on a boundary location of the top information area in the contracted state or the expanded state.

In an optional implementation, when determining whether the sliding is indicative of crossing the predetermined decision line based on the sliding distance in the sliding parameter, the second determining module is configured to: determine a sliding variation distance of the boundary location of the top information area by using the sliding distance; determine whether the sliding variation distance is greater than a separation distance between the boundary location of the top information area in the current display state and a boundary location of the predetermined decision line; and in response to the sliding variation distance being less than the separation distance, determine that the sliding is indicative of non-crossing the predetermined decision line, otherwise, determining that the sliding is indicative of crossing the predetermined decision line.

In an optional implementation, when determining the target state based on the determining result, the second determining module is configured to: in response to the determining result being that the sliding is indicative of non-crossing the predetermined decision line, determine that the target state is the current display state; or in response to the determining result being that the sliding is indicative of non-crossing the predetermined decision line, determine that the target state is the contracted state or the expanded state different from the current display state.

In an optional implementation, the current display state comprises an initial state; when determining the target state of the top information area based on the sliding and the current display state, the second determining module is configured to: in response to the sliding being indicative of displaying the top information area, determine that the target state of the top information area is an expanded state; or in response to the sliding being indicative of contracting the top information area, determine that the target state of the top information area is a contracted state.

In an optional implementation, the display module is further configured to: in response to the current display state of the top information area being a contracted state, and the sliding being indicative of displaying the detail information area, update the displaying of the detail information area based on a sliding parameter corresponding to the sliding.

In a third aspect, an optional implementation of the present disclosure further provides a computer device, comprising a processor, and a memory, where the memory stores machine-readable instructions executable by the processor, the processor is configured to execute machine-readable instructions stored in the memory, and the processor, when the machine-readable instructions are executed by the processor, performs the steps in any of the first aspect or the possible implementations of the first aspect.

In a fourth aspect, an optional implementation of the present disclosure further provides a computer-readable storage medium, where the computer-readable storage medium stores a computer program, and when the computer program is run, the steps in the first aspect or any possible implementation of the first aspect are performed.

According to the method, apparatus, computer device and the storage medium for information display provided by embodiments of the present disclosure, the target state for displaying the top information area may be determined, according to the sliding operation, on the target page displaying the top information area, and the changed effect of the top information area from the current display state to the target state is updated to display, so that the top information area may follow the user's operation, providing a smooth display with process changes in form, and also improving the user's experience of the page during operation.

In order to make the above objects, features and advantages of the present disclosure more comprehensible, the following detailed description is given below with reference to the accompanying drawings.

In order to make the objectives, technical solutions and advantages of the embodiments of the present disclosure clearer, the technical solutions in the embodiments of the present disclosure will be clearly and completely described below with reference to the accompanying drawings in the embodiments of the present disclosure. Apparently, the described embodiments are only a part of the disclosed embodiments, not all of them. Components of the disclosed embodiments generally described and illustrated herein may be arranged and designed in a variety of different configurations. Therefore, the following detailed description of embodiments of the present disclosure is not intended to limit the scope of the claimed disclosure, but merely represents selected embodiments of the present disclosure. All other embodiments obtained by those skilled in the art without creative efforts shall fall within the scope of the present disclosure.

Through research, it has been found that in a page displaying information to a user, a top information area separately displaying information may be included, and the top information area may be displayed or closed according to an operation of the user. In a specific operation, the top information area may be directly opened and displayed, or closed and hidden in response to the operation of the user. In fact, the top information area occupies a certain area of the page, and the change of the form may cause the top information area to suddenly show or disappear instantaneously in the page, and the change of the form is not smooth, resulting in poor user experience on the page during operation.

Based on the above research, the present disclosure provides a method for information display. With this method, a target state for displaying the top information area may be determined, according to a sliding operation, on a target page displaying the top information area. Further, a changed effect of the top information area from the current display state to the target state is updated to display, so that the top information area may follow the operation of the user, and thus a smooth display with process change in the form is provided, and the user experience on the page is also improved during operation.

The defects existing in the above solutions are all the results obtained by the inventor after being practiced and carefully studied. Therefore, the process of discovering the above issues and the solution proposed by the present disclosure for the above issues should be the contributions made by the inventor to the present disclosure in the process of the present disclosure.

It should be noted that similar numerals and letters refer to similar items in the following drawings, and therefore, once a certain item is defined in one drawing, it is not required to further define and explain in subsequent drawings.

To facilitate understanding of this embodiment, the method for information display disclosed in the embodiments of the present disclosure is described in detail firstly. An execution body of the method for information display provided in the embodiments of the present disclosure is generally a computer device having a certain computing capability, and the computer device includes, for example, a terminal device, a server or another processing device. The terminal device may be a user equipment (UE), a mobile device, a user terminal, a terminal, a cellular phone, a cordless phone, a personal digital assistant (PDA), a handheld device, a computing device, a vehicle-mounted device, a wearable device, and the like. In some possible implementations, the method for information display may be implemented by a processor invoking a computer readable instruction stored in a memory.

The following describes the method for information display provided in the embodiments of the present disclosure by taking the execution body as a server as an example. The method for information display provided by embodiments of the present disclosure may be applied to interface display of an application software and interface display of a webpage. Generally, the top information area may be used to display product information, activity promotion information, and the like. By utilizing a reading habit of the user from top to bottom, key information is highlighted to the user to attract attention of the user. In the displayed page, the top information area usually occupies only a part of the area above the page, and does not completely occupy the page, which may refer to the specific description hereinafter. In this embodiment of the present disclosure, the area is referred to as a detail information area.

Reference is made to, which is a flowchart of a method for information display according to embodiments of the present disclosure.

At S: a current display state of a top information area displayed on a target page is determined.

At S: in response to sliding on the target page, a target state of the top information area is determined based on the sliding and the current display state.

At S: a changed effect of the top information area under the sliding is updated to display, to cause the top information area to change from the current display state to the target state, and a detail information area on the target page is displayed based on the changed effect; the detail information area being associated with a display location of the top information area on the target page.

Sto Sare described in detail below.

For the foregoing S, the target page is first described. According to the above description, the target page may be a display page in an application, or may be a display page in a webpage. The following takes the target page as the display page in the application for description. In the target page, the target page may specifically include the top information area and the detail information area. The information specifically carried in the top information area and the detail information area may be associated, for example, in a shopping software, the top information area describes the currently ongoing discount activity, and a product under the discount activity may be displayed in the detail information area. The information specifically carried in the top information area and the detail information area may also be not associated, for example, in a search page, the top information area introduces current hot search news, and in the detail information area, the search result displayed to the user according to the search problem posed by the user is specifically described. Since information display approaches specifically described in the embodiments of the present disclosure are related to actual operation of the user, the information carried in the top information area and the detail information area is not limited herein.

In an example, reference is made to, which is a schematic diagram of a target page according to embodiments of the present disclosure. The target page in the example is a page for displaying a plurality of novels in a novel reading application, where the top information area includes promotion information for one novel, and the detail information area displayed below the top area shows a plurality of novels that can be selected under the page in a form of a list.

For the top information area shown on the target page, the current display state may be specifically determined, so as to determine a display process when the current display state changes to a target state according to the target state determined by the sliding operation of the user in the subsequent display process.

The current display state may specifically include an initial state, a contracted state, or an expanded state. Here, the initial state is the display state of the top information area when the user opens the target page, that is, the display state of the top information area when the user does not perform the sliding operation on the target page. The contracted state means that the target page is completely contracted, and the state of the top information area is not displayed in the target page. The expanded state refers to a state in which the top information area is fully expanded.

For the initial state and the expanded state described above, since the state of the top information area is displayed on the target page, a boundary location of the top information area may be determined for ease of distinguishing the two cases. Specifically, when the top information area is displayed on the target page, one side of the top information area is displayed on the ceiling, and thus the other side of the ceiling side is selected as the boundary location. For the top information area in the initial state, the area selected by the boundary location and the top frame of the target page may be specifically smaller than the area selected from the boundary location corresponding to the expanded state and the top frame of the target page.

In an example, reference is made to, which is a schematic diagram of the top information area under different display states according to embodiments of the present disclosure. In, (a) is a schematic diagram of the top information area in the initial state, (b) is a schematic diagram of the top information area in the expanded state, and (c) is a schematic diagram of the top information area in the contracted state. The boundary location of the top information area is shown in(a) and (b), since the boundary location in the initial state is closer to the top of the target page than the boundary location in the expanded state, the top information area in the initial state is smaller than the area of page occupied by the top information area in the expanded state. In(c), in the contracted state, the boundary location of the top information area is overlapped with the top of the target page, so the top information area is not displayed.

In addition, for the detail information area associated with the top information area, the top of the detail information area overlapped with or is close to the boundary of the top information area. The opposite side, that is, the bottom of the detail information area, is overlapped with or adjacent to the bottom of the target page, for example, fixed to the bottom of the graphic display interface.

In some embodiments, in different cases, it may be determined that the current display state of the top information area is the three different states. Specifically, in response to the trigger operation for opening the target page, in a time period in which the target page is initially presented to the user, and the user still does not perform the sliding trigger operation on the target page, it may be determined that the current display state of the top information area on the target page is the initial state. When the top information area is selected to be completely displayed or hidden in response to the sliding operation by the user, the current display state of the top information area may be determined to be the expanded state or the contracted state. Here, the specific approach of changing the display state of the top information area according to the sliding operation by the user may refer to the following description, and details are not described herein again.

For the foregoing S, after the target page is displayed to the user, the user may determine, according to the actual information obtaining requirement, whether to contract or expand the top information area, so that the detail information area or the top information area occupies a larger area on the target page for display, thereby obtaining information more easily.

Specifically, according to the sliding operation by the user on the target page and the current display state of the top information area determined in the above step, the operation intention of the user may be analyzed to determine the target state of the top information area under the sliding operation by the user, that is, the actual display requirement of the user on the top information area.

In a specific implementation, since the current display state of the top information area is specifically referenced when the target state is determined, the corresponding determined target state varies depending on the current display state. The following separately describes different situations of the current display state:

(a) When the current display state is an initial state, the target state of the top information area is determined.

In this case, in response to the sliding operation being indicative of displaying the top information area, it is determined that the target state of the top information area is the expanded state; or, in response to the sliding operation being indicative of contracting the top information area, it is determined that the target state of the top information area is the contracted state.

The sliding operation may specifically be a corresponding operation under the sliding behavior when the user touches the graphical user interface displaying the target page. Here, the sliding behavior may be determined as a up sliding operation or a down sliding operation, and the specific sliding operation under the sliding behavior may be determined by a sliding component.

In a possible case, for the top information area, because the top information area is displayed at the top of the target page, when the sliding operation indicates that the sliding behavior of the user is sliding downward, it may be considered that the display requirement for the top information area expressed by the sliding behavior of the user is to expand and display the top information area, or even if the top information area occupies a larger area in the target page, correspondingly, the target state of the top information area is determined to be the expanded state.

Similarly, when the sliding operation indicates that the sliding behavior of the user is sliding upward, it may be considered that the display requirement for the top information area expressed by the sliding behavior of the user is to contract the top information area, and in a possible display state of the top information area, that is, the top information area is hidden, the target state of the top information area is correspondingly determined to be the contracted state.