A method, device, computer equipment and storage medium for displaying page information

Abstract

The present disclosure provides a page information display method, apparatus, computer device and storage medium, wherein the method comprises: in response to a trigger operation on a target vertical category tag, displaying first view information in a first area of ​​an information display page through a main view control; laying out a view page turning control in the main view control through a nested layout control nested in the main view control, and nesting a sub-view control in the view page turning control; displaying multiple information flow tags through the view page turning control, and displaying various multimedia contents corresponding to the selected information flow tag in a second area of ​​the information display page through the sub-view control; wherein, in different sliding states of performing a sliding operation on the information display page, the page sliding is controlled through different view controls, and the sliding state is used to indicate whether the first view information is slid out of the current page display range; the different view controls include a main view control and a sub-view control.

Description

Technical Field

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

[0002] As an information stream that continuously updates and presents content to users, the feed stream can theoretically provide users with unlimited data content. In order to achieve richer information styles and information arrangement methods in the feed stream, it is usually possible to add multiple switch buttons (tabs) to the feed stream.

[0003] But in general, the feed stream is usually implemented directly using the RecyclerView tool, and multiple switching tabs are directly nested in the RecyclerView. This may not only cause the inability to find the switching tab in time, but also cause problems such as unsmooth tab switching and feed stream refresh jams. Summary of the invention

[0004] The embodiments of the present disclosure at least provide a method, apparatus, computer device and storage medium for displaying page information.

[0005] In a first aspect, an embodiment of the present disclosure provides a method for displaying page information, including:

[0006] In response to a trigger operation on a target vertical category tag, displaying first view information in a first area of ​​the information display page through a main view control;

[0007] By nesting a nested layout control in the main view control, a view page turning control is laid out in the main view control, and a subview control is nested in the view page turning control;

[0008] Displaying a plurality of information stream tags through the view page turning control, and displaying each multimedia content corresponding to the selected information stream tag in the second area of ​​the information display page through the sub-view control; the multimedia content constitutes the second view information;

[0009] Among them, in different sliding states of performing sliding operations on the information display page, the page sliding is controlled by different view controls, and the sliding state is used to indicate whether the first view information is slid out of the current page display range; the different view controls include the main view control and the sub-view control.

[0010] In a possible implementation, the sliding operation includes a first sliding operation; when the sliding state indicates that the first view information has not been slid out of the current page display range, after displaying each multimedia content corresponding to the selected information stream tag in the second area of ​​the information display page, the further comprising:

[0011] In response to a first sliding operation, controlling the first view information to slide in a first sliding direction according to a first sliding distance through the main view control;

[0012] In response to the nested scrolling enable command, the multimedia content displayed in the second area is controlled to slide in the first sliding direction according to the first sliding distance; wherein the information displayed in the first area and the second area changes before and after the sliding.

[0013] In a possible implementation, the sliding operation includes a second sliding operation in a first preset direction; when the sliding state indicates that the first view information is slid out of the current page display range, after displaying each multimedia content corresponding to the selected information stream tag in the second area of ​​the information display page, the further comprising:

[0014] In response to a second sliding operation, controlling the first view information to slide in the first preset direction according to a first distance currently dragged in the second sliding distance through the main view control;

[0015] In response to the first view information being slid out of the current page display range, the multimedia content displayed in the second area is slid according to the remaining sliding distance in the second sliding distance through the offset sliding method corresponding to the sub-view control; wherein, after the sliding, the first area displays the multimedia content corresponding to the information flow tag, and the multimedia content displayed in the second area changes; the remaining sliding distance is equal to the difference between the second sliding distance and the first distance.

[0016] In a possible implementation manner, after sliding the multimedia content displayed in the second area according to the remaining sliding distance in the second sliding distance, the method further includes:

[0017] In response to a third sliding operation in a second preset direction, sliding the displayed multimedia content in the second preset direction according to a second distance currently dragged in the third sliding distance through the subview control;

[0018] In response to the first view information being slid to the current page display range, in response to the communication between the nested scrolling child interface of the child view control and the nested scrolling parent interface of the main view control, the first view information is controlled to slide according to the difference between the third sliding distance and the second distance using the nested scrolling command.

[0019] In a possible implementation, controlling the first view information to slide according to a difference between the third sliding distance and the second distance includes:

[0020] Obtaining a target field for indicating a page scrolling state; the page scrolling state is a state in which, after the information display page is controlled to slide in response to a page scrolling operation, the information display page needs to continue to scroll according to the page sliding speed at the end of the page sliding;

[0021] When the target field indicates that the page scrolling state is a closed state, the first view information is controlled to slide according to the difference.

[0022] In a possible implementation manner, the sliding operation includes a page scrolling operation; when the sliding state indicates that the first view information is slid out of the current page display range, after displaying each multimedia content corresponding to the selected information stream tag in the second area of ​​the information display page, the further comprising:

[0023] In response to the page scrolling operation in a first preset direction, determining a first inherited sliding speed of the information display page when the page scrolling operation ends;

[0024] determining a total distance to be slid according to the first inherited sliding speed;

[0025] The page sliding is controlled through the main view control according to the first inherited sliding speed and the total distance to be slid.

[0026] In a possible implementation, controlling page sliding according to the first inherited sliding speed and the total distance to be slid includes:

[0027] Determining, according to the first inherited sliding speed, a target sliding distance for controlling the first view information to slide;

[0028] When the target sliding distance is less than the total distance to be slid, determining a second inherited sliding speed after sliding the target sliding distance;

[0029] In response to the first view information being slid out of the current page display range, the displayed multimedia content is slid according to the second inherited sliding speed.

[0030] In a second aspect, the present disclosure also provides a page information display device, including:

[0031] A first display module, configured to display first view information in a first area of ​​the information display page through a main view control in response to a trigger operation on a target vertical category tag;

[0032] A nesting module, used to layout a view page turning control in the main view control by nesting a nested layout control in the main view control, and to nest a sub-view control in the view page turning control;

[0033] A second display module is used to display multiple information flow tags through the view page turning control, and to display various multimedia contents corresponding to the selected information flow tags in the second area of ​​the information display page through the sub-view control; the multimedia contents constitute the second view information;

[0034] Among them, in different sliding states of performing sliding operations on the information display page, the page sliding is controlled by different view controls, and the sliding state is used to indicate whether the first view information is slid out of the current page display range; the different view controls include the main view control and the sub-view control.

[0035] In a third aspect, an optional implementation of the present disclosure further provides a computer device, a processor, and a memory, wherein the memory stores machine-readable instructions executable by the processor, and the processor is used to execute the machine-readable instructions stored in the memory, and when the machine-readable instructions are executed by the processor, the machine-readable instructions perform the steps of the above-mentioned first aspect, or any possible implementation of the first aspect.

[0036] In a fourth aspect, an optional implementation of the present disclosure further provides a computer-readable storage medium, on which a computer program is stored, and when the computer program is executed, the steps of the above-mentioned first aspect, or any possible implementation of the first aspect are executed.

[0037] For a description of the effects of the above-mentioned page information display device, computer equipment, and computer-readable storage medium, please refer to the description of the above-mentioned page information display method, which will not be repeated here.

[0038] The page information display method, device, computer equipment and storage medium provided by the embodiment of the present disclosure can not only realize the association between the main view control and the information nested in the layout control by nesting the layout control in the main view control, but also locate the information nested in the layout control with almost zero performance loss. Since the view page turning control including the information flow label (that is, the switch tab) is nested in the layout control and the sub-view control is nested in the view page turning control, the accurate association between the main view control and the switch tab in the view page turning control and the sub-view control under the switch tab is realized through the layout control, that is, when the target vertical category label is triggered, not only the sub-view control can be quickly located, but also the resource consumption can be reduced, so that more resources can be applied to the refresh of the multimedia content in the sub-view control, effectively solving the problem of the feed stream refresh jam. Since the view page turning control has a reliable view switching performance, by deploying multiple switch tabs in the view page turning control, it is possible to achieve smooth switching between multiple switch tabs, thereby improving the page turning effect. By deploying different styles of multimedia content in the sub-view controls under different switch tabs and arranging them in different arrangement methods, the diversity of information display can be effectively improved. In addition, by flexibly switching the main view control and the sub-view control to control the page sliding in different sliding states, the smoothness of page sliding can be further improved.

