CN115237325A - Page content updating method and device, computer equipment and storage medium - Google Patents

Page content updating method and device, computer equipment and storage medium Download PDF

Info

Publication number
CN115237325A
CN115237325A CN202210817195.3A CN202210817195A CN115237325A CN 115237325 A CN115237325 A CN 115237325A CN 202210817195 A CN202210817195 A CN 202210817195A CN 115237325 A CN115237325 A CN 115237325A
Authority
CN
China
Prior art keywords
page
sliding
target
information card
content
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Pending
Application number
CN202210817195.3A
Other languages
Chinese (zh)
Inventor
李琨
龚世杰
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Douyin Vision Beijing Co Ltd
Original Assignee
Douyin Vision Beijing Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Douyin Vision Beijing Co Ltd filed Critical Douyin Vision Beijing Co Ltd
Priority to CN202210817195.3A priority Critical patent/CN115237325A/en
Publication of CN115237325A publication Critical patent/CN115237325A/en
Pending legal-status Critical Current

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • G06F3/04883Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures for inputting data by handwriting, e.g. gesture or text
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/0483Interaction with page-structured environments, e.g. book metaphor
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures

Landscapes

  • Engineering & Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

The disclosure provides a page content updating method, a page content updating device, a computer device and a storage medium, wherein the method comprises the following steps: displaying first page content on a content display page, wherein the first page content is a list page comprising a plurality of first information cards; responding to the target operation aiming at the content display page, and displaying the content of a second page; the second page content is a list page comprising a plurality of second information cards, or the second page content is a list page comprising a plurality of second information cards and part of the first information cards; wherein the plurality of second information cards are different from the plurality of first information cards.

Description

