Page control method and device, computer equipment and storage medium
By in the information stream page, the laid list is set to the parent list, and the rolling state is set to set the rolling state based on the parent list's top -absorbing state, which solves the problem that the sub -list cannot roll independently, and improves the interactive interaction of the page.
Patent Information
- Application Number
- CN202411302404.6
- Authority / Receiving Office
- CN · China
- Patent Type
- Applications(China)
- Current Assignee / Owner
- Filing Date
- 2024-09-18
- Publication Date
- 2025-01-28
AI Technical Summary
When the information flow page developed based on Weex is displayed on the page, the sub-list cannot independently retain the scroll position, resulting in poor interactivity.
The list of sub -lists that can be switched from left and right through the container component is nested in the parent list, and the dynamic list of parent lists and sub -lists is dynamically monitoring the parent list of the parent list in real time.
The rolling transition of the parent list and the sub -list, and the switching display between the sub -list significantly improved the interactive interaction of the information stream page.
Smart Images
Figure CN119376587A_ABST
Abstract
Description
Technical Field
[0001] The present invention relates to the technical field of page control, and in particular to a page control method, device, computer equipment and storage medium. Background Art
[0002] Weex is a cross-platform mobile development tool that supports multi-terminal deployment such as iOS, Android, YunOS and Web.
[0003] When the information flow page developed based on Weex is scrolling, the sub-list table of the information flow page cannot retain a separate scrolling position, and the sub-list can only scroll with the parent list. When switching sub-pages, it is necessary to set a category label (tab) in the parent list, and then switch the currently displayed sub-list by clicking the category label. When the user needs to browse the content in other sub-lists, he needs to click the corresponding list label again to switch to the corresponding sub-list, resulting in poor interactivity of the information flow page. Summary of the invention
[0004] The embodiments of the present invention provide a page control method, apparatus, computer equipment and storage medium to solve the problem of poor interactivity of pages developed based on Weex.
[0005] A page control method is applied to an electronic device, wherein a window display area of the electronic device is used to output an information flow page, wherein the information flow page includes a parent list and a plurality of sub-lists that can be switched to display left and right, wherein the sub-lists are nested in the parent list through a container component, and the parent list and the sub-lists have the same scrolling direction, wherein the method includes: Monitor in real time whether the parent list enters a ceiling state, wherein the ceiling state indicates that the bottom of the display content of the parent list scrolls to the top of the display window area; If the parent list does not enter the ceiling state, the window display area displays the display content of the parent list, sets the list state of the parent list to a scrolling state so that the parent list scrolls up and down in response to a user's gesture operation, and sets the list state of the child list to a static state so that the child list does not scroll up and down in response to a user's gesture operation; If the parent list enters the ceiling state, the window display area displays the display content of the child list, the list state of the child list is set to the scrolling state, so that the child list scrolls up and down or switches left and right in response to the user's gesture operation, and the list state of the parent list is set to the static state, so that the parent list does not scroll up and down in response to the user's gesture operation.
[0006] In the above method, optionally, a selection attribute is added to the sublist, and the selection attribute is used to indicate whether the sublist is selected. When the selection attribute of the sublist indicates that the sublist is selected, the sublist is determined to be the sublist currently displayed in the window display area, and the sublist is scrolled up and down or switched left and right according to the user's gesture operation.
[0007] In the above method, optionally, the information flow page further includes a tag list, and when the parent list enters the ceiling state, the tag list is adsorbed on the top of the window display area; Wherein, the tag list includes a plurality of list tags, and there is a one-to-one correspondence between the list tags and the sub-lists. When the list tag is clicked and selected by the user, the sub-list corresponding to the list tag is switched to be displayed; When the sublist is switched left or right in response to the gesture operation of the user, it is determined that the list label corresponding to the sublist displayed after the switching is selected by the user.
[0008] In the above method, optionally, different level attributes are added to the parent list and the child list respectively, and the parent list is determined from the information flow page according to the level attributes to monitor whether the parent list enters the ceiling state.
[0009] In the above method, optionally, the real-time monitoring of whether the parent list enters the ceiling state includes: Monitor in real time whether the first scroll distance of the parent list reaches a preset first distance threshold; If the first scrolling distance reaches a preset first distance threshold, it is determined that the parent list enters the ceiling state.
[0010] The above method, optionally, after determining that the parent list enters the ceiling state, further includes: Monitoring in real time whether the second scrolling distance of the sublist reaches a preset second distance threshold; If the second scrolling distance reaches a preset second distance threshold, it is determined that the parent list releases the ceiling state.
[0011] A page control device is applied to an electronic device, wherein a window display area of the electronic device is used to output an information flow page, wherein the information flow page includes a parent list, a tag list nested in the parent list, and a plurality of sub-lists capable of switching display, wherein the parent list and the sub-list have the same scrolling direction, and the device includes: A state judgment module, used for monitoring in real time whether the parent list enters a ceiling state, wherein the ceiling state indicates that the bottom of the display content of the parent list scrolls to the top of the display window area; A first scrolling module is used for, when the parent list has not entered the ceiling state, displaying the display content of the parent list in the window display area, setting the list state of the parent list to a scrolling state so that the parent list scrolls in response to a user's gesture operation, and setting the list state of the currently displayed child list to a static state so that the child list does not scroll in response to the user's gesture operation; The second scrolling module is used to display the display content of the child list in the window display area when the parent list enters the ceiling state, set the list state of the child list to the scrolling state so that the child list scrolls in response to the user's gesture operation, and set the list state of the parent list to the static state so that the parent list does not scroll in response to the user's gesture operation, and the tag list is adsorbed on the top of the window display area.
[0012] In the above-mentioned device, optionally, the sublist is added with a selection attribute, and the selection attribute is used to indicate whether the sublist is selected. When the selection attribute of the sublist indicates that the sublist is selected, the sublist is determined to be the sublist currently displayed in the window display area, and the sublist is scrolled up and down or switched left and right according to the user's gesture operation.
[0013] A computer device comprises a memory, a processor and a computer program stored in the memory and executable on the processor, wherein the processor implements any of the above-mentioned page control methods when executing the computer program.
[0014] A computer-readable storage medium stores a computer program, wherein the computer program implements any of the above-mentioned page control methods when executed by a processor.
[0015] The above-mentioned page control method, device, computer equipment and storage medium, through the container component, nest multiple child lists that can be switched left and right in the parent list, and then monitor in real time whether the parent list enters the ceiling state, so that when the parent list does not enter the ceiling state, the list state of the parent list is set to the scrolling state, so that the parent list responds to the user's gesture operation to scroll up and down, and the list state of the currently displayed child list is set to the static state, so that the child list does not respond to the user's gesture operation to scroll up and down, and the parent list enters the ceiling state, the list state of the child list is set to the scrolling state, so that the child list responds to the user's gesture operation to scroll up and down or switch left and right, and the list state of the parent list is set to the static state, so that the parent list does not respond to the user's gesture operation to scroll up and down. It can be seen that the present invention sets the list states of the parent list and the child list respectively by monitoring whether the parent list enters the ceiling state, realizes the scrolling transition of the parent list and the child list, and the switching display between the child lists, which effectively improves the interactivity of the information flow page compared with the prior art. BRIEF DESCRIPTION OF THE DRAWINGS
[0016] In order to more clearly illustrate the technical solutions of the embodiments of the present invention, the accompanying drawings required for use in the description of the embodiments of the present invention will be briefly introduced below. Obviously, the accompanying drawings in the following description are only some embodiments of the present invention. For ordinary technicians in this field, other accompanying drawings can be obtained based on these accompanying drawings without paying creative labor.
[0017] Figure 1 It is a flow chart for implementing a page control method disclosed in an embodiment of the present invention; Figure 2 It is a partial implementation flow chart of a page control method disclosed in an embodiment of the present invention; Figure 3 It is a partial implementation flow chart of a page control method disclosed in an embodiment of the present invention; Figure 4 It is a schematic diagram of the structure of a page disclosed in an embodiment of the present invention; Figure 5 It is a structural schematic diagram of a page control device disclosed in an embodiment of the present invention; Figure 6 It is a structural schematic diagram of a computer device disclosed in an embodiment of the present invention. DETAILED DESCRIPTION
[0018] The following will be combined with the drawings in the embodiments of the present invention to clearly and completely describe the technical solutions in the embodiments of the present invention. Obviously, the described embodiments are part of the embodiments of the present invention, not all of the embodiments. Based on the embodiments of the present invention, all other embodiments obtained by ordinary technicians in this field without creative work are within the scope of protection of the present invention.
[0019] It should be understood that when used in the present specification and the appended claims, the term "comprising" indicates the presence of described features, integers, steps, operations, elements and / or components, but does not exclude the presence or addition of one or more other features, integers, steps, operations, elements, components and / or combinations thereof.
[0020] It should also be understood that the term "and / or" used in the present description and the appended claims refers to and includes any and all possible combinations of one or more of the associated listed items.
[0021] As used in the present specification and the appended claims, the term "if" can be interpreted as "when" or "uponce" or "in response to determining" or "in response to listening, depending on the context. Similarly, the phrase "if it is determined" or "if [the described condition or event] is listened to" can be interpreted as meaning "uponce it is determined" or "in response to determining" or "uponce [the described condition or event] is listened to" or "in response to listening to [the described condition or event]", depending on the context.
[0022] In addition, in the description of the present specification and the appended claims, the terms "first", "second", "third", etc. are only used to distinguish the descriptions and cannot be understood as indicating or implying relative importance.
[0023] References to "one embodiment" or "some embodiments" etc. described in the present specification mean that one or more embodiments of the present invention include specific features, structures or characteristics described in conjunction with the embodiment. Therefore, the phrases "in one embodiment", "in some embodiments", "in some other embodiments", "in some other embodiments", etc. appearing in different places in this specification do not necessarily refer to the same embodiment, but mean "one or more but not all embodiments", unless otherwise specifically emphasized in other ways. The terms "including", "comprising", "having" and their variations all mean "including but not limited to", unless otherwise specifically emphasized in other ways.
[0024] The present invention discloses a page control method, device, computer equipment and storage medium. A plurality of sublists that can be switched left and right are nested in a parent list through a container component. Then, by real-time monitoring whether the parent list enters a ceiling state, when the parent list does not enter the ceiling state, the list state of the parent list is set to a scrolling state, so that the parent list responds to a user's gesture operation to scroll up and down, and the list state of the currently displayed sublist is set to a static state, so that the sublist does not respond to the user's gesture operation to scroll up and down, and the parent list enters the ceiling state, the list state of the sublist is set to a scrolling state, so that the sublist responds to the user's gesture operation to scroll up and down or switch left and right, and the list state of the parent list is set to a static state, so that the parent list does not respond to the user's gesture operation to scroll up and down. It can be seen that the present invention sets the list states of the parent list and the sublist respectively by monitoring whether the parent list enters the ceiling state, realizes the scrolling transition of the parent list and the sublist, and the switching display between the sublists, and effectively improves the interactivity of the information flow page compared with the prior art. The following is explained through specific embodiments.
[0025] The page control method of the present invention inherits the implementation classes WXListComponent and WXRecyclerComponent of the list and waterfall components in the Weex third-party library, implements the subclasses LXWXListComponent and LXWXRecyclerComponent, and registers the subclasses as the implementation classes of the list and waterfall component tags, so as to realize smooth interaction between the parent list and the child list on the Weex side when they are nested with each other.
[0026] like Figure 1 The figure shows a flow chart of a page control method disclosed in an embodiment of the present invention. The method is applicable to electronic devices with page output and page control capabilities, such as mobile phones, tablet computers, laptop computers and other electronic devices. The window display area of the electronic device is used to output information flow pages. The information flow page includes a parent list and multiple sub-lists that can be switched left and right. The sub-lists are nested in the parent list through container components, and the parent list and the sub-list have the same scrolling direction. The method in this embodiment may specifically include the following steps: S101: monitoring in real time whether the parent list enters a ceiling state, where the ceiling state indicates that the bottom of the displayed content of the parent list scrolls to the top of the display window area.
[0027] Among them, the information flow page in this embodiment refers to the page output by the window display area of the application after the corresponding application (such as an APP in a mobile phone) is opened on the electronic device, such as the homepage of an application such as a shopping software.
[0028] It should be understood that each time the application is opened, the parent list in the information flow page usually does not enter the ceiling state, and the parent list will enter the ceiling state only after the parent list is continuously scrolled up. Therefore, it is necessary to monitor in real time whether the parent list enters the ceiling state.
[0029] Specifically, in this embodiment, whether the parent list enters the ceiling state can be monitored in the following manner: Figure 2 As shown: S201: Monitoring in real time whether a first scroll distance of a parent list reaches a preset first distance threshold.
[0030] S202: If the first scrolling distance reaches a preset first distance threshold, determine that the parent list enters a ceiling state.
[0031] If the first scrolling distance reaches the preset first distance threshold, it is determined that the parent list enters the ceiling state; if the first scrolling distance does not reach the preset first distance threshold, it is determined that the parent list does not enter the ceiling state. When the parent list scrolls up in the window display area, the first scrolling distance of the parent list gradually increases, and when the parent list scrolls down in the window display area, the first scrolling distance of the parent list gradually decreases.
[0032] It should be understood that the height of the parent list display content can be certain, and the first distance threshold can be equal to the height of the parent list display content. When the first scrolling distance of the parent list is equal to the first distance threshold, it is determined that the parent list enters the ceiling state. At this time, the bottom of the parent list display content coincides with the top of the window display area, and the child list display content is displayed in the window display area.
[0033] Furthermore, after the parent list enters the ceiling state, in this embodiment, the parent list can be monitored to see whether the ceiling state is released in the following manner, such as Figure 3 As shown: S301: Monitoring in real time whether a second scroll distance of the sub-list reaches a preset second distance threshold.
[0034] S302: If the second scrolling distance reaches a preset second distance threshold, determine that the parent list is released from the ceiling state.
[0035] If the second scrolling distance reaches the preset second distance threshold, it is determined that the parent list has released the ceiling state, that is, the parent list has not entered the ceiling state; if the second scrolling distance does not reach the preset second distance threshold, it is determined that the parent list has not released the ceiling state. When the child list scrolls up in the window display area, the first scrolling distance of the parent list gradually increases, and when the child list scrolls down in the window display area, the first scrolling distance of the parent list gradually decreases.
[0036] It should be understood that the height of the sub-list display content can also be certain, and the second distance threshold can be equal to 0. When the second distance threshold is 0, the top of the sub-list display area coincides with the top of the window display area, determining that the parent list is released from the ceiling state.
[0037] S102: If the parent list has not entered the ceiling state, the window display area displays the display content of the parent list, sets the list state of the parent list to a scrolling state so that the parent list scrolls up and down in response to the user's gesture operation, and sets the list state of the child list to a static state so that the child list does not scroll up and down in response to the user's gesture operation.
[0038] In the specific implementation, in this embodiment, when the child list is nested in the parent list, the gesture of the child list is added to the parent list, so that both the child list and the parent list will respond to the user's gesture operation, which may easily lead to the problem of gesture conflict between the parent list and the child list. Therefore, when the parent list has not entered the ceiling state, it is necessary to set the list state of the parent list to the scrolling state, and set the list state of the child list to the static state, so that only the parent list responds to the user's gesture operation to scroll, and drives the child list to scroll with the parent list. Specifically, in this embodiment, when the parent list has not entered the ceiling state, the scroll distance of the child list can be set to 0 to set the list state of the child list to a non-scrollable state.
[0039] S103: If the parent list enters the ceiling state, the window display area displays the display content of the child list, and the list state of the child list is set to a scrolling state so that the child list responds to the user's gesture operation to scroll up and down or switch left and right, and the list state of the parent list is set to a static state so that the parent list does not respond to the user's gesture operation to scroll up and down.
[0040] In one embodiment, in this embodiment, a plurality of sub-lists that can be switched left and right are nested in a parent list through a container component. Different sub-lists can be switched left and right in the container component. After the list state of the sub-list is set to a scrolling state, if the user's gesture operation is an up / down sliding gesture, the sub-list scrolls up and down in response to the user's gesture operation. If the user's gesture operation is a left / right sliding gesture, the sub-list switches left and right in response to the user's gesture operation.
[0041] In a specific implementation, in this embodiment, the scroll distance of the sublist can be set to a value such as 0.5 or 1 to trigger the scroll monitoring of the sublist, thereby setting the list state of the sublist to the scroll state. In addition, when the parent list enters the ceiling state, the gesture of the parent list in this embodiment will be added to the sublist. Therefore, it is necessary to set the scroll distance of the parent list to be fixed to the scroll distance when the parent list enters the ceiling state, so that the parent list does not respond to the user's gesture operation to scroll up and down, thereby setting the list state of the parent list to the static state.
[0042] It should be noted that, when the parent list in this embodiment enters the ceiling, although the list state of the parent list is set to a static state, the list state of the child list is set to a scrolling state. That is to say, although the parent list no longer responds to the user's gesture operations, the child list can respond to the user's gesture operations. At this time, the child list continues to respond to the user's gesture operations and scrolls, so that the entire information flow page will not stop when the parent list enters the ceiling, and smooth switching between the parent list and the child list can be achieved.
[0043] In summary, the present invention discloses a page control method, which nests multiple sub-lists that can be switched left and right in a parent list through a container component, and then monitors in real time whether the parent list enters a ceiling state, so that when the parent list does not enter the ceiling state, the list state of the parent list is set to a scrolling state, so that the parent list responds to the user's gesture operation to scroll up and down, and the list state of the currently displayed sub-list is set to a static state, so that the sub-list does not respond to the user's gesture operation to scroll up and down, and the parent list enters the ceiling state, the list state of the sub-list is set to a scrolling state, so that the sub-list responds to the user's gesture operation to scroll up and down or switch left and right, and the list state of the parent list is set to a static state, so that the parent list does not respond to the user's gesture operation to scroll up and down. It can be seen that the present invention sets the list states of the parent list and the sub-list respectively by monitoring whether the parent list enters the ceiling state, realizes the scrolling transition of the parent list and the sub-list, and the switching display between the sub-lists, and effectively improves the interactivity of the information flow page compared to the prior art.
[0044] In one embodiment, a selection attribute is added to each sublist in this embodiment, and the selection attribute is used to indicate whether the sublist is selected. When the selection attribute of the sublist indicates that the sublist is selected, the sublist is determined to be the currently displayed sublist, and the sublist is scrolled up and down or switched left and right according to the user's gesture operation.
[0045] It can be understood that each sublist in this embodiment can be switched left and right for display, and the selection attribute of the sublist currently being displayed indicates that the sublist is selected, and the selection attributes of other sublists indicate that they are not selected. For example, taking the selection attribute including 1 and 0 as an example, when the selection attribute of a sublist is , it is determined that the sublist is selected and the list is being displayed in the information flow page, and the selection attributes of other sublists are all 0.
[0046] In one embodiment, in this embodiment, when the selection attribute of a sublist indicates that the sublist is selected, the sublist can be scrolled up and down and switched left and right in response to a user gesture operation. It should be noted that if the sublist is switched left and right in response to a user gesture operation, the selection attribute of the sublist is changed to indicate that the sublist is not selected, and the selection attribute of the switched sublist is changed to indicate that the sublist is selected, at this time, the sublist can be scrolled up and down or switched left and right in response to the user's gesture operation.
[0047] Specifically, in this embodiment, the isSelected attribute can be added to each optional list attribute, and then the isSelected attribute of the optional list can be used to determine whether the current optional list is selected. When the isSelected attribute of the optional list is true, the optional list is determined to be the target list. When the isSelected attribute of the optional list is false, the optional list is determined to be unselected. When the parent list does not enter the ceiling state, the gesture of the target list is added to the parent list. When the parent list enters the ceiling state, the gesture of the parent list is added to the target list.
[0048] For example, taking List 1 and List 2 as examples, List 1 and List 2 are both sublists. When List 1 is being displayed, the selection attribute of List 1 indicates that List 1 is selected, while the selection attribute of List 2 indicates that List 2 is not selected. After List 1 switches right or left in response to the user's gesture operation, the selection attribute of List 1 changes to indicate that List 1 is not selected, and since List 2 becomes the sublist being displayed, the selection attribute of List 2 changes to indicate that List 2 is selected. At this time, List 2 can respond to the user's gesture operation. Based on this, it can be determined whether the sublist can respond to the user's gesture operation based on the selection data of the sublist.
[0049] In summary, in this embodiment, by setting selection attributes for each sub-list, each sub-list can respond to the user's gesture operation individually, so as to retain an independent scrolling position for each sub-list, so that the scrolling between the sub-lists is not affected, thereby improving the flexibility of information flow page control and the user's browsing experience.
[0050] In one embodiment, the information flow page of this embodiment also includes a tag list. When the parent list enters the ceiling state, the tag list is adsorbed on the top of the window display area.
[0051] The tag list includes multiple list tags, and there is a one-to-one correspondence between the list tags and the sub-lists. When a list tag is clicked and selected by the user, the sub-list corresponding to the list tag is switched and displayed.
[0052] When the sub-list switches left or right in response to a user's gesture operation, it is determined that a list label corresponding to the sub-list displayed after the switching is selected by the user.
[0053] That is to say, in this embodiment, the list label in the label list and the sub-list are linked. When the sub-list needs to be switched left or right, the sub-list can be directly controlled to switch left or right through gesture operation, or the sub-list can be switched left or right by clicking the list label in the label list.
[0054] It should be noted that when directly controlling the left and right switching of sublists through gesture operations, you can only switch sequentially in the order of the sublists, while clicking the list tags in the tag list can switch the sublists left and right. You can click the list tag corresponding to any sublist and then directly switch to the sublist corresponding to the list tag.
[0055] For example, taking List 1, List 2, List 3 and List 4 as examples, when you need to switch to List 4, and the currently displayed sub-list is List 2, you can use the left and right switching method, and you can only switch right from List 2 to List 3, and then switch right from List 3 to List 4. When clicking on the list label, you can directly click on the list label corresponding to List 4 to directly switch from List 2 to List 4.
[0056] In addition, when no list label is clicked and selected by the user, in order to ensure the scrolling transition between the parent list and the sub-list, a default label can be set in the list label, and the sub-list corresponding to the default label is the currently displayed sub-list.
[0057] In one embodiment, the page structure in this embodiment can be as follows Figure 4 As shown, it can be seen that the page structure includes a parent list, multiple child lists that can be switched left and right, and a tag list. The child list and the tag list are nested in the parent list respectively, and the child list is nested in the parent list through the container component. Among them, the parent list and each child list in this embodiment can be created by the list component, the tag list is constructed based on the header component, and different list tags are set in the tag list.
[0058] In one embodiment, different level attributes are added to the parent list and the child list in this embodiment respectively. According to the level attributes, the parent list is determined from the information flow page to monitor whether the parent list enters the ceiling state.
[0059] That is to say, before monitoring the parent list, this implementation can determine which list is the parent list and which list is the child list from the information flow list according to the hierarchical attributes of each list. After determining the parent list, monitor whether the parent list enters the ceiling state, and then execute the subsequent steps of page control.
[0060] In a specific implementation, in this embodiment, the nestListType attribute can be used as the number of levels, and the nestListType attribute can be added to the parent list and the child list respectively. When the nestListType attribute is parent, the corresponding list is represented as the parent list, and when the nestListType attribute is child, the corresponding list is represented as the child list.
[0061] It should be understood that the order of execution of the steps in the above embodiment does not necessarily mean the order of execution. The execution order of each process should be determined by its function and internal logic, and should not constitute any limitation on the implementation process of the embodiment of the present invention.
[0062] like Figure 5 As shown, a page control device disclosed in an embodiment of the present invention includes the following modules: The state judgment module 501 is used to monitor in real time whether the parent list enters the ceiling state, and the ceiling state indicates that the bottom of the display content of the parent list scrolls to the top of the display window area; The first scrolling module 502 is used for displaying the display content of the parent list in the window display area when the parent list does not enter the ceiling state, setting the list state of the parent list to a scrolling state so that the parent list scrolls up and down in response to the user's gesture operation, and setting the list state of the child list to a static state so that the child list does not scroll up and down in response to the user's gesture operation; The second scrolling module 503 is used to display the display content of the child list in the window display area when the parent list enters the ceiling state, set the list state of the child list to a scrolling state so that the child list scrolls up and down or switches left and right in response to the user's gesture operation, and set the list state of the parent list to a static state so that the parent list does not scroll up and down in response to the user's gesture operation.
[0063] The present invention discloses a page control device, which nests a plurality of child lists that can be switched left and right in a parent list through a container component, and then monitors in real time whether the parent list enters a ceiling state, so that when the parent list does not enter the ceiling state, the list state of the parent list is set to a scrolling state, so that the parent list responds to a user's gesture operation to scroll up and down, and the list state of the currently displayed child list is set to a static state, so that the child list does not respond to the user's gesture operation to scroll up and down, and when the parent list enters the ceiling state, the list state of the child list is set to a scrolling state, so that the child list responds to the user's gesture operation to scroll up and down or switch left and right, and the list state of the parent list is set to a static state, so that the parent list does not respond to the user's gesture operation to scroll up and down. It can be seen that the present invention sets the list states of the parent list and the child list respectively by monitoring whether the parent list enters the ceiling state, realizes the scrolling transition of the parent list and the child list, and the switching display between the child lists, and effectively improves the interactivity of the information flow page compared with the prior art.
[0064] In one implementation, a selection attribute is added to the sublist, and the selection attribute is used to indicate whether the sublist is selected. When the selection attribute of the sublist indicates that the sublist is selected, the sublist is determined to be the sublist currently displayed in the window display area, and the sublist is scrolled up and down or switched left and right according to the user's gesture operation.
[0065] In one implementation, the information flow page also includes a tag list, and when the parent list enters the ceiling state, the tag list is adsorbed on the top of the window display area; The tag list includes multiple list tags, and there is a one-to-one correspondence between the list tags and the sub-lists. When a list tag is clicked and selected by the user, the sub-list corresponding to the list tag is switched to display; When the sub-list switches left or right in response to a user's gesture operation, it is determined that a list label corresponding to the sub-list displayed after the switching is selected by the user.
[0066] In one implementation, different level attributes are added to the parent list and the child list, respectively. According to the level attributes, the parent list is determined from the information flow page to monitor whether the parent list enters the ceiling state.
[0067] In one implementation, the state determination module 501 is used to: Monitor in real time whether the first scroll distance of the parent list reaches the preset first distance threshold; If the first scrolling distance reaches a preset first distance threshold, it is determined that the parent list enters a ceiling state.
[0068] In one implementation, the state determination module 501 is further configured to: Monitor in real time whether the second scroll distance of the sublist reaches a preset second distance threshold; If the second scrolling distance reaches a preset second distance threshold, it is determined that the parent list is released from the ceiling state.
[0069] For the specific definition of the page control device, please refer to the relevant definition of the page control method above, which will not be repeated here. Each module in the above-mentioned page control device can be implemented in whole or in part by software, hardware and a combination thereof. The above-mentioned modules can be embedded in or independent of the processor in the computer device in the form of hardware, or can be stored in the memory of the computer device in the form of software, so that the processor can call and execute the operations corresponding to the above modules.
[0070] In one implementation, the present application embodiment discloses a computer device, which may be a server, and its internal structure diagram may be as shown in FIG. Figure 6 As shown. The computer device includes a processor, a memory, a network interface and a database connected through a system bus. Among them, the processor of the computer device is used to provide computing and control capabilities. The memory of the computer device includes a non-volatile storage medium and an internal memory. The non-volatile storage medium stores an operating system, a computer program and a database. The internal memory provides an environment for the operation of the operating system and the computer program in the non-volatile storage medium. The network interface of the computer device is used to communicate with an external terminal through a network connection. When the computer program is executed by the processor, a page control method is implemented.
[0071] In one embodiment, a computer device is provided, including a memory, a processor, and a computer program stored in the memory and executable on the processor, wherein the processor implements the following steps when executing the computer program: Monitor in real time whether the parent list enters the ceiling state. The ceiling state indicates that the bottom of the parent list content is scrolled to the top of the display window area; If the parent list does not enter the ceiling state, the window display area displays the display content of the parent list, sets the list state of the parent list to the scrolling state, so that the parent list scrolls up and down in response to the user's gesture operation, and sets the list state of the child list to the static state, so that the child list does not scroll up and down in response to the user's gesture operation; If the parent list enters the ceiling state, the window display area displays the display content of the child list, and the list state of the child list is set to the scrolling state so that the child list responds to the user's gesture operation to scroll up and down or switch left and right, and the list state of the parent list is set to the static state so that the parent list does not respond to the user's gesture operation to scroll up and down.
[0072] In one implementation, an embodiment of the present application discloses a computer-readable storage medium, and when instructions in the computer-readable storage medium are executed by a processor in a computer device, the computer device is enabled to perform the steps of any embodiment of a page control method disclosed in the present invention. The computer-readable storage medium may be non-volatile or volatile.
[0073] In one embodiment, a computer readable storage medium is provided, on which a computer program is stored, and when the computer program is executed by a processor, the following steps are implemented: Monitor in real time whether the parent list enters the ceiling state. The ceiling state indicates that the bottom of the parent list content is scrolled to the top of the display window area; If the parent list does not enter the ceiling state, the window display area displays the display content of the parent list, sets the list state of the parent list to the scrolling state, so that the parent list scrolls up and down in response to the user's gesture operation, and sets the list state of the child list to the static state, so that the child list does not scroll up and down in response to the user's gesture operation; If the parent list enters the ceiling state, the window display area displays the display content of the child list, and the list state of the child list is set to the scrolling state so that the child list responds to the user's gesture operation to scroll up and down or switch left and right, and the list state of the parent list is set to the static state so that the parent list does not respond to the user's gesture operation to scroll up and down.
[0074] Those of ordinary skill in the art can understand that all or part of the processes in the above-mentioned embodiment methods can be completed by instructing the relevant hardware through a computer program, and the computer program can be stored in a non-volatile computer-readable storage medium. When the computer program is executed, it can include the processes of the embodiments of the above-mentioned methods. Among them, any reference to memory, storage, database or other media used in the embodiments provided in this application may include non-volatile and / or volatile memory. Non-volatile memory may include read-only memory (ROM), programmable ROM (PROM), electrically programmable ROM (EPROM), electrically erasable programmable ROM (EEPROM) or flash memory. Volatile memory may include random access memory (RAM) or external cache memory. By way of illustration and not limitation, RAM is available in many forms, such as static RAM (SRAM), dynamic RAM (DRAM), synchronous DRAM (SDRAM), double data rate SDRAM (DDRSDRAM), enhanced SDRAM (ESDRAM), synchronous link (Synchlink) DRAM (SLDRAM), memory bus (Rambus) direct RAM (RDRAM), direct memory bus dynamic RAM (DRDRAM), and memory bus dynamic RAM (RDRAM), etc.
[0075] Those skilled in the art can clearly understand that for the convenience and simplicity of description, only the division of the above-mentioned functional units and modules is used as an example. In actual applications, the above-mentioned functions can be distributed and completed by different functional units and modules as needed, that is, the internal structure of the device can be divided into different functional units or modules to complete all or part of the functions described above.
[0076] The embodiments described above are only used to illustrate the technical solutions of the present invention, rather than to limit the same. Although the present invention has been described in detail with reference to the aforementioned embodiments, those skilled in the art should understand that the technical solutions described in the aforementioned embodiments may still be modified, or some of the technical features may be replaced by equivalents. Such modifications or replacements do not deviate the essence of the corresponding technical solutions from the spirit and scope of the technical solutions of the embodiments of the present invention, and should all be included in the protection scope of the present invention.
Claims
1. A page control method, characterized in that: Applied to an electronic device, the window display area of the electronic device is used to output an information flow page, the information flow page includes a parent list and multiple sub-lists that can be switched left and right, the sub-lists are nested in the parent list through a container component, and the parent list and the sub-list have the same scrolling direction, the method includes: Monitor in real time whether the parent list enters a ceiling state, wherein the ceiling state indicates that the bottom of the display content of the parent list scrolls to the top of the display window area; If the parent list does not enter the ceiling state, the window display area displays the display content of the parent list, sets the list state of the parent list to a scrolling state so that the parent list scrolls up and down in response to a user's gesture operation, and sets the list state of the child list to a static state so that the child list does not scroll up and down in response to a user's gesture operation; If the parent list enters the ceiling state, the window display area displays the display content of the child list, the list state of the child list is set to the scrolling state, so that the child list scrolls up and down or switches left and right in response to the user's gesture operation, and the list state of the parent list is set to the static state, so that the parent list does not scroll up and down in response to the user's gesture operation.
2. The page control method according to claim 1, characterized in that: The sublist is added with a selection attribute, and the selection attribute is used to indicate whether the sublist is selected. When the selection attribute of the sublist indicates that the sublist is selected, the sublist is determined to be the sublist currently displayed in the window display area, and the sublist is scrolled up and down or switched left and right according to the user's gesture operation.
3. The page control method according to claim 1, characterized in that: The information flow page also includes a tag list, and when the parent list enters the ceiling state, the tag list is adsorbed on the top of the window display area; Wherein, the tag list includes a plurality of list tags, and there is a one-to-one correspondence between the list tags and the sub-lists. When the list tag is clicked and selected by the user, the sub-list corresponding to the list tag is switched to be displayed; When the sublist is switched left or right in response to the gesture operation of the user, it is determined that the list label corresponding to the sublist displayed after the switching is selected by the user.
4. The page control method according to claim 1, characterized in that: The parent list and the child list are respectively added with different level attributes, and the parent list is determined from the information flow page according to the level attributes to monitor whether the parent list enters the ceiling state.
5. The page control method according to claim 1, characterized in that: The real-time monitoring of whether the parent list enters the ceiling state includes: Monitor in real time whether the first scroll distance of the parent list reaches a preset first distance threshold; If the first scrolling distance reaches a preset first distance threshold, it is determined that the parent list enters the ceiling state.
6. The page control method according to claim 5, characterized in that: After determining that the parent list enters the ceiling state, the method further includes: Monitoring in real time whether the second scrolling distance of the sublist reaches a preset second distance threshold; If the second scrolling distance reaches a preset second distance threshold, it is determined that the parent list releases the ceiling state.
7. A page control device, characterized in that: Applied to an electronic device, the window display area of the electronic device is used to output an information flow page, the information flow page includes a parent list, a tag list nested in the parent list and a plurality of sub-lists capable of switching display, the parent list and the sub-list have the same scrolling direction, and the device includes: A state judgment module, used for monitoring in real time whether the parent list enters a ceiling state, wherein the ceiling state indicates that the bottom of the display content of the parent list scrolls to the top of the display window area; A first scrolling module is used for, when the parent list has not entered the ceiling state, displaying the display content of the parent list in the window display area, setting the list state of the parent list to a scrolling state so that the parent list scrolls in response to a user's gesture operation, and setting the list state of the currently displayed child list to a static state so that the child list does not scroll in response to the user's gesture operation; The second scrolling module is used to display the display content of the child list in the window display area when the parent list enters the ceiling state, set the list state of the child list to the scrolling state so that the child list scrolls in response to the user's gesture operation, and set the list state of the parent list to the static state so that the parent list does not scroll in response to the user's gesture operation, and the tag list is adsorbed on the top of the window display area.
8. The page control device according to claim 7, characterized in that: The sublist is added with a selection attribute, and the selection attribute is used to indicate whether the sublist is selected. When the selection attribute of the sublist indicates that the sublist is selected, the sublist is determined to be the sublist currently displayed in the window display area, and the sublist is scrolled up and down or switched left and right according to the user's gesture operation.
9. A computer device comprising a memory, a processor, and a computer program stored in the memory and executable on the processor, characterized in that: When the processor executes the computer program, the page control method according to any one of claims 1 to 6 is implemented.
10. A computer-readable storage medium storing a computer program, characterized in that: When the computer program is executed by a processor, the page control method according to any one of claims 1 to 6 is implemented.