[0039] In order to make the above-mentioned objectives, features and advantages of the present disclosure more obvious and easy to understand, preferred embodiments are specifically cited below and described in detail with reference to the attached drawings. BRIEF DESCRIPTION OF THE DRAWINGS

[0040] In order to more clearly illustrate the technical solutions of the embodiments of the present disclosure, the following is a brief introduction to the drawings required for use in the embodiments. The drawings herein are incorporated into the specification and constitute a part of the specification. These drawings illustrate embodiments consistent with the present disclosure and are used together with the specification to illustrate the technical solutions of the present disclosure. It should be understood that the following drawings only illustrate certain embodiments of the present disclosure and should not be regarded as limiting the scope. For ordinary technicians in this field, other relevant drawings can also be obtained based on these drawings without creative work.

[0041] Figure 1 A flow chart of a page information display method provided by an embodiment of the present disclosure is shown;

[0042] Figure 2 A schematic diagram showing the nested relationship of various controls in an information display page provided by an embodiment of the present disclosure is shown;

[0043] Figure 3A schematic diagram of an information display page provided by an embodiment of the present disclosure is shown;

[0044] Figure 4 A schematic diagram showing a before-and-after comparison of page sliding provided by an embodiment of the present disclosure is shown;

[0045] Figure 5 A before-after comparison diagram of another page sliding provided by an embodiment of the present disclosure is shown;

[0046] Figure 6 A schematic diagram of a page information display device provided by an embodiment of the present disclosure is shown;

[0047] Figure 7 A schematic diagram of the structure of a computer device provided by an embodiment of the present disclosure is shown. DETAILED DESCRIPTION

[0048] In order to make the purpose, technical scheme and advantages of the embodiments of the present disclosure clearer, the technical scheme in the embodiments of the present disclosure will be clearly and completely described below in conjunction with the drawings in the embodiments of the present disclosure. Obviously, the described embodiments are only part of the embodiments of the present disclosure, rather than all of the embodiments. The components of the embodiments of the present disclosure generally described and shown herein can be arranged and designed in various different configurations. Therefore, the following detailed description of the embodiments of the present disclosure is not intended to limit the scope of the present disclosure claimed for protection, but merely represents the selected embodiments of the present disclosure. Based on the embodiments of the present disclosure, all other embodiments obtained by those skilled in the art without making creative work belong to the scope of protection of the present disclosure.

[0049] In addition, the terms "first", "second", etc. in the description and claims of the embodiments 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 terms used in this way can be interchangeable where appropriate, so that the embodiments described herein can be implemented in an order other than that illustrated or described herein.

[0050] The "multiple or several" mentioned in this article refers to two or more. "And / or" describes the association relationship of the associated objects, indicating that there can be three relationships. For example, A and / or B can mean: A exists alone, A and B exist at the same time, and B exists alone. The character " / " generally indicates that the associated objects are in an "or" relationship.

[0051] After research, it was found that, usually, to implement an infinite feed stream in the RecyclerView tool, you can usually nest a child RecyclerView in the main RecyclerView. However, to implement the interaction between the main RecyclerView and the child RecyclerView, it is usually necessary to use a recursive query method according to the preset judgment conditions (for example, the child view is a view of the RecyclerView type) to find the main RecyclerView and the child RecyclerView for interaction. However, the above method may not only fail to find the corresponding child RecyclerView, but also cause a large loss in performance, which leads to the tendency of most resources to be recursively queried, which will affect the normal switching of the switching tab and the normal refresh of the feed stream. Therefore, how to achieve a richer information style and information arrangement method in the feed stream while ensuring smooth page sliding has become an urgent problem to be solved.

[0052] Based on the above research, the present disclosure provides a page information display method, device, computer equipment and storage medium. By nesting a layout control in a main view control, not only can the main view control and the information nested in the layout control be associated, but also the information nested in the layout control can be located with almost zero performance loss. Since a view page turning control including an information flow label (i.e., an information flow tab) is nested in the layout control and a sub-view control is nested in the view page turning control, the main view control is accurately associated with the information flow tab in the view page turning control and the sub-view control under the information flow tab through the layout control, that is, when the target vertical category label is triggered, not only can the sub-view control be quickly located, but also resource consumption can be reduced, so that more resources can be applied to the refresh of the multimedia content in the sub-view control, effectively solving the problem of feed stream refresh jam. Since the view page turning control has reliable view switching performance, by deploying multiple information flow tabs in the view page turning control, smooth switching between multiple information flow tabs can be achieved, improving the page turning effect. By deploying different styles of multimedia content and arranging them in different ways under the sub-view controls of different information flow tabs, the diversity of information display can be effectively improved. In addition, by flexibly switching the main view control and the sub-view control to control page sliding in different sliding states, the smoothness of page sliding can be further improved.

[0053] The defects existing in the above solutions are the results obtained by the inventor after practice and careful research. Therefore, the discovery process of the above problems and the solutions proposed by the present disclosure for the above problems below should be the contributions made by the inventor to the present disclosure during the disclosure process.

[0054] It should be noted that similar reference numerals and letters denote similar items in the following drawings, and therefore, once an item is defined in one drawing, further definition and explanation thereof is not required in subsequent drawings.

[0055] It is understandable that before using the technical solutions disclosed in the embodiments of the present disclosure, the types, scope of use, usage scenarios, etc. of the personal information involved in the present disclosure should be informed to the user and the user's authorization should be obtained in an appropriate manner in accordance with relevant laws and regulations.

[0056] It should be noted that the specific terms mentioned in the embodiments of the present disclosure include:

[0057] RecyclerView: Recycler view is an enhanced version of ListView and GridView. Its purpose is to display a large amount of content on a limited screen. It achieves view code decoupling in use and has a powerful item reuse mechanism in function.

[0058] ViewPage2: is a component that can achieve the effect of sliding page switching, and can usually be used with other components to achieve banner switching.

[0059] NestedChildLayout: A nested sublayer can be used as a subview of the main RecyclerView, which can be used for page layout and to quickly find the nested RecyclerView of the main RecyclerView. To facilitate understanding of this embodiment, a page information display method disclosed in the embodiment of the present disclosure is first introduced in detail. The execution subject of the page information display method provided in the embodiment of the present disclosure is generally a terminal device or other processing device with certain computing capabilities, wherein the terminal device can be a user equipment (User Equipment, UE), a mobile device, a user terminal, a terminal, a personal digital assistant device (Personal Digital Assistant, PDA), a handheld device, a computer device, etc.; in some possible implementations, the page information display method can be implemented by a processor calling computer-readable instructions stored in a memory.

[0060] The following describes the page information display method provided by the embodiment of the present disclosure by taking a computer device as an example of the execution subject.

[0061] like Figure 1 As shown, it is a flow chart of a page information display method provided by an embodiment of the present disclosure, which may include the following steps:

[0062] S101: In response to a trigger operation on a target vertical category tag, first view information is displayed in a first area of ​​an information display page through a main view control.

[0063] Here, the information display page can be used to display recommended information, which can be specifically the application page of any application or the page corresponding to any web page. The target vertical category tag can be the vertical category tab that is triggered among the multiple vertical category tags (i.e., vertical category tabs) displayed at the top of the information display page. Different vertical category tabs are used to display different types of information. For example, the recommendation tab can be used to display recommended information, the attention tab can be used to display information that users are concerned about, the audiobook tab can be used to display information about various books for voice playback, and the comics tab can be used to display information about comic-type books, etc.