Page content updating method and device, computer equipment and storage medium
Technical Field
The present disclosure relates to the field of computer technologies, and in particular, to a method and an apparatus for updating page content, a computer device, and a storage medium.
Background
With the rapid development of internet technology and mobile terminal device technology, mobile terminal devices gradually replace traditional media resource propagation media such as televisions, books, newspapers and the like, and become a main way for more and more people to acquire media resources.
In practical application, when a user uses a terminal device to browse a page, the content displayed on the page often needs to be updated by using a sliding operation, the sliding distance of the page is set to be related to the sliding speed and the sliding direction of the sliding operation, the larger the sliding speed in a certain sliding direction is, the farther the sliding distance is, and if the sliding speed is too high, the farther the sliding distance is possibly caused, so that the user may miss interesting content, and the content missed in the last sliding needs to be slid in the opposite direction; if the speed of the sliding operation is too slow, the current page may show the contents that the user has browsed but is not interested in, so that the user may need to find the interested contents through multiple sliding operations, and the user experience is affected.
Disclosure of Invention
The embodiment of the disclosure at least provides a page content updating method, a page content updating device, computer equipment and a storage medium.
In a first aspect, an embodiment of the present disclosure provides a page content updating method, including:
displaying first page content on a content display page, wherein the first page content is a list page comprising a plurality of first information cards;
responding to the target operation aiming at the content display page, and displaying the content of a second page; the second page content is a list page comprising a plurality of second information cards, or the second page content is a list page comprising a plurality of second information cards and part of the first information cards;
wherein the plurality of second information cards are different from the plurality of first information cards.
In a possible implementation, in a case where the target operation is a swipe operation, the method further includes determining the second page content according to the following method:
obtaining an operation parameter corresponding to the target operation, wherein the operation parameter comprises a sliding direction of the target operation;
determining a first target information card in a plurality of first information cards of the first page content based on the sliding direction of the target operation;
determining a first page sliding distance based on the first position information of the first target information card and the operation parameter;
determining the second page content based on the first page sliding distance.
In a possible embodiment, the operating parameters further comprise a slip speed;
the determining a first page sliding distance based on the first position information of the first target information card and the operating parameter comprises:
and under the condition that the sliding speed of the target operation ending moment is not smaller than a preset speed threshold value, determining the sliding distance of the first page based on the first position information of the first target information card.
In a possible implementation, in a case where the target operation is a sliding operation, the method further includes:
acquiring an operation parameter corresponding to the target operation, wherein the operation parameter comprises the sliding speed of the target operation;
under the condition that the sliding speed of the target operation ending moment is detected to be smaller than a preset speed threshold, determining a second page sliding distance based on the sliding speed;
and controlling the first page content to be updated based on the second page sliding distance.
In a possible implementation manner, the operation parameter corresponding to the target operation further includes a sliding direction;
the determining a second page sliding distance based on the sliding speed comprises:
determining an initial sliding distance corresponding to the sliding speed;
determining each information card to be displayed after the first page content slides according to the initial sliding distance;
determining a second target information card in the plurality of information cards to be displayed based on the sliding direction corresponding to the target operation;
and determining a second page sliding distance corresponding to the target operation based on the second position information of the second target information card and the initial sliding distance.
In a possible embodiment, the sliding direction comprises an upward sliding and a downward sliding;
the determining a first target information card in the plurality of first information cards based on the sliding direction corresponding to the target operation comprises:
taking the information card at the bottom of the plurality of first information cards as the first target information card when the sliding direction corresponding to the target operation is detected to be upward sliding; and (c) a second step of,
and when the sliding direction corresponding to the target operation is detected to be downward sliding, taking the top information card in the plurality of first information cards as the first target information card.
In a possible implementation manner, when a first target information card in the first information cards meets a preset condition, the second page content includes the first target information card;
the displaying of the second page content includes:
and determining the target display position of the first target information card on the second list page according to the sliding direction and displaying.
In a possible implementation manner, the first target information card meeting a preset condition includes that the content of the first target information card on the first page is not completely displayed, and/or the display proportion of the first target information card is smaller than a preset display proportion, and/or a detailed page corresponding to the first target information card is not displayed.
In a possible implementation manner, the determining, according to the sliding direction, the target display position of the first target information card on the second list page includes:
when the sliding direction is upward sliding, the target display position is a top position, and a top edge of the target display position is overlapped with a top edge of the list page;
and under the condition that the sliding direction is downward sliding, the target display position is a bottom position, and the bottom edge of the target display position is superposed with the bottom edge of the list page.
In a possible implementation manner, in a case that it is detected that the sliding direction corresponding to the target operation is an upward sliding direction, the determining the first page sliding distance based on the first position information of the first target information card includes:
under the condition that the first target information card meets a preset condition, determining a first distance between the top edge of the first target information card and the top edge of the list page based on the display position information of the first target information card, and taking the determined first distance as the first page sliding distance;
and under the condition that the first target information card does not meet the preset condition, determining a first distance between the bottom edge of the first target information card and the top edge of the list page based on the display position information of the first target information card, and taking the determined first distance as the first page sliding distance.
In a possible implementation manner, in a case that it is detected that the sliding direction corresponding to the target operation is a downward sliding direction, the determining the first page sliding distance based on the first position information of the first target information card includes:
determining a second distance between the bottom edge of the first target information card and the bottom edge of the list page based on the display position information of the first target information card when the first target information card meets a preset condition, and taking the determined second distance as the first page sliding distance;
and under the condition that the first target information card does not meet the preset condition, determining a second distance between the top edge of the first target information card and the bottom edge of the list page based on the display position information of the first target information card, and taking the determined second distance as the first page sliding distance.
In a possible implementation, in a case where the sliding direction in the operation parameter is a downward sliding, after determining the first page sliding distance, the method further includes:
determining the maximum sliding distance of the content display page;
determining the second page content based on the first page sliding distance if the first page sliding distance is less than the maximum sliding distance.
In a possible embodiment, the method further comprises:
and under the condition that the first page sliding distance is not smaller than the maximum sliding distance, determining the second page content based on the maximum sliding distance.
In a possible embodiment, the determining the maximum sliding distance of the content presentation page includes:
acquiring historical sliding distance and historical sliding direction of the content display page, and determining the maximum sliding distance based on the historical sliding distance and the historical sliding direction; alternatively, the first and second electrodes may be,
and determining the displayed historical information card, and determining the maximum sliding distance based on the size information of the historical information card and the currently displayed information card.
In a possible implementation, the determining the second page content based on the first page sliding distance includes determining a second information card included in the second page content according to the following method:
and after the first page content is controlled to slide according to the sliding distance of the first page, the pre-loaded information card to be displayed on the content display page is used as a second information card in the second page content.
In a second aspect, an embodiment of the present disclosure further provides a page content updating apparatus, including:
the content display system comprises a first display module, a second display module and a display module, wherein the first display module is used for displaying first page content on a content display page, and the first page content is a list page comprising a plurality of first information cards;
the second display module is used for responding to the target operation aiming at the content display page and displaying the content of a second page; the second page content is a list page comprising a plurality of second information cards, or the second page content is a list page comprising a plurality of second information cards and part of the first information cards;
wherein the plurality of second information cards are different from the plurality of first information cards.
In a possible implementation, in a case that the target operation is a sliding operation, the second presentation module is further configured to determine the second page content according to the following steps:
obtaining an operation parameter corresponding to the target operation, wherein the operation parameter comprises a sliding direction of the target operation;
determining a first target information card in a plurality of first information cards of the first page content based on the sliding direction of the target operation;
determining a first page sliding distance based on the first position information of the first target information card and the operation parameter;
determining the second page content based on the first page sliding distance.
In a possible embodiment, the operating parameters further comprise a slip speed;
the second display module, when determining a first page sliding distance based on the first position information of the first target information card and the operation parameter, is configured to:
and under the condition that the sliding speed of the target operation ending moment is not smaller than a preset speed threshold value, determining the sliding distance of the first page based on the first position information of the first target information card.
In a possible embodiment, in the case where the target operation is a slide operation, the second presentation module is further configured to:
acquiring an operation parameter corresponding to the target operation, wherein the operation parameter comprises the sliding speed of the target operation;
under the condition that the sliding speed of the target operation ending moment is detected to be smaller than a preset speed threshold, determining a second page sliding distance based on the sliding speed;
and controlling the first page content to be updated based on the second page sliding distance.
In a possible implementation manner, the operation parameter corresponding to the target operation further includes a sliding direction;
the second display module, when determining a second page sliding distance based on the sliding speed, is configured to:
determining an initial sliding distance corresponding to the sliding speed;
determining each information card to be displayed after the first page content slides according to the initial sliding distance;
determining a second target information card in the plurality of information cards to be displayed based on the sliding direction corresponding to the target operation;
and determining a second page sliding distance corresponding to the target operation based on the second position information of the second target information card and the initial sliding distance.
In a possible embodiment, the sliding direction comprises an upward sliding and a downward sliding;
the second display module, when determining a first target information card of the plurality of first information cards based on the sliding direction corresponding to the target operation, is configured to:
taking the information card at the bottom of the plurality of first information cards as the first target information card when the sliding direction corresponding to the target operation is detected to be upward sliding; and the number of the first and second groups,
and when the sliding direction corresponding to the target operation is detected to be downward sliding, taking the top information card in the plurality of first information cards as the first target information card.
In a possible implementation manner, when a first target information card in the first information cards meets a preset condition, the second page content includes the first target information card;
the second display module, when displaying the second page content, is configured to:
and determining the target display position of the first target information card on the second list page according to the sliding direction and displaying.
In a possible implementation manner, the first target information card meeting a preset condition includes that the content of the first target information card is not completely displayed on the first page, and/or a display ratio of the first target information card is smaller than a preset display ratio, and/or a detailed page corresponding to the first target information card is not displayed.
In a possible implementation manner, when determining the target display position of the first target information card on the second list page according to the sliding direction, the second display module is configured to:
when the sliding direction is upward sliding, the target display position is a top position, and a top edge of the target display position is overlapped with a top edge of the list page;
and under the condition that the sliding direction is downward sliding, the target display position is a bottom position, and the bottom edge of the target display position is superposed with the bottom edge of the list page.
In a possible implementation manner, in a case that it is detected that the sliding direction corresponding to the target operation is an upward sliding direction, the second display module, when determining the first page sliding distance based on the first position information of the first target information card, is configured to:
under the condition that the first target information card meets a preset condition, determining a first distance between the top edge of the first target information card and the top edge of the list page based on the display position information of the first target information card, and taking the determined first distance as the first page sliding distance;
and under the condition that the first target information card does not meet the preset condition, determining a first distance between the bottom edge of the first target information card and the top edge of the list page based on the display position information of the first target information card, and taking the determined first distance as the first page sliding distance.
In a possible implementation manner, in a case that it is detected that the sliding direction corresponding to the target operation is a downward sliding direction, the second display module, when determining the first page sliding distance based on the first position information of the first target information card, is configured to:
determining a second distance between the bottom edge of the first target information card and the bottom edge of the list page based on the display position information of the first target information card under the condition that the first target information card meets a preset condition, and taking the determined second distance as the first page sliding distance;
and under the condition that the first target information card does not meet the preset condition, determining a second distance between the top edge of the first target information card and the bottom edge of the list page based on the display position information of the first target information card, and taking the determined second distance as the first page sliding distance.
In a possible embodiment, in case the sliding direction in the operating parameter is a downward sliding, after determining the first page sliding distance, the second presentation module is further configured to:
determining the maximum sliding distance of the content display page;
determining the second page content based on the first page sliding distance if the first page sliding distance is less than the maximum sliding distance.
In a possible embodiment, the second display module is further configured to:
and under the condition that the first page sliding distance is not smaller than the maximum sliding distance, determining the second page content based on the maximum sliding distance.
In one possible embodiment, the second presentation module, when determining the maximum sliding distance of the content presentation page, is configured to:
obtaining a historical sliding distance and a historical sliding direction of the content display page, and determining the maximum sliding distance based on the historical sliding distance and the historical sliding direction; alternatively, the first and second electrodes may be,
and determining the displayed historical information card, and determining the maximum sliding distance based on the size information of the historical information card and the currently displayed information card.
In a possible implementation manner, the second presentation module, when determining the second page content based on the first page sliding distance, is configured to determine a second information card included in the second page content according to the following method:
and after the first page content is controlled to slide according to the sliding distance of the first page, the pre-loaded information card to be displayed on the content display page is used as a second information card in the second page content.
In a third aspect, an embodiment of the present disclosure further provides a computer device, including: a processor, a memory and a bus, the memory storing machine-readable instructions executable by the processor, the processor and the memory communicating via the bus when the computer device is running, the machine-readable instructions when executed by the processor performing the steps of the first aspect or any one of the possible implementations of the first aspect.
In a fourth aspect, this disclosed embodiment also provides a computer-readable storage medium, on which a computer program is stored, where the computer program is executed by a processor to perform the steps in the first aspect or any one of the possible implementation manners of the first aspect.
According to the page content updating method, the page content updating device, the computer equipment and the storage medium, the content displayed on the content display page is switched from the list page containing a plurality of first information cards to the list page containing a plurality of second information cards or to the list page containing a plurality of second information cards and part of first information cards by responding to the target operation aiming at the content display page, and the first information cards and the second information cards are different information cards, so that the information cards displayed on the content display page can be quickly updated in the mode; the switched list page can also comprise part of the first information cards, so that the consistency of the first page content and the second page content can be realized, the method can help a user to quickly find out interested contents, and the browsing efficiency of the user is improved.
In order to make the aforementioned objects, features and advantages of the present disclosure more comprehensible, preferred embodiments accompanied with figures are described in detail below.
Drawings
In order to more clearly illustrate the technical solutions of the embodiments of the present disclosure, the drawings required in the embodiments will be briefly described below, and the drawings herein incorporated in and forming a part of the specification illustrate embodiments consistent with the present disclosure and, together with the description, serve to explain the technical solutions of the present disclosure. It is to be understood that the following drawings depict only certain embodiments of the disclosure and are therefore not to be considered limiting of its scope, for those skilled in the art to which the disclosure pertains without the benefit of the inventive faculty, and that additional related drawings may be derived therefrom.
Fig. 1 shows a flowchart of a page content updating method provided by an embodiment of the present disclosure;
fig. 2a shows a schematic diagram of a first target information card when a sliding direction corresponding to a target operation is an upward sliding direction in the page content updating method provided by the embodiment of the present disclosure;
fig. 2b shows a schematic diagram of a first target information card when a sliding direction corresponding to a target operation is downward sliding in the page content updating method provided by the embodiment of the present disclosure;
fig. 2c is a schematic diagram illustrating a sliding distance of a first page when a sliding direction corresponding to a target operation is an upward sliding direction in the page content updating method provided in the embodiment of the present disclosure;
fig. 2d shows a second page content displayed after sliding according to the sliding distance of the first page when the sliding direction corresponding to the target operation is upward sliding in the page content updating method provided by the embodiment of the disclosure;
fig. 2e is a schematic diagram illustrating a sliding distance of a first page when a sliding direction corresponding to a target operation is a downward sliding direction in the page content updating method provided by the embodiment of the disclosure;
fig. 2f shows a second page content displayed after sliding according to the sliding distance of the first page when the sliding direction corresponding to the target operation is downward sliding in the page content updating method provided by the embodiment of the disclosure;
fig. 2g is a schematic diagram illustrating that, in the page content updating method provided by the embodiment of the present disclosure, an adjustment distance corresponding to an initial sliding distance is determined;
FIG. 3 is a schematic diagram illustrating an architecture of a page content updating apparatus provided in an embodiment of the present disclosure;
fig. 4 shows a schematic structural diagram of a computer device provided in an embodiment of the present disclosure.
Detailed Description
In order to make the objects, technical solutions and advantages of the embodiments of the present disclosure more clear, the technical solutions of the embodiments of the present disclosure will be described clearly and completely with reference to the drawings in the embodiments of the present disclosure, and it is obvious that the described embodiments are only a part of the embodiments of the present disclosure, not all of the embodiments. The components of the embodiments of the present disclosure, generally described and illustrated in the figures herein, can be arranged and designed in a wide variety of different configurations. Thus, the following detailed description of the embodiments of the disclosure, provided in the accompanying drawings, is not intended to limit the scope of the disclosure, as claimed, but is merely representative of selected embodiments of the disclosure. All other embodiments, which can be derived by a person skilled in the art from the embodiments of the disclosure without making creative efforts, shall fall within the protection scope of the disclosure.
It should be noted that: like reference numbers and letters refer to like items in the following figures, and thus, once an item is defined in one figure, it need not be further defined and explained in subsequent figures.
The term "and/or" herein merely describes an associative relationship, meaning that three relationships may exist, e.g., a and/or B, may mean: a exists alone, A and B exist simultaneously, and B exists alone. In addition, the term "at least one" herein means any one of a plurality or any combination of at least two of a plurality, for example, including at least one of a, B, and C, and may mean including any one or more elements selected from the group consisting of a, B, and C.
It is understood that before the technical solutions disclosed in the embodiments of the present disclosure are used, the type, the use range, the use scene, etc. of the personal information related to the present disclosure should be informed to the user and obtain the authorization of the user through a proper manner according to the relevant laws and regulations.
For example, in response to receiving an active request from a user, a prompt message is sent to the user to explicitly prompt the user that the requested operation to be performed would require the acquisition and use of personal information to the user. Thus, the user can autonomously select whether to provide personal information to software or hardware such as an electronic device, an application program, a server, or a storage medium that performs the operations of the technical solution of the present disclosure, according to the prompt information.
As an alternative but non-limiting implementation manner, in response to receiving an active request from the user, the manner of sending the prompt information to the user may be, for example, a pop-up window manner, and the prompt information may be presented in a text manner in the pop-up window. In addition, a selection control for providing personal information to the electronic device by the user's selection of "agreeing" or "disagreeing" can be carried in the popup.
It is understood that the above notification and user authorization process is only illustrative and not limiting, and other ways of satisfying relevant laws and regulations may be applied to the implementation of the present disclosure.
Research shows that when a user uses a terminal device to browse a page, the content displayed on the page often needs to be updated by using a sliding operation, the sliding distance of the page is set to be related to the sliding speed and the sliding direction of the sliding operation, the larger the sliding speed in a certain sliding direction is, the farther the sliding distance is, and if the sliding speed is too high, the farther the sliding distance is possibly caused, so that the user may miss interesting content, and the content missed in the last sliding needs to be slid in the opposite direction; if the speed of the sliding operation is too slow, the current page may show the contents that the user has browsed but is not interested in, so that the user may need to find the interested contents through multiple sliding operations, and the user experience is affected.
For example, taking the content displayed in the page as the information cards 1 to 6 as an example, after the user slides the page too fast, the content displayed in the page may be the information cards 11 to 15, and due to the factor of too long sliding distance, the user loses the opportunity of browsing the information cards 7 to 10, so that the user needs to slide the page in the opposite direction to browse the related content of the information cards 7 to 10; when the user slides the page too slowly, the contents displayed in the page may be the information cards 2 to 7, but the information cards 2 to 6 are all contents that the user browses but are not interested, so that the user may need to find the interested contents through multiple sliding operations, and browsing efficiency is low.
Based on the above research, the present disclosure provides a page content updating method, apparatus, computer device and storage medium, by responding to a target operation for a content presentation page, switching content presented on the content presentation page from a list page containing a plurality of first information cards to a list page containing a plurality of second information cards, or to a list page containing a plurality of second information cards and a part of first information cards, and as the first information cards and the second information cards are different information cards, in this way, fast updating of the information cards presented on the content presentation page can be achieved; the switched list page can also comprise part of the first information cards, so that the consistency of the first page content and the second page content can be realized, the method can help a user to quickly find out interested contents, and the browsing efficiency of the user is improved.
For example, if the first page content includes a plurality of first information cards, if a user wants to view another information card, the content may be updated by performing a sliding operation on the first page content, and if the sliding speed of the sliding operation is too slow, the user may still be an information card that the user does not have interest in or has read before in the sliding process of the user, and the user needs to perform multiple sliding operations to update the content; if the sliding speed of the sliding operation is too fast, the information card interested by the user may be missed, and therefore the user needs to perform the sliding operation in the opposite direction to view the information card interested by the user.
In the method provided by the disclosure, after the user performs the target operation, the first page content is directly switched to the second page content, the effect is similar to the page turning operation, the information cards displayed in different page contents are completely different, or for continuous display, the second page content can include a small part of the first page content, so that the page content can be quickly updated, the user can be helped to quickly select the interested content, and the reading efficiency is improved.
To facilitate understanding of the present embodiment, first, a page content updating method disclosed in the embodiments of the present disclosure is described in detail, where an execution main body of the page content updating method provided in the embodiments of the present disclosure is generally a terminal device having a display apparatus, and the terminal device includes, for example: smart phones, tablet computers, smart watches, and the like.
Referring to fig. 1, a flowchart of a page content updating method provided by the embodiment of the present disclosure is shown, where the method includes S101 to S102, where:
s101: and displaying first page content on a content display page, wherein the first page content is a list page comprising a plurality of first information cards.
S102: responding to the target operation aiming at the content display page, and displaying the content of a second page; the second page content is a list page comprising a plurality of second information cards, or the second page content is a list page comprising a plurality of second information cards and part of the first information cards; wherein the plurality of second information cards are different from the plurality of first information cards.
The following is a detailed description of the above steps.
With respect to S101,
The first information card may be, for example, a display card of preview information of multimedia content, the information card may correspond to a detailed page of the multimedia content, and the detailed page corresponding to the information card may be displayed by triggering the information card.
In practical applications, the plurality of first information cards displayed on the content display page may be information cards in an information stream, the content display page may be a display page of the information stream, and sizes of different information cards may be different.
For S102,
The target operation for the target presentation page may include, but is not limited to, a sliding operation, a single-click operation, a double-click operation, a re-pressing operation, a long-pressing operation, and the like.
The second page content may be a list page distinct from the first page content, the second page content may be completely different from the first page content, or may be partially the same as the first page content.
In one possible implementation, when the second page content is presented in response to the target operation on the target presentation page, the first page content may be switched to the second page content according to a preset switching special effect (for example, a sliding special effect, a page turning special effect, or the like).
In a possible implementation manner, the target operation may be a sliding operation for the content presentation page, where the sliding operation refers to a quick sliding operation, and the sliding speed may still be detected at the operation end time, the quick sliding operation may be, for example, an operation in which a finger of a user presses down and quickly slides for a distance before lifting up the content presentation page, one press-slide-lift operation may be regarded as one quick sliding operation, the operation end time may be a time when the finger of the user lifts up from the content presentation page, and the sliding speed detected at the end time is a sliding speed corresponding to the time when the finger of the user lifts up.
In a possible implementation, in the case that the target operation is a sliding operation, the second page content may be determined through the following steps A1 to A4:
a1: and acquiring the operation parameters corresponding to the target operation.
Here, the sliding parameter may include a sliding direction of the target operation, the sliding direction being a direction of the detected sliding operation, and may include, for example, an upward sliding and a downward sliding, and when the sliding operation in which the sliding direction is the upward sliding is detected, the content presentation page may present presentation content subsequent to the currently presented content.
A2: and determining a first target information card in the plurality of first information cards of the first page content based on the sliding direction of the target operation.
Specifically, when the first target information card is determined, the following situations can be classified:
case 1, the sliding direction corresponding to the target operation is upward sliding
In this case, the bottom information card among the plurality of first information cards may be the first target information card.
For example, as shown in fig. 2a, the sliding direction corresponding to the target operation is upward sliding, and the first page content includes first information cards "information card 1" to "information card 6", where the bottom information card "information card 6" (shown by the shaded portion in fig. 2 a) in the plurality of first information cards may be the first target information card.
Case 2, the sliding direction corresponding to the target operation is downward sliding
In this case, the top information card among the plurality of first information cards may be the first target information card.
For example, as shown in fig. 2b, the sliding direction corresponding to the target operation is downward sliding, and the first page content includes first information cards "information card 1" to "information card 6", where the top information card "information card 1" (shown by the shaded portion in fig. 2 b) in the plurality of first information cards may be the first target information card.
A3: and determining a first page sliding distance based on the first position information of the first target information card and the operation parameter.
Here, the first page sliding distance is used to represent a distance that the content presentation page needs to be slid after the target operation is detected to be finished.
In a possible implementation manner, the operation parameter may further include a sliding speed, and when the first page sliding distance is determined, the first page sliding distance may be determined based on the first position information of the first target information card when it is detected that the sliding speed at the target operation end time is not less than a preset speed threshold.
The sliding speed can be obtained by calling a preset interface function, and the sliding speed can be obtained by calling the preset interface function in real time by setting a content display page monitoring event.
Specifically, when determining the sliding distance of the first page, the following situations can be classified:
in case 1, the sliding direction corresponding to the target operation is upward sliding.
Here, in a case where the first target information card satisfies a preset condition, a first distance between a top edge of the first target information card and a top edge of the list page may be determined based on the presentation position information of the first target information card, and the determined first distance may be taken as the first page sliding distance.
The first target information card meeting the preset condition may include that the content of the first target information card is not completely displayed on the first page, and/or the display proportion of the first target information card is smaller than a preset display proportion, and/or the detailed page corresponding to the first target information card is not displayed.
Here, if the content of the first target information card on the first page is not completely displayed, and/or the display proportion of the first target information card is smaller than a preset display proportion, and/or a detailed page corresponding to the first target information card is not displayed, it may be indicated that the display requirement still exists on the first target information card.
For example, as shown in fig. 2c, the sliding direction corresponding to the target operation is upward sliding, information cards 1 to 6 are displayed in the content display page, at this time, the first target information card is "information card 6", and at this time, the distance between the top edge of the first target information card "information card 6" and the top edge of the list page (that is, the distance 1 in fig. 2 c) may be used as the first page sliding distance.
Therefore, after the displayed content is updated according to the sliding distance of the first page, the first target information card still having the display requirement can be displayed, and therefore complete and coherent reading experience can be brought to a user.
In addition, when the first target information card does not meet the preset condition, a first distance between the bottom edge of the first target information card and the top edge of the list page is determined based on the display position information of the first target information card, and the determined first distance is used as the first page sliding distance.
For example, as shown in fig. 2c, the sliding direction corresponding to the target operation is upward sliding, information cards 1 to 6 are displayed in the content display page, at this time, the first target information card is "information card 6", and at this time, a distance between a bottom edge (shown by a dotted line in fig. 2 c) of the first target information card "information card 6" and a top edge of the list page (i.e., distance 2 in fig. 2 c) may be used as the first page sliding distance.
For example, after the sliding is performed according to the first page sliding distance, the displayed second page content may be as shown in fig. 2d, and since the distance 2 is used as the first page sliding distance on the basis of fig. 2c, the information card 7 behind the information card 6 may be completely displayed when the second page content is displayed.
It should be noted here that the edges between two adjacent cards are coincident, i.e., the bottom edge of the previous information card is the top edge of the next information card.
And in case 2, the sliding direction corresponding to the target operation is downward sliding.
Here, in a case where the first target information card satisfies a preset condition, a second distance between a bottom edge of the first target information card and a bottom edge of the list page may be determined based on the presentation position information of the first target information card, and the determined second distance may be taken as the first page sliding distance.
For example, as shown in fig. 2e, the sliding direction corresponding to the target operation is downward sliding, information cards 10 to 15 are displayed in the content display page, the first target information card is "information card 10" at this time, and the distance between the bottom edge of the first information card "information card 10" and the bottom edge of the list page (i.e. distance 3 in fig. 2 e) may be used as the first page sliding distance at this time.
In addition, when the first target information card does not meet the preset condition, a second distance between the top edge of the first target information card and the bottom edge of the list page is determined based on the display position information of the first target information card, and the determined second distance is used as the first page sliding distance.
For example, as shown in fig. 2f, the sliding direction corresponding to the target operation is downward sliding, information cards 10 to 15 are displayed in the content display page, at this time, the first target information card is "information card 10", and at this time, the distance between the bottom edge of the first target information card "information card 10" and the bottom edge of the list page (that is, the distance 4 in fig. 2 e) may be used as the first page sliding distance.
For example, after the sliding is performed according to the first page sliding distance, the displayed second page content may be as shown in fig. 2f, and since the distance 4 is used as the first page sliding distance on the basis of fig. 2e, the information card 9 before the information card 10 may be completely displayed when the second page content is displayed.
Further, in the case that the sliding direction in the operation parameter is downward sliding, after determining the first page sliding distance, the maximum sliding distance of the content presentation page may also be determined, and in the case that the first page sliding distance is smaller than the maximum sliding distance, the second page content may be determined based on the first page sliding distance.
Furthermore, in a case where the first page sliding distance is smaller than the maximum sliding distance, the second page content may be further determined based on the maximum sliding distance.
Here, in determining the maximum sliding distance of the content presentation page, any one of the following manners may be adopted:
mode 1 based on the historical sliding distance and the historical sliding direction
Here, the historical sliding distance and the historical sliding direction of the content presentation page may be acquired, and the maximum sliding distance may be determined based on the historical sliding distance and the historical sliding direction.
Specifically, the historical sliding operation initiated on the content presentation page after the content presentation page is opened may be recorded, and the maximum sliding distance may be determined according to the historical sliding distance and the historical sliding direction included in the historical sliding operation.
For example, if the history sliding operation initiated for the content presentation page includes sliding upwards by 50cm and sliding downwards by 30cm, it may be determined according to the history sliding operation that the maximum sliding distance corresponding to the current target operation is 20cm, and the limited sliding direction corresponding to the maximum sliding distance is sliding downwards, that is, if the sliding distance of the current target operation is greater than 20cm, a situation that the information card in the content presentation page is not sufficiently presented may occur, and therefore, the information card may only slide downwards by 20cm at most to return to the state when the content presentation page is initially presented, and the operation performed thereafter may be any achievable operation (for example, an operation of pulling down to refresh the content presentation page, and the like), which is not limited in the embodiment of the present disclosure.
In addition, the sliding limiting conditions can be set in advance for different sliding directions, so that the maximum sliding distances respectively corresponding to the different sliding directions can be determined according to the historical sliding distance, the historical sliding direction and the sliding limiting conditions.
For example, taking the sliding direction including the upward sliding and the downward sliding as an example, the limited sliding condition that can be set for the upward sliding may be, for example, that the single sliding distance does not exceed the sum of the widths of the preloaded information cards, or that the single sliding distance does not exceed a preset target distance; the limited slip condition that may be set for the downward slip may be, for example, that the single slip distance does not exceed the sum of the historical slip-up distances, where the formula for calculating the sum of the historical slip-up distances is: the sliding direction in the historical sliding operation is the sum of the sliding distances corresponding to the upward sliding operation and the sliding direction in the historical sliding operation is the sum of the sliding distances corresponding to the downward sliding operation.
Mode 2, show the historical information card that the page has been shown according to the content
Here, it is possible to determine a history information card that the content presentation page has been presented, and determine the maximum sliding distance based on size information of the history information card and an information card that the content presentation page is currently presented.
For example, taking the sliding direction as upward sliding and downward sliding as an example, the displayed width information corresponding to the content display page may be determined according to the width information in the size information of the history information card, and the sum of the width information corresponding to the information cards 1 to 11 (that is, all information cards before the currently displayed information card) may be used as the maximum sliding distance set for the downward sliding direction; the displayed width information may be subtracted from the width information corresponding to each of the information cards 1 to 17 (i.e., the last information card of the currently displayed information card), and the obtained value may be used as the maximum sliding distance set in the upward sliding direction.
In another possible implementation manner, when the page sliding distance is determined, and when it is detected that the sliding speed at the target operation end time is smaller than the preset speed threshold, a second page sliding distance is determined based on the sliding speed, so as to control the first page content to be updated based on the second page sliding distance.
Here, the different sliding speeds may correspond to different initial sliding distances set in advance.
Specifically, when the initial sliding distance is determined based on the sliding speed of the target operation, the initial sliding distance corresponding to the sliding speed at the end time of the target operation may be determined according to a mapping relationship between the sliding speed and the initial sliding distance.
For example, taking the preset speed threshold as 2m/s and the sliding speed at the target operation ending time as 1m/s, when it is detected that the sliding speed at the target operation ending time is less than the preset speed threshold, the initial sliding distance corresponding to the target operation may be determined to be 30cm according to a mapping relationship between a preset sliding speed and an initial sliding distance.
In this way, by setting a preset speed threshold and determining the page sliding distance according to the steps under the condition that the sliding speed of the target operation ending moment is not less than the preset speed threshold, the problem that the user interested content is missed due to the fact that the sliding speed of the user is too high can be avoided; and when the sliding speed of the target operation ending moment is smaller than the preset speed threshold, the page sliding can be carried out as much as possible according to the sliding speed desired by the user, and the actual page sliding requirement of the user is met.
Further, when the second page content is determined according to the initial sliding distance, a situation that an information card is incompletely displayed in the second page content after sliding according to the initial sliding distance may occur, so that after the initial sliding distance is determined, the initial sliding distance may be updated according to the following steps B1 to B3, so as to obtain an updated page sliding distance:
b1: and determining each information card to be displayed after the first page content slides according to the initial sliding distance.
Here, when determining each information card to be displayed, each information card to be displayed after sliding according to the initial sliding distance may be determined according to size information of each information card loaded in advance and size information of the first page content.
For example, taking currently displayed information cards as the information cards 1 to 6, the sliding direction is upward sliding, and the page sliding distance is 30cm as an example, the information cards to be displayed may be determined to be the information cards 12 to 15 according to width information of 6cm, 5cm, 6cm, and 6cm in the size information of the information cards 7 to 15 loaded in advance and width information of 20cm in the size information of the content display page.
B2: and determining a second target information card in the plurality of information cards to be displayed based on the sliding direction corresponding to the target operation.
Here, when the sliding direction corresponding to the target operation is upward sliding, a first information card of the determined information cards to be displayed may be used as the second target information card.
As for the above example, after the information cards to be displayed are determined to be the information cards 12 to 15, the first information card to be displayed may be determined to be the "information card 12" as the second target information card.
In addition, when the sliding direction corresponding to the target operation is downward sliding, a first information card in the determined information cards to be displayed may be used as the second target information card.
B3: and determining a second page sliding distance corresponding to the target operation based on the second position information of the second target information card and the initial sliding distance.
Here, an adjustment distance corresponding to the initial sliding distance may be determined based on second position information corresponding to the second target information card, and a second page sliding distance corresponding to the target operation may be determined based on the adjustment distance and the initial sliding distance.
Specifically, display size information of the second target information card when being displayed on the content display page after sliding according to the initial sliding distance may be determined based on second position information corresponding to the second target information card; and determining an adjustment distance corresponding to the initial sliding distance based on the display size information corresponding to the second target information card and size information representing the actual size, so that the initial sliding distance can be adjusted according to the adjustment distance, and a second page sliding distance corresponding to the target operation is determined.
For example, a schematic diagram of determining an adjustment distance corresponding to the initial sliding distance may be as shown in fig. 2g, where in fig. 2g, a is second position information corresponding to the second target information card, and a predetermined display width information (that is, the display size information) of the second target information card when the content display page is displayed after the second target information card slides according to the initial sliding distance is determined; and B is actual display width information (namely size information representing an actual size) corresponding to the second target information card when the second target information card is completely displayed, and the difference value between B and A is the adjustment distance corresponding to the initial sliding distance.
Therefore, the adjustment distance corresponding to the initial sliding distance is determined, and the initial sliding distance is adjusted according to the adjustment distance, so that the information card displayed in the sliding direction after the target operation (namely the first information card seen by the user after the target operation) is complete, complete and coherent reading experience can be brought to the user, and the condition that the information card displayed by the user can be intuitively sensed most incompletely due to the fact that the initial sliding distance is not matched with the size information of the information card is avoided.
For example, as shown in fig. 2g, the displayed content of the content display page after sliding according to the initial sliding distance may be as shown in the left image of fig. 2g, where the information card 12 is not completely displayed and the upper part of the content is blocked; the displayed content of the content display page after sliding according to the page sliding distance can be as shown in the right image of fig. 2g, wherein the information card 12 is completely displayed.
In another possible implementation manner, when the page sliding distance corresponding to the target operation is determined, the sliding distance to be verified may be determined based on the sliding speed at the end time of the target operation, and the page sliding distance may be determined based on the sliding distance to be verified and a preset distance threshold.
Specifically, when determining the page sliding distance based on the sliding distance to be verified and a preset distance threshold, the following conditions may be included:
situation 1, the sliding distance to be verified is not less than the preset distance threshold
Here, when it is detected that the sliding distance to be verified is not less than a preset distance threshold, a target information card of the multiple information cards currently displayed on the content display page may be determined based on a sliding direction corresponding to the target operation; and determining a page sliding distance corresponding to the target operation based on first position information of the first target information card in the content display page.
Case 2, the sliding distance to be verified is less than the preset distance threshold
Here, in a case where it is detected that the to-be-verified sliding distance is not less than a preset distance threshold, the to-be-verified distance may be taken as the page sliding distance.
A4: and determining the second page content based on the page sliding distance.
Here, in a case where a target information card among the first information cards satisfies the preset condition, the second page content includes the target information card.
In a possible implementation manner, when the second page content is displayed, the target display position of the first target information card on the second list page may be determined according to the sliding direction, and the first target information card may be displayed.
When the first target information card is displayed, the following situations can be divided into:
case 1, the sliding direction corresponding to the target operation is upward sliding
Here, in a case where the sliding direction is an upward sliding, the target display position is a top position, and a top edge of the target display position coincides with a top edge of the content display page.
Case 2, the sliding direction corresponding to the target operation is downward sliding
Here, in a case where the sliding direction is a downward sliding, the target display position is a bottom position, and a bottom edge of the target display position coincides with a bottom edge of the content display page.
In another possible implementation manner, when the second page content is determined, a preloaded information card to be displayed on the content display page after the first page content is controlled to slide according to the page sliding distance may be used as the second information card in the second page content.
In addition, when it is detected that the sliding speed at the target operation end time is smaller than the preset speed threshold, when the second page is displayed, it may be determined according to a preset dynamic effect rendering manner that the page is slid according to the page sliding distance, display contents corresponding to the content display pages in the sliding process are generated based on the display contents corresponding to the content display pages in the time stamps, and the display contents of the content display pages may be updated by displaying the dynamic effect media resources.
The preset dynamic effect rendering mode may include a damping motion rendering mode, and in the damping motion rendering mode, the sliding distance corresponding to adjacent timestamps is gradually decreased (that is, the updated content is less and less along with the update of the timestamps) so as to achieve a dynamic effect rendering effect similar to the damping motion.
According to the page content updating method provided by the embodiment of the disclosure, by responding to the target operation aiming at the content display page, the content displayed on the content display page is switched from the list page containing a plurality of first information cards to the list page containing a plurality of second information cards or to the list page containing a plurality of second information cards and part of first information cards; the switched list page can also comprise a part of first information cards, so that the consistency of the first page content and the second page content can be realized, and the method can help a user to quickly find interesting content and improve the browsing efficiency of the user.
It will be understood by those skilled in the art that in the method of the present invention, the order of writing the steps does not imply a strict order of execution and any limitations on the implementation, and the specific order of execution of the steps should be determined by their function and possible inherent logic.
Based on the same inventive concept, a page content updating apparatus corresponding to the page content updating method is also provided in the embodiments of the present disclosure, and because the principle of the apparatus in the embodiments of the present disclosure for solving the problem is similar to the page content updating method in the embodiments of the present disclosure, the implementation of the apparatus may refer to the implementation of the method, and repeated details are not described again.
Referring to fig. 3, there is shown a schematic structural diagram of a page content updating apparatus according to an embodiment of the present disclosure, where the apparatus includes: a first display module 301 and a second display module 302; wherein the content of the first and second substances,
the first display module 301 is configured to display first page content on a content display page, where the first page content is a list page including a plurality of first information cards;
a second presentation module 302, configured to present a second page content in response to a target operation for the content presentation page; the second page content is a list page comprising a plurality of second information cards, or the second page content is a list page comprising a plurality of second information cards and part of the first information cards;
wherein the plurality of second information cards are different from the plurality of first information cards.
In a possible implementation, in a case that the target operation is a sliding operation, the second presentation module 302 is further configured to determine the second page content according to the following steps:
obtaining an operation parameter corresponding to the target operation, wherein the operation parameter comprises a sliding direction of the target operation;
determining a first target information card in a plurality of first information cards of the first page content based on the sliding direction of the target operation;
determining a first page sliding distance based on the first position information of the first target information card and the operation parameter;
determining the second page content based on the first page sliding distance.
In a possible embodiment, the operating parameters further comprise a slip speed;
the second display module 302, when determining the first page sliding distance based on the first position information of the first target information card and the operation parameter, is configured to:
and under the condition that the sliding speed of the target operation ending moment is not smaller than a preset speed threshold value, determining the sliding distance of the first page based on the first position information of the first target information card.
In a possible implementation, in a case where the target operation is a sliding operation, the second presentation module 302 is further configured to:
acquiring an operation parameter corresponding to the target operation, wherein the operation parameter comprises the sliding speed of the target operation;
under the condition that the sliding speed of the target operation ending moment is detected to be smaller than a preset speed threshold, determining a second page sliding distance based on the sliding speed;
and controlling the first page content to be updated based on the second page sliding distance.
In a possible implementation manner, the operation parameter corresponding to the target operation further includes a sliding direction;
the second presentation module 302, when determining a second page sliding distance based on the sliding speed, is configured to:
determining an initial sliding distance corresponding to the sliding speed;
determining each information card to be displayed after the first page content slides according to the initial sliding distance;
determining a second target information card in the plurality of information cards to be displayed based on the sliding direction corresponding to the target operation;
and determining a second page sliding distance corresponding to the target operation based on the second position information of the second target information card and the initial sliding distance.
In a possible embodiment, the sliding direction comprises an upward sliding and a downward sliding;
the second display module 302, when determining a first target information card in the plurality of first information cards based on the sliding direction corresponding to the target operation, is configured to:
taking the information card at the bottom of the plurality of first information cards as the first target information card when the sliding direction corresponding to the target operation is detected to be upward sliding; and the number of the first and second groups,
and when the sliding direction corresponding to the target operation is detected to be downward sliding, taking the top information card in the plurality of first information cards as the first target information card.
In a possible implementation manner, when a first target information card in the first information cards meets a preset condition, the second page content includes the first target information card;
the second presentation module 302, when presenting the second page content, is configured to:
and determining the target display position of the first target information card on the second list page according to the sliding direction and displaying.
In a possible implementation manner, the first target information card meeting a preset condition includes that the content of the first target information card on the first page is not completely displayed, and/or the display proportion of the first target information card is smaller than a preset display proportion, and/or a detailed page corresponding to the first target information card is not displayed.
In a possible implementation manner, the second display module 302, when determining the target display position of the first target information card on the second list page according to the sliding direction, is configured to:
when the sliding direction is upward sliding, the target display position is a top position, and a top edge of the target display position is overlapped with a top edge of the list page;
and under the condition that the sliding direction is downward sliding, the target display position is a bottom position, and the bottom edge of the target display position is superposed with the bottom edge of the list page.
In a possible implementation manner, in a case that it is detected that the sliding direction corresponding to the target operation is an upward sliding direction, the second presentation module 302, when determining the first page sliding distance based on the first position information of the first target information card, is configured to:
under the condition that the first target information card meets a preset condition, determining a first distance between the top edge of the first target information card and the top edge of the list page based on the display position information of the first target information card, and taking the determined first distance as the first page sliding distance;
and under the condition that the first target information card does not meet the preset condition, determining a first distance between the bottom edge of the first target information card and the top edge of the list page based on the display position information of the first target information card, and taking the determined first distance as the first page sliding distance.
In a possible implementation manner, in a case that it is detected that the sliding direction corresponding to the target operation is downward sliding, the second presentation module 302, when determining the first page sliding distance based on the first position information of the first target information card, is configured to:
determining a second distance between the bottom edge of the first target information card and the bottom edge of the list page based on the display position information of the first target information card under the condition that the first target information card meets a preset condition, and taking the determined second distance as the first page sliding distance;
and under the condition that the first target information card does not meet the preset condition, determining a second distance between the top edge of the first target information card and the bottom edge of the list page based on the display position information of the first target information card, and taking the determined second distance as the first page sliding distance.
In a possible implementation, in a case that the sliding direction in the operation parameter is a downward sliding, after determining the first page sliding distance, the second presentation module 302 is further configured to:
determining the maximum sliding distance of the content display page;
determining the second page content based on the first page sliding distance if the first page sliding distance is less than the maximum sliding distance.
In a possible implementation, the second display module 302 is further configured to:
and under the condition that the first page sliding distance is not smaller than the maximum sliding distance, determining the second page content based on the maximum sliding distance.
In one possible implementation, the second presentation module 302, when determining the maximum sliding distance of the content presentation page, is configured to:
acquiring historical sliding distance and historical sliding direction of the content display page, and determining the maximum sliding distance based on the historical sliding distance and the historical sliding direction; alternatively, the first and second electrodes may be,
and determining the displayed historical information card, and determining the maximum sliding distance based on the size information of the historical information card and the currently displayed information card.
In a possible implementation manner, the second presentation module 302, when determining the second page content based on the first page sliding distance, is configured to determine a second information card included in the second page content according to the following method:
and after the first page content is controlled to slide according to the sliding distance of the first page, the pre-loaded information card to be displayed on the content display page is used as a second information card in the second page content.
According to the page content updating device provided by the embodiment of the disclosure, by responding to the target operation aiming at the content display page, the content displayed on the content display page is switched from the list page containing a plurality of first information cards to the list page containing a plurality of second information cards or to the list page containing a plurality of second information cards and part of first information cards; the switched list page can also comprise a part of first information cards, so that the consistency of the first page content and the second page content can be realized, and the method can help a user to quickly find interesting content and improve the browsing efficiency of the user.
The description of the processing flow of each module in the apparatus and the interaction flow between the modules may refer to the relevant description in the above method embodiments, and will not be described in detail here.
Based on the same technical concept, the embodiment of the disclosure also provides computer equipment. Referring to fig. 4, a schematic structural diagram of a computer device 400 provided in the embodiment of the present disclosure includes a processor 401, a memory 402, and a bus 403. The memory 402 is used for storing execution instructions and includes a memory 4021 and an external memory 4022; the memory 4021 is also referred to as an internal memory, and is configured to temporarily store operation data in the processor 401 and data exchanged with an external memory 4022 such as a hard disk, the processor 401 exchanges data with the external memory 4022 through the memory 4021, and when the computer device 400 operates, the processor 401 communicates with the memory 402 through the bus 403, so that the processor 401 executes the following instructions:
displaying first page content on a content display page, wherein the first page content is a list page comprising a plurality of first information cards;
responding to the target operation aiming at the content display page, and displaying the content of a second page; the second page content is a list page comprising a plurality of second information cards, or the second page content is a list page comprising a plurality of second information cards and part of the first information cards;
wherein the plurality of second information cards are different from the plurality of first information cards.
In a possible implementation manner, in the instructions of the processor 401, in a case that the target operation is a sliding operation, the method further includes determining the second page content according to the following method:
obtaining an operation parameter corresponding to the target operation, wherein the operation parameter comprises a sliding direction of the target operation;
determining a first target information card in a plurality of first information cards of the first page content based on the sliding direction of the target operation;
determining a first page sliding distance based on the first position information of the first target information card and the operation parameter;
determining the second page content based on the first page sliding distance.
In a possible implementation, in the instructions of the processor 401, the operation parameter further includes a sliding speed;
the determining a first page sliding distance based on the first position information of the first target information card and the operating parameter comprises:
and under the condition that the sliding speed of the target operation ending moment is not smaller than a preset speed threshold value, determining the sliding distance of the first page based on the first position information of the first target information card.
In a possible implementation manner, in the instructions of the processor 401, in a case that the target operation is a sliding operation, the method further includes:
obtaining operation parameters corresponding to the target operation, wherein the operation parameters comprise the sliding speed of the target operation;
under the condition that the sliding speed of the target operation ending moment is detected to be smaller than a preset speed threshold, determining a second page sliding distance based on the sliding speed;
and controlling the first page content to be updated based on the second page sliding distance.
In a possible implementation manner, in the instruction of the processor 401, the operation parameter corresponding to the target operation further includes a sliding direction;
the determining a second page sliding distance based on the sliding speed comprises:
determining an initial sliding distance corresponding to the sliding speed;
determining each information card to be displayed after the first page content slides according to the initial sliding distance;
determining a second target information card in the plurality of information cards to be displayed based on the sliding direction corresponding to the target operation;
and determining a second page sliding distance corresponding to the target operation based on the second position information of the second target information card and the initial sliding distance.
In a possible implementation manner, in the instructions of the processor 401, the sliding direction includes an upward sliding direction and a downward sliding direction;
the determining a first target information card in the plurality of first information cards based on the sliding direction corresponding to the target operation comprises:
taking the information card at the bottom of the plurality of first information cards as the first target information card when the sliding direction corresponding to the target operation is detected to be upward sliding; and (c) a second step of,
and when the sliding direction corresponding to the target operation is detected to be downward sliding, taking the top information card in the plurality of first information cards as the first target information card.
In a possible implementation manner, in the instructions of the processor 401, in a case that a first target information card in the first information cards satisfies a preset condition, the second page content includes the first target information card;
the displaying of the second page content includes:
and determining the target display position of the first target information card on the second list page according to the sliding direction and displaying.
In a possible implementation manner, in the instruction of the processor 401, the first target information card meeting a preset condition includes that the first target information card is not completely displayed in the first page content, and/or a display ratio of the first target information card is smaller than a preset display ratio, and/or a detailed page corresponding to the first target information card is not displayed.
In a possible implementation manner, the determining, according to the sliding direction, the target display position of the first target information card on the second list page in the instructions of the processor 401 includes:
when the sliding direction is upward sliding, the target display position is a top position, and the top edge of the target display position is superposed with the top edge of the list page;
and under the condition that the sliding direction is downward sliding, the target display position is a bottom position, and the bottom edge of the target display position is superposed with the bottom edge of the list page.
In a possible implementation manner, in the instructions of the processor 401, in a case that it is detected that the sliding direction corresponding to the target operation is an upward sliding direction, the determining the first page sliding distance based on the first position information of the first target information card includes:
under the condition that the first target information card meets a preset condition, determining a first distance between the top edge of the first target information card and the top edge of the list page based on the display position information of the first target information card, and taking the determined first distance as the first page sliding distance;
and under the condition that the first target information card does not meet the preset condition, determining a first distance between the bottom edge of the first target information card and the top edge of the list page based on the display position information of the first target information card, and taking the determined first distance as the first page sliding distance.
In a possible implementation manner, in the instructions of the processor 401, in a case that it is detected that the sliding direction corresponding to the target operation is a downward sliding direction, the determining the first page sliding distance based on the first position information of the first target information card includes:
determining a second distance between the bottom edge of the first target information card and the bottom edge of the list page based on the display position information of the first target information card under the condition that the first target information card meets a preset condition, and taking the determined second distance as the first page sliding distance;
and under the condition that the first target information card does not meet the preset condition, determining a second distance between the top edge of the first target information card and the bottom edge of the list page based on the display position information of the first target information card, and taking the determined second distance as the first page sliding distance.
In a possible implementation manner, in the instructions of the processor 401, in a case that the sliding direction in the operation parameter is a downward sliding direction, after determining the first page sliding distance, the method further includes:
determining the maximum sliding distance of the content display page;
determining the second page content based on the first page sliding distance if the first page sliding distance is less than the maximum sliding distance.
In a possible implementation manner, the instructions of the processor 401 further include:
and under the condition that the first page sliding distance is not smaller than the maximum sliding distance, determining the second page content based on the maximum sliding distance.
In one possible implementation, the determining the maximum sliding distance of the content presentation page in the instructions of the processor 401 includes:
obtaining a historical sliding distance and a historical sliding direction of the content display page, and determining the maximum sliding distance based on the historical sliding distance and the historical sliding direction; alternatively, the first and second electrodes may be,
and determining the displayed historical information card, and determining the maximum sliding distance based on the size information of the historical information card and the currently displayed information card.
In one possible implementation, the determining, by the processor 401, the second page content based on the first page sliding distance includes determining, by the following method:
and after the first page content is controlled to slide according to the sliding distance of the first page, the preloaded information card to be displayed on the content display page is used as a second information card in the second page content.
The embodiments of the present disclosure further provide a computer-readable storage medium, where a computer program is stored on the computer-readable storage medium, and when the computer program is executed by a processor, the computer program performs the steps of the page content updating method described in the foregoing method embodiments. The storage medium may be a volatile or non-volatile computer-readable storage medium.
The embodiments of the present disclosure also provide a computer program product, where the computer program product carries a program code, and instructions included in the program code may be used to execute the steps of the page content updating method in the foregoing method embodiments, which may be referred to specifically in the foregoing method embodiments, and are not described herein again.
The computer program product may be implemented by hardware, software or a combination thereof. In an alternative embodiment, the computer program product is embodied in a computer storage medium, and in another alternative embodiment, the computer program product is embodied in a Software product, such as a Software Development Kit (SDK), or the like.
It is clear to those skilled in the art that, for convenience and brevity of description, the specific working processes of the system and the apparatus described above may refer to the corresponding processes in the foregoing method embodiments, and are not described herein again. In the several embodiments provided in the present disclosure, it should be understood that the disclosed system, apparatus, and method may be implemented in other ways. The above-described apparatus embodiments are merely illustrative, and for example, the division of the units into only one type of logical function may be implemented in other ways, and for example, multiple units or components may be combined or integrated into another system, or some features may be omitted, or not implemented. In addition, the shown or discussed coupling or direct coupling or communication connection between each other may be through some communication interfaces, indirect coupling or communication connection between devices or units, and may be in an electrical, mechanical or other form.
The units described as separate parts may or may not be physically separate, and parts displayed as units may or may not be physical units, may be located in one place, or may be distributed on a plurality of network units. Some or all of the units can be selected according to actual needs to achieve the purpose of the solution of the embodiment.
In addition, functional units in the embodiments of the present disclosure may be integrated into one processing unit, or each unit may exist alone physically, or two or more units are integrated into one unit.
The functions, if implemented in the form of software functional units and sold or used as a stand-alone product, may be stored in a non-volatile computer-readable storage medium executable by a processor. Based on such understanding, the technical solution of the present disclosure may be embodied in the form of a software product, which is stored in a storage medium and includes several instructions for causing a computer device (which may be a personal computer, a server, or a network device) to execute all or part of the steps of the method according to the embodiments of the present disclosure. And the aforementioned storage medium includes: various media capable of storing program codes, such as a usb disk, a removable hard disk, a Read-Only Memory (ROM), a Random Access Memory (RAM), a magnetic disk, or an optical disk.
Finally, it should be noted that: the above-mentioned embodiments are merely specific embodiments of the present disclosure, which are used for illustrating the technical solutions of the present disclosure and not for limiting the same, and the scope of the present disclosure is not limited thereto, and although the present disclosure is described in detail with reference to the foregoing embodiments, those skilled in the art should understand that: any person skilled in the art can modify or easily conceive of the technical solutions described in the foregoing embodiments or equivalent technical features thereof within the technical scope of the present disclosure; such modifications, changes and substitutions do not depart from the spirit and scope of the embodiments disclosed herein, and they should be construed as being included therein. Therefore, the protection scope of the present disclosure shall be subject to the protection scope of the claims.