[0064] The main view control can be a RecyclerView type control. In the following text, the main view control is represented by the main RecyclerView. Figure 2 As shown, it is a schematic diagram of the nested relationship of various controls in an information display page provided by an embodiment of the present disclosure, including a main view control (main RecyclerView), a nested layout control (NestedChildLayout), a view page turning control (ViewPager2) and a child view control (nested RecyclerView). ViewPager2 may include multiple pre-set information flow tags. For example, the information flow tags deployed by ViewPager2 may be information flow tab1 and information flow tab2. Under different information flow tags, nested RecyclerView is used to implement the feed stream of the multimedia content corresponding to the information flow tag. In specific implementation, the number of information flow tabs deployed in ViewPager2 can be set according to actual business needs. The following will be combined with Figure 2 , the page information display method of the embodiment of the present disclosure is described in detail:

[0065] The first area can be the area between the top of the information display page and the top of the NestedChildLayout. The first view information is the information displayed in the first area, which can also be called the content of the main RecyclerView. The first view information can change to the multimedia content under the information flow tab as the various controls in the information display page slide.

[0066] In different application scenarios, the information flow tabs deployed with ViewPager2 are different, and the types of information under the information flow tabs are also different. Figure 3 FIG. 1 is a schematic diagram of an information display page provided by an embodiment of the present disclosure. Figure 3 A page in a book reading scenario. Figure 3 In the , vertical tabs may include the follow tab, recommendation tab, publishing tab, audiobook tab, comics tab, and recently released tab. Among them, the recommendation tab is the triggered target vertical tab. The first view information may be the information corresponding to the area where the popular users are located. The information flow tabs include the guess you like tab and the recommended books tab. The currently selected information flow tab is the guess you like tab. In the nested RecyclerView under the guess you like tab, various book information is displayed, namely book information 1 to book information 4.

[0067] Exemplarily, in response to a trigger operation on a target vertical category tag in an information display page, the first view information may be determined, and the first view information may be displayed in a first area of ​​the information display page through the main RecyclerView.

[0068] S102: By nesting a nested layout control in the main view control, a view page turning control is laid out in the main view control, and a subview control is nested in the view page turning control.

[0069] Here, the nested layout control is Figure 2 The NestedChildLayout in the , which can establish the association between the main RecyclerView and the nested RecyclerView under the information flow tab. Figure 2 In ViewPager2, various information flow tabs can be deployed, and smooth switching between information flow tabs can be achieved, achieving a smooth page turning effect. The subview control is the nested RecyclerView under the information flow tab, and one information flow tab corresponds to one nested RecyclerView.

[0070] In specific implementation, you can use the method of getting child index (i.e. getChildAt(index)) in NestedChildLayout to determine ViewPager2 under the main RecyclerView and layout ViewPager2 in NestedChildLayout. Here, since NestedChildLayout is laid out in the main RecyclerView, ViewPager2 is also deployed in the main RecyclerView. At the same time, you can use the getChildAt(index) method to determine the nested RecyclerView associated with the main RecyclerView and nest the nested RecyclerView in ViewPager2.

[0071] S103: Display multiple information flow tags through the view page turning control, and display the multimedia contents corresponding to the selected information flow tags in the second area of ​​the information display page through the sub-view control; the multimedia contents constitute the second view information; wherein, in different sliding states of performing a sliding operation on the information display page, the page sliding is controlled by different view controls, and the sliding state is used to indicate whether the first view information is slid out of the current page display range; the different view controls include a main view control and a sub-view control.

[0072] Here, the information flow label is the information flow tab. After the target vertical category label is triggered, the selected information flow label can be the default information flow tab among the multiple information flow tabs in the view page turning control, for example Figure 3 You may also like the tab in the Guess You Like tab. Afterwards, in response to the user selecting any information stream tab other than the currently displayed information stream tab among the multiple information stream tabs displayed by the view page flip control, the multimedia contents corresponding to the triggered information stream tab may be displayed in the information display page by nesting RecyclerView. The multimedia contents corresponding to the information stream tab may constitute the second view information.

[0073] During specific implementation, while determining the ViewPager2 under the main RecyclerView, it is also possible to determine the various information flow tabs deployed in ViewPager2, and display multiple information flow tabs through the view page turning control. Here, an information flow tab can correspond to a nested RecyclerView. If the information flow tab includes multiple, the associated nested RecyclerView found at this time may include multiple. In order to quickly locate a nested RecyclerView associated with the main RecyclerView and display the content in a nested RecyclerView, the screen page offset limit value of the view page turning control (ie ViewPager2.mOffscreenPageLimit) can be set to the screen offset default value (ie OFFSCREEN_PAGE_LIMIT_DEFAULT). Exemplarily, OFFSCREEN_PAGE_LIMIT_DEFAULT can be pre-set to -1. In this way, after triggering the target vertical category tag, you can quickly locate an information flow tab and determine the nested RecyclerView under the information flow tab. Then, you can use the nested RecyclerView to display the multimedia content corresponding to the located information flow tag in the second area of ​​the information display page.

[0074] For example, Figure 3 For example, after triggering the recommendation tab, you can quickly locate the Guess You Like tab and display the information of each book in the nested RecyclerView under the Guess You Like tab. The information displayed by the nested RecyclerView can be feed stream information, which can be continuously refreshed.

[0075] It should be noted that the above steps S101 to S103 can be performed simultaneously. After responding to the trigger operation for the target vertical category tag, the first view information, multiple information flow tags, and the multimedia content corresponding to the selected information flow tag can be synchronously displayed on the information display page. Figure 3 After the recommended tab in the Figure 3 The information display page shown.

[0076] Furthermore, after displaying the multimedia content corresponding to the selected information stream tag in the second area of ​​the information display page through the subview control, the page sliding can be controlled through different view controls in different sliding states of the sliding operation performed on the information display page. That is, after the user slides the information display page, the main RecyclerView and the nested RecyclerView can be flexibly switched to display the page smoothly according to the actual sliding state of the page.

[0077] Among them, the sliding state is used to indicate whether the first view information is slid out of the current page display range. Exemplarily, when the first view information is slid out of the current page display range, the touch event of the screen can be held by the nested RecyclerView, and the nested RecyclerView can be used to control the page sliding. When the first view information does not slide out of the current page display range, the touch event of the screen can be held by the main RecyclerView, and the main RecyclerView can be used to control the page sliding. The current page display range can specifically be the page area under the vertical category tab in the information display page.

[0078] In this way, by nesting the layout control in the main view control, not only can the main view control and the information nested in the layout control be associated, but also the information nested in the layout control can be located with almost zero performance loss. Since the view page turning control including the information flow label (that is, the information flow tab) is nested in the layout control and the sub-view control is nested in the view page turning control, the accurate association between the main view control and the information flow tab in the view page turning control and the sub-view control under the information flow tab is realized through the layout control, that is, when the target vertical category label is triggered, not only can the sub-view control be quickly located, but also resource consumption can be reduced, so that more resources can be applied to the refresh of the multimedia content in the sub-view control, effectively solving the problem of feed stream refresh jam. Since the view page turning control has reliable view switching performance, by deploying multiple information flow tabs in the view page turning control, smooth switching between multiple information flow tabs can be achieved, improving the page turning effect. By deploying different styles of multimedia content in sub-view controls under different information flow tabs and arranging them in different arrangements, the diversity of information display can be effectively improved. In addition, by flexibly switching the main view control and the sub-view control to control the page sliding in different sliding states, the smoothness of page sliding can be further improved.

[0079] In one embodiment, the sliding operation performed on the information display page may include a first sliding operation, which is a page dragging operation, that is, an operation of dragging a certain distance on the information display page. When the sliding state indicates that the first view information has not been slid out of the current page display range, it can be explained that the first view information displayed in the first area can always appear in the current page display range during the sliding process, and it can also be explained that during the entire sliding operation, the touch event is always held by the main RecyclerView. In this case, after executing the above S103, the page can be slid according to the following steps:

[0080] In response to the first sliding operation, the first view information is controlled to slide in a first sliding direction according to a first sliding distance through the main view control.

[0081] Here, the first sliding direction is the sliding direction corresponding to the first sliding operation, which may be sliding upward or sliding downward. The first sliding distance is the sliding distance corresponding to the first sliding operation.

[0082] In a specific implementation, the user may respond to Figure 3 The first sliding operation of the information display page shown controls the first view information to slide in a first sliding direction according to a first sliding distance through the main view control.

[0083] Then, in response to the nested scroll enabling command, the multimedia content displayed in the second area can be controlled to slide in the first sliding direction according to the first sliding distance; wherein the information displayed in the first area and the second area changes before and after the sliding.

[0084] Here, the nested scrolling enable command (that is, the setNestedScrollingEnable command) is a command for the user to control the sliding of information in the nested RecyclerView associated with the main RecyclerView. Since the first view information has not been slid out of the current page display range, the value of the nested scrolling enable command satisfies the first preset value (specifically, true). Therefore, the nested scrolling enable command can be directly used to control the sliding of the multimedia content in the nested RecyclerView in the first sliding direction according to the first sliding distance.

[0085] like Figure 4 , which is a schematic diagram of a before-and-after comparison of a page sliding provided by an embodiment of the present disclosure, wherein: Figure 4 (1) is the information display page before the first sliding operation. Figure 4(2) is the information display page after responding to the first sliding operation. The first sliding operation is sliding upward, the first sliding direction is upward, and the first sliding distance is the distance between point A and point B in (1). Compared with (1), (2) moves the position corresponding to the first view information controlled by the main RecyclerView upward, the corresponding information content is reduced, the positions of the two information flow tabs displayed in the view page turning control move upward, the position of the multimedia content corresponding to the nested RecyclerView moves upward, and more multimedia content is displayed. Based on Figure 4 From (1) and (2) in FIG. 1 , it can be seen that there is an obvious change in the information displayed in the first area and the second area before and after sliding. In particular, the first view information displayed in the first area is reduced, and the multimedia content displayed in the second area is increased. Figure 2 Book information 5 and book information 6 appear in.

[0086] In one embodiment, the sliding operation performed on the information display page may also include a second sliding operation in the first preset direction, and the second sliding operation is also a page dragging operation. The first preset direction may be an upward direction. During the upward sliding process, the first view information may be slid out of the current page display range. That is, the sliding state may be a state indicating that the first view information is slid out of the current page display range. In this case, after executing the above S103, the page sliding may be performed according to the following steps:

[0087] S1: In response to a second sliding operation, through the main view control, the first view information is controlled to slide in a first preset direction according to a first distance currently dragged in a second sliding distance.

[0088] Here, the second sliding distance is the total sliding distance corresponding to the second sliding operation. Since the sliding operation is a continuous operation, real-time response is required during the entire sliding operation. Therefore, when responding to the second sliding operation, the page sliding control needs to be performed according to the first distance currently dragged, until the first distance currently dragged is equal to the second sliding distance, the second sliding operation ends, and the page sliding also ends accordingly. Among them, the first distance currently dragged can be recorded using the onScrolled(dx, dy) method during scrolling, wherein onScrolled(dx, dy) is used to record the distance moved by the touch, and the distance moved by the touch is the first distance currently dragged. dx represents the sliding distance in the horizontal direction of the page, and dy represents the sliding distance in the vertical direction of the page. Here, ideally, since the user may affect the sliding of the page in both the horizontal and vertical directions when sliding the page, dx and dy exist. However, for situations such as Figure 3As for the sliding of the information display page shown, even if the user's actual sliding operation generates displacement in both the horizontal and vertical directions of the page, the displacement in the horizontal direction of the page can be ignored, and the page can be controlled to slide in the vertical direction only according to the displacement in the vertical direction of the page generated by the sliding operation. Therefore, in a specific implementation, the dx recorded in the onScrolled(dx, dy) method can be kept as 0.

[0089] Since the first view information is gradually slid out of the current page display range in response to the second sliding operation, the first view information must be located in the current page display range at the initial moment of responding to the second sliding operation. At this time, it can be explained that the touch event is held by the main RecyclerView.

[0090] In a specific implementation, in response to a second sliding operation of sliding upward, the main RecyclerView can control the first view information to slide upward in the upward direction according to the first distance currently dragged. At the same time, onScrolled (dx, dy) can be used to record the first distance currently dragged in real time.

[0091] S2: In response to the first view information being slid out of the current page display range, the multimedia content displayed in the second area is slid according to the remaining sliding distance in the second sliding distance through the offset sliding method corresponding to the sub-view control; wherein, after the sliding, the first area displays the multimedia content corresponding to the information flow tag, and the multimedia content displayed in the second area changes; the remaining sliding distance is equal to the difference between the second sliding distance and the first distance.

[0092] Here, the remaining sliding distance may be the difference between the second sliding distance and the first distance. Since the first view information has been slid out of the current page display range, after the second sliding operation is completed, the multimedia content corresponding to the information flow tab will be displayed in the first area. At the same time, the multimedia content displayed in the second area will also change. The offset sliding method may be the RecyclerView.scrollBy(deltaX, deltaY) method for the user to control the sliding of the information in the sub-view control, where deltaX represents the offset that the sub-view control needs to slide in the horizontal direction of the page, and deltaY represents the offset that the sub-view control needs to slide in the vertical direction of the page. However, for example, Figure 3 For the sliding of the information display page shown, deltaX can always be kept at 0.

[0093] In specific implementation, during the execution of S1, at a certain moment, the first view information is slid out of the current page display range, and then, in response to the first view information being slid out of the current page display range, it can be determined that the nested RecyclerView needs to be slid, and the RecyclerView.scrollBy(deltaX, deltaY) method corresponding to the nested RecyclerView can be used to slide the multimedia content displayed in the second area according to the remaining sliding distance in the second sliding distance, thereby realizing the feed stream update of the multimedia content displayed in the second area. Among them, the remaining sliding distance can include deltaX and deltaY, and the included deltaX is 0.

[0094] In addition, when controlling the sliding of the multimedia content displayed in the second area through the RecyclerView.scrollBy(deltaX, deltaY) method, it is also necessary to call the motion event offset position method (MotionEvent.offsetLocation(deltaX, deltaY) method) to record the horizontal and vertical displacement of the second sliding operation in the main RecyclerView during touch scrolling (ie, onTouchEvent) after the first view information is slid out of the current page display range, where deltaX in the MotionEvent.offsetLocation(deltaX, deltaY) method can be 0, and deltaY can be the remaining sliding distance.

[0095] In this way, by recording the offset of the main RecyclerView in onTouchEvent through the MotionEvent.offsetLocation(deltaX, deltaY) method, after the first view information is slid out of the current page display range, if a sliding operation in the second preset direction occurs, the first view information can be stably and smoothly slid to the current page display range according to the offset recorded in the MotionEvent.offsetLocation(deltaX, deltaY) method, avoiding the problem of large page jitter when reaching the top of the nested RecyclerView.

[0096] like Figure 5 FIG. 1 is a schematic diagram showing another before-after comparison of page sliding provided by an embodiment of the present disclosure, wherein: Figure 5 a in the figure is the information display page before the second sliding operation. Figure 5b in the figure is the information display page after responding to the second sliding operation. The second sliding operation is sliding upward, the second sliding direction is the first preset direction, and the second sliding distance is the distance between C and D in a. In b, relative to a, the information displayed in the first area changes from the first view information to the multimedia content corresponding to the information flow label, the two information flow tabs displayed in the view page turning control become ceiling-mounted, and part of the multimedia content is slid out of the current page display range (such as part of the book information 1 and book information 2 are slid out of the current page display range), the position of the multimedia content corresponding to the nested RecyclerView moves upward, and more multimedia content is displayed, and book information 7 appears.

[0097] In one embodiment, after executing the above S2, the following may occur: Figure 5 In the case shown in b, that is, the information displayed in the first area is also the multimedia content corresponding to the information flow tag. At this time, the touch event can be held by the nested RecyclerView. In this case, if the user performs a sliding operation in the second preset direction on the information display page, the first view information may be slid back to the first area. In this case, the page sliding can be performed according to the following steps:

[0098] P1: In response to a third sliding operation in a second preset direction, the displayed multimedia content is slid in the second preset direction according to a second distance currently dragged in the third sliding distance through the subview control.