Claims (18)

1. A method for updating page content, comprising:
displaying first page content on a content display page, wherein the first page content is a list page comprising a plurality of first information cards;
responding to the target operation aiming at the content display page, and displaying the content of a second page; the second page content is a list page comprising a plurality of second information cards, or the second page content is a list page comprising a plurality of second information cards and part of the first information cards;
wherein the plurality of second information cards are different from the plurality of first information cards.
2. The method of claim 1, wherein if the target operation is a swipe operation, the method further comprises determining the second page content according to the following method:
obtaining an operation parameter corresponding to the target operation, wherein the operation parameter comprises a sliding direction of the target operation;
determining a first target information card in a plurality of first information cards of the first page content based on the sliding direction of the target operation;
determining a first page sliding distance based on the first position information of the first target information card and the operation parameter;
determining the second page content based on the first page sliding distance.
3. The method of claim 2, wherein the operating parameters further include a slip speed;
the determining a first page sliding distance based on the first position information of the first target information card and the operating parameter comprises:
and under the condition that the sliding speed of the target operation ending moment is not smaller than a preset speed threshold value, determining the sliding distance of the first page based on the first position information of the first target information card.
4. The method of claim 1, wherein if the target operation is a slide operation, the method further comprises:
acquiring an operation parameter corresponding to the target operation, wherein the operation parameter comprises the sliding speed of the target operation;
under the condition that the sliding speed of the target operation ending moment is detected to be smaller than a preset speed threshold, determining a second page sliding distance based on the sliding speed;
and controlling the first page content to be updated based on the second page sliding distance.
5. The method of claim 4, wherein the operating parameters corresponding to the target operation further include a sliding direction;
the determining a second page sliding distance based on the sliding speed comprises:
determining an initial sliding distance corresponding to the sliding speed;
determining each information card to be displayed after the first page content slides according to the initial sliding distance;
determining a second target information card in the plurality of information cards to be displayed based on the sliding direction corresponding to the target operation;
and determining a second page sliding distance corresponding to the target operation based on the second position information of the second target information card and the initial sliding distance.
6. The method of claim 2, wherein the sliding direction comprises an upward slide and a downward slide;
the determining a first target information card in the plurality of first information cards based on the sliding direction corresponding to the target operation comprises:
taking the information card at the bottom of the plurality of first information cards as the first target information card when the sliding direction corresponding to the target operation is detected to be upward sliding; and (c) a second step of,
and when the sliding direction corresponding to the target operation is detected to be downward sliding, taking the top information card in the plurality of first information cards as the first target information card.
7. The method according to claim 2, wherein in a case where a first target information card among the first information cards satisfies a preset condition, the second page content includes the first target information card;
the displaying of the second page content includes:
and determining the target display position of the first target information card on the second list page according to the sliding direction and displaying.
8. The method according to claim 7, wherein the first target information card meeting a preset condition includes that the first target information card is not completely displayed in the first page content, and/or a display proportion of the first target information card is smaller than a preset display proportion, and/or a detailed page corresponding to the first target information card is not displayed.
9. The method of claim 7, wherein determining the target display position of the first target information card on the second list page according to the sliding direction comprises:
when the sliding direction is upward sliding, the target display position is a top position, and the top edge of the target display position is superposed with the top edge of the list page;
and under the condition that the sliding direction is downward sliding, the target display position is a bottom position, and the bottom edge of the target display position is superposed with the bottom edge of the list page.
10. The method according to claim 3, wherein in a case that it is detected that the sliding direction corresponding to the target operation is an upward sliding, the determining the first page sliding distance based on the first position information of the first target information card comprises:
under the condition that the first target information card meets a preset condition, determining a first distance between the top edge of the first target information card and the top edge of the list page based on the display position information of the first target information card, and taking the determined first distance as the first page sliding distance;
and under the condition that the first target information card does not meet the preset condition, determining a first distance between the bottom edge of the first target information card and the top edge of the list page based on the display position information of the first target information card, and taking the determined first distance as the first page sliding distance.
11. The method according to claim 3, wherein in a case that it is detected that the sliding direction corresponding to the target operation is a downward sliding, the determining the first page sliding distance based on the first position information of the first target information card comprises:
determining a second distance between the bottom edge of the first target information card and the bottom edge of the list page based on the display position information of the first target information card under the condition that the first target information card meets a preset condition, and taking the determined second distance as the first page sliding distance;
and under the condition that the first target information card does not meet the preset condition, determining a second distance between the top edge of the first target information card and the bottom edge of the list page based on the display position information of the first target information card, and taking the determined second distance as the first page sliding distance.
12. The method of claim 3, wherein in the event the direction of sliding in the operational parameter is a downward sliding, after determining the first page sliding distance, the method further comprises:
determining the maximum sliding distance of the content display page;
determining the second page content based on the first page sliding distance if the first page sliding distance is less than the maximum sliding distance.
13. The method of claim 12, further comprising:
and under the condition that the first page sliding distance is not smaller than the maximum sliding distance, determining the second page content based on the maximum sliding distance.
14. The method of claim 12, wherein determining the maximum sliding distance of the content presentation page comprises:
obtaining a historical sliding distance and a historical sliding direction of the content display page, and determining the maximum sliding distance based on the historical sliding distance and the historical sliding direction; alternatively, the first and second electrodes may be,
and determining the displayed historical information card, and determining the maximum sliding distance based on the size information of the historical information card and the currently displayed information card.
15. The method of claim 2, wherein said determining the second page content based on the first page sliding distance comprises determining a second information card that the second page content comprises according to the following method:
and after the first page content is controlled to slide according to the sliding distance of the first page, the pre-loaded information card to be displayed on the content display page is used as a second information card in the second page content.
16. A page content updating apparatus, comprising:
the content display system comprises a first display module, a second display module and a display module, wherein the first display module is used for displaying first page content on a content display page, and the first page content is a list page comprising a plurality of first information cards;
the second display module is used for responding to the target operation aiming at the content display page and displaying the content of a second page; the second page content is a list page comprising a plurality of second information cards, or the second page content is a list page comprising a plurality of second information cards and part of the first information cards;
wherein the plurality of second information cards are different from the plurality of first information cards.
17. A computer device, comprising: a processor, a memory and a bus, the memory storing machine-readable instructions executable by the processor, the processor and the memory communicating via the bus when a computer device is running, the machine-readable instructions when executed by the processor performing the steps of the page content updating method according to any one of claims 1 to 15.
18. A computer-readable storage medium, having stored thereon a computer program for performing, when executed by a processor, the steps of the page content updating method according to any one of claims 1 to 15.
CN202210817195.3A 2022-07-12 2022-07-12 Page content updating method and device, computer equipment and storage medium Pending CN115237325A (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202210817195.3A CN115237325A (en) 2022-07-12 2022-07-12 Page content updating method and device, computer equipment and storage medium

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202210817195.3A CN115237325A (en) 2022-07-12 2022-07-12 Page content updating method and device, computer equipment and storage medium

Publications (1)

Publication Number Publication Date
CN115237325A true CN115237325A (en) 2022-10-25

Family

ID=83672560

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202210817195.3A Pending CN115237325A (en) 2022-07-12 2022-07-12 Page content updating method and device, computer equipment and storage medium

Country Status (1)

Country Link
CN (1) CN115237325A (en)

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111427504A (en) * 2020-04-02 2020-07-17 北京达佳互联信息技术有限公司 Content acquisition method and device, electronic equipment and storage medium
CN111752440A (en) * 2020-06-29 2020-10-09 北京字节跳动网络技术有限公司 Multimedia content display method and device
CN111880712A (en) * 2020-08-07 2020-11-03 北京达佳互联信息技术有限公司 Page display method and device, electronic equipment and storage medium
CN114415921A (en) * 2021-12-10 2022-04-29 阿波罗智联(北京)科技有限公司 List sliding realization method and device, electronic equipment and storage medium

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111427504A (en) * 2020-04-02 2020-07-17 北京达佳互联信息技术有限公司 Content acquisition method and device, electronic equipment and storage medium
CN111752440A (en) * 2020-06-29 2020-10-09 北京字节跳动网络技术有限公司 Multimedia content display method and device
CN111880712A (en) * 2020-08-07 2020-11-03 北京达佳互联信息技术有限公司 Page display method and device, electronic equipment and storage medium
CN114415921A (en) * 2021-12-10 2022-04-29 阿波罗智联(北京)科技有限公司 List sliding realization method and device, electronic equipment and storage medium

Similar Documents

Publication Publication Date Title
US9921723B2 (en) Method for switching pages, and electronic device and non-transitory computer readable storage medium for performing same
CN104156408A (en) Contact information provision method, system and device
US10402470B2 (en) Effecting multi-step operations in an application in response to direct manipulation of a selected object
CN104850660A (en) Picture displaying method, picture displaying device and mobile terminal
CN108710457B (en) Interaction method and terminal equipment
CN109284034B (en) Method, system, storage medium and mobile phone for previewing terminal wallpaper
EP3454226B1 (en) Method and apparatus for displaying a user interface
CN112905094B (en) Object operation processing method and device and computer storage medium
KR20200142065A (en) Global special effects conversion method, conversion device, terminal equipment and storage medium
CN110262720A (en) Control method, device, equipment and the storage medium of floating window
CN113741763A (en) Electronic book display method and device and electronic equipment
CN111736743A (en) Reading interaction method and device and computer readable storage medium
CN115658209A (en) Notification message display method and device and electronic equipment
CN111897607A (en) Application interface loading and interaction method, device and storage medium
CN108492349A (en) Processing method, device, equipment and the storage medium of stroke writing
CN106648339B (en) Window switching method and device
CN113268182A (en) Application icon management method and electronic equipment
CN111368224A (en) Search display method and device, computer equipment and storage medium
CN115917488A (en) Display interface processing method and device and storage medium
CN109992182B (en) Electronic book batch page turning method, electronic equipment and computer storage medium
CN115237325A (en) Page content updating method and device, computer equipment and storage medium
CN114997126A (en) Electronic form display method and device, electronic equipment and storage medium
US20230139932A1 (en) Screen Projection Interaction Method, Screen Projection System and Terminal Device
CN115016686A (en) File selection method and device, electronic equipment and readable storage medium
CN113436297A (en) Picture processing method and electronic equipment

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
CB02 Change of applicant information

Address after: 100041 B-0035, 2 floor, 3 building, 30 Shixing street, Shijingshan District, Beijing.

Applicant after: Douyin Vision Co.,Ltd.

Address before: 100041 B-0035, 2 floor, 3 building, 30 Shixing street, Shijingshan District, Beijing.

Applicant before: Tiktok vision (Beijing) Co.,Ltd.

CB02 Change of applicant information