[0099] Here, the second preset direction may be the opposite direction of the first preset direction. Exemplarily, the second preset direction may be a downward direction. During the downward sliding process, the first view information may reappear in the current page display range. The third sliding operation may specifically be an operation of sliding the information display page downward, and the third sliding distance is the sliding distance corresponding to the third sliding operation. The slid distance of the multimedia content is the length of the multimedia content that has been slid. When the slid distance is less than the third sliding distance, the first view information that has disappeared must be slid back to the first area to meet the third sliding distance.

[0100] Since the sliding operation is a continuous operation, real-time response is required during the entire sliding operation. Therefore, when responding to the third sliding operation, the page sliding control needs to be performed according to the second distance currently dragged, until the second distance currently dragged is equal to the third sliding distance, the third sliding operation ends, and the page sliding also ends accordingly. Among them, the second distance currently dragged is the sliding distance corresponding to the sliding operation currently executed in the third sliding operation.

[0101] In specific implementation, in response to a third downward sliding operation, when the slid distance of the multimedia content is less than the third sliding distance, the multimedia content displayed in the information display page can be slid downward according to the second distance currently dragged by nesting the RecyclerView.

[0102] P2: In response to the first view information being slid to the current page display range, in response to the communication between the nested scrolling child interface of the child view control and the nested scrolling parent interface of the main view control, the first view information is controlled to slide according to the difference between the third sliding distance and the second distance using the nested scrolling command.

[0103] Here, the second distance used when determining the above difference is the second distance dragged when the first view information is slid to the current page display range.

[0104] The nested scrolling child interface of the child view control can be the nested scrolling child interface 2 (NestedScrollingChild2) and the nested scrolling child interface 3 (i.e., NestedScrollingChild3) corresponding to the nested RecyclerView. The nested scrolling parent interface of the main view control can be the nested scrolling parent interface 2 (NestedScrollingParent2) and the nested scrolling parent interface 3 (NestedScrollingParent3) corresponding to the main RecyclerView. Among them, the NestedScrollingChild2 interface can communicate with the NestedScrollingParent2 interface, and the NestedScrollingChild interface 3 can communicate with the NestedScrollingParent3 interface.

[0105] The nested scrolling command may be a nested scrolling command (onNestedScroll(target, dxConsumed, dyConsumed, dxUnconsumed, dyUnconsumed) command, wherein target indicates the difference between the third sliding distance and the second distance, dxConsumed indicates the distance consumed by the nested RecyclerView in the horizontal direction of the page, dyConsumed indicates the distance consumed by the nested RecyclerView in the vertical direction of the page, dxUnconsumed indicates the distance not consumed by the nested RecyclerView in the horizontal direction of the page, and dyUnconsumed indicates the distance not consumed by the nested RecyclerView in the vertical direction of the page. Specifically, dxConsumed may be 0, dyConsumed may be equal to the second distance dragged when the first view information is slid to the current page display range, dxUnconsumed may be 0, and dyUnconsumed may be the above-mentioned difference.

[0106] In specific implementation, in response to the first view information being slid to the current page display range, that is, in response to sliding downward to the top of the nested RecyclerView, the NestedScrollingChild2 interface and the NestedScrollingChild3 interface can be called to communicate with the NestedScrollingParent2 interface and the NestedScrollingParent3 interface. Then, the onNestedScroll(target, dxConsumed, dyConsumed, dxUnconsumed, dyUnconsumed) command is used to call the RecyclerView.scrollBy(dxUnconsumed, dyUnconsumed) method to control the first view information to slide according to the difference between the third sliding distance and the second distance. While controlling the first view information to slide, the nested RecyclerView can continue to control the sliding of the multimedia content according to the above difference.

[0107] Furthermore, if the third sliding operation has not ended after all the first view information has been slid back to the first area, the sliding distance of the first view information can be determined, that is, the sliding distance that the main RecyclerView has consumed can be determined. Then, the remaining distance to be consumed can be determined based on the difference between the above difference and the sliding distance that the main RecyclerView has consumed. Call the dispatch nested scrolling method (i.e., dispatchNestedScroll(myConsumedDx, myConsumedDy, myUnconsumedDx, myUnconsumedDy) method), and pass the remaining distance to be consumed to other Views that implement the NestedScrollingParent3 and NestedScrollingParent2 interfaces, and use these Views to consume the remaining distance to be consumed, thereby achieving complete consumption of the third sliding distance and completing an accurate response to the third sliding operation. Among them, myConsumedDx can always be 0, myConsumedDy represents the distance consumed by other Views in the vertical direction of the page, myUnconsumedDx can always be 0, myUnconsumedDy represents the distance not consumed by other Views in the vertical direction of the page. Among them, myUnconsumedDy can start to grow from 0, and the maximum growth is the remaining distance to be consumed. MyUnconsumedDy can start to decrease from the remaining distance to be consumed until it decreases to 0.

[0108] In addition, when the touch event is held by the nested RecyclerView, if the user performs a sliding operation in the second preset direction on the information display page, but the first view information is not slid back to the first area, the nested RecyclerView can be used to control the page sliding and realize the refresh of multimedia content.

[0109] In one embodiment, due to the page dragging operation and the following page scrolling operation, the main RecyclerView may inherit the nested RecyclerView, that is, the first view information that has disappeared from the current page display range may slide back into the current page display range. Therefore, in order to distinguish the causes of the above situation, that is, to distinguish the page dragging operation from the following page scrolling operation, the step of "controlling the first view information to slide according to the difference between the third sliding distance and the second distance" in P2 above can be implemented according to the following steps:

[0110] P2-1: Get the target field for indicating the page scrolling state; the page scrolling state is the state in which, after the information display page is controlled to slide in response to the page scrolling operation, the information display page needs to continue to scroll according to the page sliding speed at the end of the page sliding.

[0111] Here, the page scrolling state is a state in which, after the control information display page slides in response to the page scrolling operation, it is still necessary to continue to control the information display page to automatically scroll a certain distance according to the page sliding speed at the end of the page sliding. Specifically, the page scrolling state is the flinging state, and the page scrolling operation is the page flinging operation. The target field can be a nested scrolling (mNestedFling) field. The mNestedFling field can include two values, one is a true field for indicating that it is in a page flinging state, and the other is a false field for indicating that it is in a page dragging state. Specifically, when the main RecyclerView calls the fling (velocityX, velocityY) command, the value of the mNestedFling field can be set to true, and at the end of the fling (velocityX, velocityY) command call, the value of the mNestedFling field can be set to false.

[0112] In a specific implementation, when using the onNestedScroll(target, dxConsumed, dyConsumed, dxUnconsumed, dyUnconsumed) command to control the sliding of the first view information according to the difference between the third sliding distance and the second distance, the mNestedFling field can be obtained first.

[0113] P2-2: When the target field indicates that the page scrolling state is closed, the first view information is controlled to slide according to the difference.

[0114] Here, the page scrolling state is closed, that is, the value of the mNestedFling field is false. The page scrolling state is open, that is, the value of the mNestedFling field is true.

[0115] In a specific implementation, when the value of the mNestedFling field is false, the onNestedScroll(target, dxConsumed, dyConsumed, dxUnconsumed, dyUnconsumed) command can be used to control the first view information to slide according to the above difference.

[0116] On the contrary, when the target field indicates that the page scrolling state is turned on, the page sliding can be controlled according to the method described below.

[0117] In one embodiment, the sliding operation may also include a page scrolling operation, wherein the page scrolling operation may also be referred to as a page flinging operation (i.e., a page flinging operation). The page scrolling operation may include a scrolling operation for a first preset direction and a scrolling operation for a second preset direction. Due to the different processing types of the scrolling operation for the first preset direction and the scrolling operation for the second preset direction, the page scrolling operation for the first preset direction will be described in detail below by taking the example of:

[0118] Specifically, when the user initiates a page scrolling operation in the first preset direction, the first view information may be slid out of the current page display range, that is, the sliding state may be a state indicating that the first view information is slid out of the current page display range. In this case, after executing the above S103, the page can be slid according to the following steps:

[0119] T1: In response to a page scrolling operation in a first preset direction, determining a first inherited sliding speed of the information display page when the page scrolling operation ends.

[0120] Here, the page scrolling operation ends when the user's touch operation ends, that is, when the user's finger leaves the screen after sliding. The first inherited sliding speed is the speed that the main RecyclerView in the information display page needs to inherit when the page scrolling operation ends. The main RecyclerView can automatically control the page to scroll according to the first inherited speed.

[0121] In specific implementation, in response to a page scrolling operation in a first preset direction, the main RecyclerView can slide the spatial first view information according to the dragging distance before the page scrolling operation ends, and then, when the page scrolling operation ends, the first inherited sliding speed of the information display page can be determined.

[0122] T2: Determine the total distance to be slid according to the first inherited sliding speed.

[0123] Here, the total distance to be slid is the distance that the information display page needs to scroll automatically.

[0124] Exemplarily, the total distance that the page needs to automatically scroll can be determined based on the first inherited sliding speed and the friction parameter when the page slides.

[0125] T3: Through the main view control, the page sliding is controlled according to the first inherited sliding speed and the total distance to be slid.

[0126] Exemplarily, through the main RecyclerView, the recycler view fling (RecyclerView.fling(velocityX, velocityY)) method is used to control the sliding of the first view information according to the first inherited sliding speed. Wherein, velocityX represents the inherited speed in the horizontal direction of the page, and velocityY represents the inherited speed in the vertical direction of the page. In the embodiment of the present disclosure, velocityX can be 0, and velocityY can be equal to the first inherited sliding speed.

[0127] If the distance that the main RecyclerView controls the first view information to slide is not less than the total distance to be slid, the page can be automatically slid only through the main RecyclerView control, and the nested scroll enable command can be used to adaptively control the multimedia content to slide in the first preset direction.

[0128] If the distance that the main RecyclerView controls the first view information to slide is less than the total distance to be slid, the overall sliding of the page can be controlled only by the main RecyclerView and the nested RecyclerView until it slides to the above total distance.

[0129] In one embodiment, the above T3 can be implemented according to the following steps:

[0130] T3-1: determining a target sliding distance for controlling the first view information to slide according to the first inherited sliding speed.

[0131] Here, the target sliding distance does not exceed the total sliding distance when the first view information slides out of the current page display range from the current state.

[0132] Before using the RecyclerView.fling(velocityX, velocityY) method to slide according to the first inherited sliding speed, the target sliding distance for sliding the first view information by controlling the main RecyclerView can be determined according to the first inherited sliding speed, the friction parameter when the page slides, and the total consumable distance of the main RecyclerView.

[0133] T3-2: when the target sliding distance is less than the total distance to be slid, determining a second inherited sliding speed after sliding the target sliding distance.

[0134] For example, when the target sliding distance is less than the total distance to be slid, it means that the main RecyclerView cannot consume the total distance of the page automatic sliding after the page scrolling operation is completed. Therefore, it is necessary to nest the RecyclerView to slide, so as to completely consume the total distance and achieve accurate response to the page scrolling operation. The second inherited sliding speed is the sliding speed integrated by the nested RecyclerView.

[0135] For nested RecyclerView, it is necessary to determine whether the nested RecyclerView needs to continue to scroll automatically after the main RecyclerView finishes scrolling automatically. Specifically, since the main RecyclerView consumes a distance, which is the target sliding distance mentioned above, when determining whether the nested RecyclerView needs to continue to scroll automatically, it is also necessary to determine whether the recorded first inherited speed can be completely consumed by the main RecyclerView. If so, that is, the target sliding distance is greater than the total distance, the nested RecyclerView does not need to continue to scroll automatically; if not, the nested RecyclerView needs to continue to scroll automatically using the second inherited speed.

[0136] In the specific implementation, since the nested RecyclerView needs to continue to control the sliding, it is necessary to calculate the sliding speed inherited by the nested RecyclerView when controlling the sliding. When the main RecyclerView uses the first inherited sliding speed for sliding control, due to the existence of sliding friction, the first inherited sliding speed will become smaller and smaller. Therefore, when it is the turn of the nested RecyclerView to control automatic sliding, there will be an inherited sliding speed of information, that is, the second inherited sliding speed.

[0137] Exemplarily, the second inherited sliding speed may be determined according to the target sliding distance by using an inverse function of the calculation speed.

[0138] T3-3: In response to the first view information being slid out of the current page display range, the displayed multimedia content is slid according to the second inherited sliding speed.

[0139] In specific implementation, when the main RecyclerView uses the RecyclerView.fling(velocityX, velocityY) method to control the sliding of the page according to the first inherited sliding speed, the onScrolled(dx, dy) method can be used to record the current sliding distance of the page every time the page slides one pixel. At the same time, each time the onScrolled(dx, dy) method is called, it can be determined whether the first view information has been slid out of the current page display range. Specifically, the preset judgment condition (i.e., no vertical sliding! canScrollVertically(1)) can be used to determine whether the first view information has been slid out of the current page display range. When canScrollVertically(1) is met, it can be determined that the first view information has been slid out of the current page display range.

[0140] It should be noted that the reason why the judgment condition is needed is determined when considering the issue of the timing of scroll inheritance. For example, in general, the timing of scroll inheritance can be inherited when the main RecyclerView is stationary. However, in the bookstore scenario, the static judgment of the main RecyclerView, that is, the main recycler view state (RecyclerView.state) is equal to the recycler view scrolling state idle (that is, RecyclerView.SCROLL_STATE_IDLE), will lag by 1 to 2 seconds, so this condition cannot be used for judgment. Therefore, in the specific implementation, it is necessary to set the above judgment condition (that is, !canScrollVertically(1)) to determine the inheritance timing of the nested RecyclerView.

[0141] Furthermore, through the continuous sliding of the first view information in the main RecyclerView, at a certain moment the first view information will inevitably be slid out of the current page display range. In this case, if the target sliding distance is less than the total distance to be slid, the first view information can be slid out of the current page display range in response to the first view information being slid out of the current page display range, and then the nested RecyclerView corresponding to the main RecyclerView can be found. Then, the current sliding distance of the page recorded by the onScrolled(dx, dy) method can be reset to 0 to serve the next page scrolling operation. At the same time, the nested RecyclerView.fling(velocityX, velocityY) method can be called to slide the multimedia content currently displayed in the information display page according to the second inherited sliding speed until the target sliding distance and the distance that the nested RecyclerView.fling slides after using the second inherited sliding speed are equal to the total distance to be slid, and it is determined that the response to the page scrolling operation is completed.

[0142] In addition, regarding the page scrolling operation for the second preset direction, when the first view information is slid back to the current page display range, the nested RecyclerView can be used to perform automatic scrolling by calling the nested RecyclerView.fling(velocityX, velocityY) method. When the distance of the automatic scrolling of the nested RecyclerView is not less than the total distance to be slid corresponding to the page scrolling operation for the second preset direction, only the nested RecyclerView can be used to control the multimedia content to slide. On the contrary, when the distance of the automatic scrolling of the nested RecyclerView is less than the total distance to be slid corresponding to the page scrolling operation for the second preset direction, it means that the main RecyclerView needs to continue to scroll automatically after the automatic scrolling of the nested RecyclerView ends. Therefore, it can be determined that the speed that the main RecyclerView needs to inherit after the automatic scrolling of the nested RecyclerView ends, and then the RecyclerView.fling(velocityX, velocityY) method is used to control the page sliding according to the speed that needs to be inherited until the accurate response to the page scrolling operation for the second preset direction is completed.

[0143] Those skilled in the art will appreciate that, in the above method of specific implementation, the order in which the steps are written does not imply a strict execution order and does not constitute any limitation on the implementation process. The specific execution order of the steps should be determined by their functions and possible internal logic.

[0144] Based on the same inventive concept, a page information display device corresponding to the page information display method is also provided in the embodiment of the present disclosure. Since the principle of solving the problem by the device in the embodiment of the present disclosure is similar to the above-mentioned page information display method in the embodiment of the present disclosure, the implementation of the device can refer to the implementation of the method, and the repeated parts will not be repeated.

[0145] like Figure 6 FIG. 1 is a schematic diagram of a page information display device provided by an embodiment of the present disclosure, including:

[0146] The first display module 601 is used to display the first view information in the first area of ​​the information display page through the main view control in response to the trigger operation on the target vertical category tag;

[0147] A nesting module 602, configured to layout a view page turning control in the main view control by nesting a nested layout control in the main view control, and to nest a sub-view control in the view page turning control;

[0148] The second display module 603 is used to display multiple information flow tags through the view page turning control, and to display the multimedia content corresponding to the selected information flow tag in the second area of ​​the information display page through the sub-view control; the multimedia content constitutes the second view information;

[0149] Among them, in different sliding states of performing sliding operations on the information display page, the page sliding is controlled by different view controls, and the sliding state is used to indicate whether the first view information is slid out of the current page display range; the different view controls include the main view control and the sub-view control.

[0150] In a possible implementation manner, the sliding operation includes a first sliding operation, and when the sliding state indicates that the first view information has not been slid out of a current page display range, the device further includes:

[0151] The first sliding module 604, after displaying the multimedia content corresponding to the selected information stream tag in the second area of ​​the information display page, is used to:

[0152] In response to a first sliding operation, controlling the first view information to slide in a first sliding direction according to a first sliding distance through the main view control;

[0153] In response to the nested scrolling enable command, the multimedia content displayed in the second area is controlled to slide in the first sliding direction according to the first sliding distance; wherein the information displayed in the first area and the second area changes before and after the sliding.

[0154] The sliding operation includes a second sliding operation in a first preset direction; when the sliding state indicates that the first view information is slid out of the current page display range, the device further includes:

[0155] The second sliding module 605, after displaying the multimedia content corresponding to the selected information stream tag in the second area of ​​the information display page, is used to:

[0156] In response to a second sliding operation, controlling the first view information to slide in the first preset direction according to a first distance currently dragged in the second sliding distance through the main view control;

[0157] In response to the first view information being slid out of the current page display range, the multimedia content displayed in the second area is slid according to the remaining sliding distance in the second sliding distance through the offset sliding method corresponding to the sub-view control; wherein, after the sliding, the first area displays the multimedia content corresponding to the information flow tag, and the multimedia content displayed in the second area changes; the remaining sliding distance is equal to the difference between the second sliding distance and the first distance.

[0158] In a possible implementation manner, after sliding the multimedia content displayed in the second area according to the remaining sliding distance in the second sliding distance, the second sliding module 605 is further configured to:

[0159] In response to a third sliding operation in a second preset direction, sliding the displayed multimedia content in the second preset direction according to a second distance currently dragged in the third sliding distance through the subview control;

[0160] In response to the first view information being slid to the current page display range, in response to the communication between the nested scrolling child interface of the child view control and the nested scrolling parent interface of the main view control, the first view information is controlled to slide according to the difference between the third sliding distance and the second distance using the nested scrolling command.

[0161] In a possible implementation manner, when controlling the first view information to slide according to the difference between the third sliding distance and the second distance, the second sliding module 605 is configured to:

[0162] Obtaining a target field for indicating a page scrolling state; the page scrolling state is a state in which, after the information display page is controlled to slide in response to a page scrolling operation, the information display page needs to continue to scroll according to the page sliding speed at the end of the page sliding;

[0163] When the target field indicates that the page scrolling state is a closed state, the first view information is controlled to slide according to the difference.

[0164] In a possible implementation manner, the sliding operation includes a page scrolling operation; when the sliding state indicates that the first view information is slid out of a current page display range, the device further includes:

[0165] The third sliding module 606, after displaying the multimedia content corresponding to the selected information stream tag in the second area of ​​the information display page, is used to:

[0166] In response to the page scrolling operation in a first preset direction, determining a first inherited sliding speed of the information display page when the page scrolling operation ends;

[0167] determining a total distance to be slid according to the first inherited sliding speed;

[0168] The page sliding is controlled through the main view control according to the first inherited sliding speed and the total distance to be slid.

[0169] In a possible implementation manner, the third sliding module 606, when controlling the page sliding according to the first inherited sliding speed and the total distance to be slid, is used to:

[0170] Determining, according to the first inherited sliding speed, a target sliding distance for controlling the first view information to slide;

[0171] When the target sliding distance is less than the total distance to be slid, determining a second inherited sliding speed after sliding the target sliding distance;

[0172] In response to the first view information being slid out of the current page display range, the displayed multimedia content is slid according to the second inherited sliding speed.

[0173] For descriptions of the processing flow of each module in the device and the interaction flow between each module, reference may be made to the relevant descriptions in the above method embodiment, which will not be described in detail here.

[0174] Based on the same technical concept, the embodiment of the present application also provides a computer device. Figure 7 FIG. 1 is a schematic diagram of a computer device provided in an embodiment of the present application, including:

[0175] Processor 71, memory 72 and bus 73. The memory 72 stores machine-readable instructions executable by the processor 71, and the processor 71 is used to execute the machine-readable instructions stored in the memory 72. When the machine-readable instructions are executed by the processor 71, the processor 71 performs the following steps: S101: In response to a trigger operation for a target vertical category tag, display the first view information in the first area of ​​the information display page through the main view control; S102: layout the view page turning control in the main view control through a nested layout control nested in the main view control, and nest the sub-view control in the view page turning control; and S103: display multiple information flow tags through the view page turning control, and display each multimedia content corresponding to the selected information flow tag in the second area of ​​the information display page through the sub-view control; the multimedia content constitutes the second view information; wherein, in different sliding states of performing a sliding operation on the information display page, the page sliding is controlled by different view controls, and the sliding state is used to indicate whether the first view information is slid out of the current page display range; the different view controls include the main view control and the sub-view control.

[0176] The above-mentioned memory 72 includes a memory 721 and an external memory 722; the memory 721 here is also called an internal memory, which is used to temporarily store the calculation data in the processor 71, as well as the data exchanged with the external memory 722 such as a hard disk. The processor 71 exchanges data with the external memory 722 through the memory 721. When the computer device is running, the processor 71 and the memory 72 communicate through the bus 73, so that the processor 71 executes the execution instructions mentioned in the above method embodiment.

[0177] The present disclosure also provides a computer-readable storage medium, which stores a computer program, and when the computer program is executed by a processor, the steps of the page information display method described in the above method embodiment are executed. The storage medium can be a volatile or non-volatile computer-readable storage medium.

[0178] The computer program product of the page information display method provided in the embodiment of the present disclosure includes a computer-readable storage medium storing program code. The instructions included in the program code can be used to execute the steps of the page information display method described in the above method embodiment. Please refer to the above method embodiment for details, which will not be repeated here.

[0179] The computer program product may be implemented in hardware, software or a combination thereof. In one optional embodiment, the computer program product is embodied as a computer storage medium, and in another optional embodiment, the computer program product is embodied as a software product, such as a software development kit (SDK) and the like.

[0180] Those skilled in the art can clearly understand that, for the convenience and simplicity of description, the specific working process of the device described above can refer to the corresponding process in the aforementioned method embodiment, and will not be repeated here. In the several embodiments provided in the present disclosure, it should be understood that the disclosed device and method can be implemented in other ways. The device embodiments described above are merely schematic. For example, the division of the units is only a logical function division. There may be other division methods in actual implementation. For example, multiple units or components can be combined, or some features can be ignored or not executed. Another point is that the mutual coupling or direct coupling or communication connection shown or discussed can be through some communication interfaces, and the indirect coupling or communication connection of the device or unit can be electrical, mechanical or other forms.

[0181] The units described as separate components may or may not be physically separated, and the components shown as units may or may not be physical units, that is, they may be located in one place or distributed on multiple network units. Some or all of the units may be selected according to actual needs to achieve the purpose of the solution of this embodiment.

[0182] In addition, each functional unit in each embodiment of the present disclosure may be integrated into one processing unit, or each unit may exist physically separately, or two or more units may be integrated into one unit.

[0183] If the functions are implemented in the form of software functional units and sold or used as independent products, they can be stored in a non-volatile computer-readable storage medium that is executable by a processor. Based on this understanding, the technical solution of the present disclosure, or the part that contributes to the prior art or the part of the technical solution, can be embodied in the form of a software product, which is stored in a storage medium and includes several instructions for a computer device (which can be a personal computer, a server, or a network device, etc.) to perform all or part of the steps of the method described in each embodiment of the present disclosure. The aforementioned storage medium includes: various media that can store program codes, such as a USB flash drive, a mobile hard disk, a read-only memory (ROM), a random access memory (RAM), a magnetic disk or an optical disk.

[0184] If the technical solution of this application involves personal information, the product using the technical solution of this application has clearly informed the personal information processing rules and obtained the individual's voluntary consent before processing the personal information. If the technical solution of this application involves sensitive personal information, the product using the technical solution of this application has obtained the individual's separate consent before processing the sensitive personal information, and at the same time meets the "explicit consent" requirement. For example, on personal information collection devices such as cameras, clear and prominent signs are set to inform that the personal information collection scope has been entered and personal information will be collected. If the individual voluntarily enters the collection scope, it is deemed that he or she agrees to the collection of his or her personal information; or on the device that processes personal information, the personal information processing rules are notified by obvious signs / information, and the individual's authorization is obtained through pop-up information or by asking the individual to upload his or her personal information; among them, the personal information processing rules may include information such as the personal information processor, the purpose of personal information processing, the processing method, and the type of personal information processed.

[0185] Finally, it should be noted that the above-described embodiments are only specific implementation methods of the present disclosure, which are used to illustrate the technical solutions of the present disclosure, rather than to limit them. The protection scope of the present disclosure is not limited thereto. Although the present disclosure is described in detail with reference to the above-described embodiments, ordinary technicians in the field should understand that any technician familiar with the technical field can still modify the technical solutions recorded in the above-described embodiments within the technical scope disclosed in the present disclosure, or can easily think of changes, or make equivalent replacements for some of the technical features therein; and these modifications, changes or replacements do not make the essence of the corresponding technical solutions deviate from the spirit and scope of the technical solutions of the embodiments of the present disclosure, and should be included in the protection scope of the present disclosure. Therefore, the protection scope of the present disclosure should be based on the protection scope of the claims.

Claims

1. A method for displaying page information, characterized in that: include: In response to a trigger operation on a target vertical category tag, displaying first view information in a first area of ​​the information display page through a main view control; By nesting a nested layout control in the main view control, a view page turning control is laid out in the main view control, and a subview control is nested in the view page turning control; Displaying a plurality of information stream tags through the view page turning control, and displaying each multimedia content corresponding to the selected information stream tag in the second area of ​​the information display page through the sub-view control; the multimedia content constitutes the second view information; Among them, in different sliding states of performing sliding operations on the information display page, the page sliding is controlled by different view controls, and the sliding state is used to indicate whether the first view information is slid out of the current page display range; the different view controls include the main view control and the sub-view control.

2. The method according to claim 1, characterized in that The sliding operation includes a first sliding operation; when the sliding state indicates that the first view information has not been slid out of the current page display range, after displaying each multimedia content corresponding to the selected information stream tag in the second area of ​​the information display page, the further comprising: In response to a first sliding operation, controlling the first view information to slide in a first sliding direction according to a first sliding distance through the main view control; wherein the first sliding direction includes a sliding direction corresponding to the first sliding operation, and the first sliding distance includes a sliding distance corresponding to the first sliding operation; In response to the nested scrolling enable command, the multimedia content displayed in the second area is controlled to slide in the first sliding direction according to the first sliding distance; wherein the information displayed in the first area and the second area changes before and after the sliding.

3. The method according to claim 1, characterized in that The sliding operation includes a second sliding operation in a first preset direction; when the sliding state indicates that the first view information is slid out of the current page display range, after displaying the multimedia content corresponding to the selected information stream tag in the second area of ​​the information display page, the method further includes: In response to a second sliding operation, controlling the first view information to slide in the first preset direction according to a first distance currently dragged in a second sliding distance through the main view control; wherein the second sliding distance includes a total sliding distance corresponding to the second sliding operation; In response to the first view information being slid out of the current page display range, the multimedia content displayed in the second area is slid according to the remaining sliding distance in the second sliding distance through the offset sliding method corresponding to the sub-view control; wherein, after the sliding, the first area displays the multimedia content corresponding to the information flow tag, and the multimedia content displayed in the second area changes; the remaining sliding distance is equal to the difference between the second sliding distance and the first distance.

4. The method according to claim 3, characterized in that After sliding the multimedia content displayed in the second area according to the remaining sliding distance in the second sliding distance, the method further includes: In response to a third sliding operation in a second preset direction, sliding the multimedia content displayed in the information display page in the second preset direction according to a second distance currently dragged in a third sliding distance through the subview control; wherein the third sliding distance includes a sliding distance corresponding to the third sliding operation; In response to the first view information being slid to the current page display range, in response to the communication between the nested scrolling child interface of the child view control and the nested scrolling parent interface of the main view control, the first view information is controlled to slide according to the difference between the third sliding distance and the second distance using the nested scrolling command.

5. The method according to claim 4, characterized in that Controlling the first view information to slide according to a difference between the third sliding distance and the second distance includes: Obtaining a target field for indicating a page scrolling state; the page scrolling state is a state in which, after the information display page is controlled to slide in response to a page scrolling operation, the information display page needs to continue to scroll according to the page sliding speed at the end of the page sliding; When the target field indicates that the page scrolling state is a closed state, the first view information is controlled to slide according to the difference.

6. The method according to claim 1, characterized in that The sliding operation includes a page scrolling operation; when the sliding state indicates that the first view information is slid out of the current page display range, after displaying the multimedia content corresponding to the selected information stream tag in the second area of ​​the information display page, the method further includes: In response to the page scrolling operation for a first preset direction, determining a first inherited sliding speed of the information display page when the page scrolling operation ends; wherein the first inherited sliding speed includes a speed that the main view control in the information display page needs to inherit when the page scrolling operation ends; determining a total distance to be slid according to the first inherited sliding speed; The page sliding is controlled through the main view control according to the first inherited sliding speed and the total distance to be slid.

7. The method according to claim 6, characterized in that The controlling the page sliding according to the first inherited sliding speed and the total distance to be slid includes: Determine, according to the first inherited sliding speed, a target sliding distance for controlling the first view information to slide; wherein the target sliding distance includes a total sliding distance not exceeding a total sliding distance when the first view information slides out of a display range of the current page from a current state; In the case where the target sliding distance is less than the total distance to be slid, determining a second inherited sliding speed after sliding the target sliding distance; wherein the second inherited sliding speed includes the sliding speed inherited by the subview control; In response to the first view information being slid out of the current page display range, the displayed multimedia content is slid according to the second inherited sliding speed.

8. A page information display device, characterized in that: include: A first display module, configured to display first view information in a first area of ​​the information display page through a main view control in response to a trigger operation on a target vertical category tag; A nesting module, used to layout a view page turning control in the main view control by nesting a nested layout control in the main view control, and to nest a sub-view control in the view page turning control; A second display module is used to display multiple information flow tags through the view page turning control, and to display various multimedia contents corresponding to the selected information flow tags in the second area of ​​the information display page through the sub-view control; the multimedia contents constitute the second view information; Among them, in different sliding states of performing sliding operations on the information display page, the page sliding is controlled by different view controls, and the sliding state is used to indicate whether the first view information is slid out of the current page display range; the different view controls include the main view control and the sub-view control.

9. A computer device, characterized in that: include: A processor and a memory, wherein the memory stores machine-readable instructions executable by the processor, and the processor is used to execute the machine-readable instructions stored in the memory. When the machine-readable instructions are executed by the processor, the processor executes the steps of the page information display method as described in any one of claims 1 to 7.

10. A computer-readable storage medium, characterized in that: The computer-readable storage medium stores a computer program. When the computer program is executed by a computer device, the computer device executes the steps of the page information display method according to any one of claims 1 to 7.

Images