Information display method and apparatus, and electronic device

Abstract

The present application provides an information display method and apparatus, and an electronic device. The method comprises: displaying a first interface, the first interface being used for displaying an information stream, the information stream comprising a target object, and the target object comprising a first object and a second object; and in response to a sliding operation of a user in a first direction, scrolling and displaying the target object on the first interface, such that the target object transitions from a state of completely invisible to a state of fully visible, wherein before the target object is fully visible, the content of the first object is completely displayed on the first interface earlier than the content of the second object, and when the target object is fully visible, the direction in which the first object points to the second object is the same as the first direction. The technical solution can improve the transmission efficiency of key information in an information stream, and ensure the effect of the information stream display process.

Description

Information display methods, devices and electronic equipment

[0001] This application claims priority to Chinese Patent Application No. 202411976925.X, filed on December 27, 2024, entitled "Information Display Method, Apparatus and Electronic Device", the entire contents of which are incorporated herein by reference. Technical Field

[0002] This application relates to the field of electronic equipment technology, and more specifically, to an information display method, apparatus, and electronic equipment. Background Technology

[0003] An information feed refers to a stream of information content arranged chronologically on various digital media such as websites and applications. Users can browse information feeds to obtain relevant and up-to-date information or content of interest. To achieve diversity in information presentation, information feeds often combine multiple information formats (such as text and images). Key information (such as text information) can directly guide users to click, purchase, or share, playing a crucial role in information dissemination.

[0004] However, due to the layout limitations of the information flow, key information in the information flow is not visible for a considerable period of time during the display process, which affects the efficiency of the transmission of key information. Summary of the Invention

[0005] This application provides an information display method, apparatus, and electronic device to improve the efficiency of text information transmission in information flow and ensure the text effect during information flow display.

[0006] In a first aspect, an information display method is provided, comprising: displaying a first interface for displaying an information stream, the information stream including a target object, the target object including a first object and a second object; in response to a user's swiping operation along a first direction, scrolling the target object on the first interface to transition the target object from being completely hidden to being fully displayed; wherein, before the target object is fully displayed, the content of the first object is fully displayed on the first interface before the content of the second object, and when the target object is fully displayed, the direction in which the first object points to the second object is the same as the first direction.

[0007] In this application, by constraining the display method of the content of the first object and the content of the second object during the transition of the target object from being completely hidden to being fully displayed, that is, the content of the first object is fully displayed on the first interface before the content of the second object, the presentation time of the first object on the interface can be extended, the transmission efficiency of key information can be improved, and the display effect of key information can be guaranteed.

[0008] In conjunction with the first aspect, in one possible implementation, the first object is a text space and the second object is an audio-visual space, where the text space is used to carry text information and the audio-visual space is used to carry audio and video information.

[0009] In conjunction with the first aspect, in one possible implementation, the method further includes: in response to a user's swiping operation along a second direction, scrolling the target object on the first interface to transition the target object from being fully displayed to being completely disappeared, the second direction being opposite to the first direction, wherein before the target object completely disappears, the content of the second object is not fully displayed on the first interface before the content of the first object.

[0010] By constraining the display method of the content of the first object and the content of the second object during the transition from full display to complete disappearance of the target object, that is, the content of the second object is not fully displayed on the first interface before the content of the first object, the presentation time of the first object on the interface can be extended, thereby improving the efficiency of key information transmission.

[0011] In conjunction with the first aspect, in one possible implementation, when the target object is fully displayed, the direction in which the first object points to the second object is opposite to the second direction.

[0012] In conjunction with the first aspect, in one possible implementation, in response to a user's swiping operation along a first direction, scrolling the target object on the first interface includes: determining the display type of the first object based on the position information of the first object and the position information of the second object, wherein the display type of the first object includes a floating state and a non-floating state; and scrolling the target object on the first interface according to the display type of the first object.

[0013] By switching the display type of the first object, the first object can be displayed in advance on the first screen, so that the content of the first object can be continuously presented to the user as the target object is gradually shown to the user.

[0014] In conjunction with the first aspect, in one possible implementation, in response to a user's swiping operation along a second direction, scrolling the target object on the first interface includes: determining the display type of the first object based on the position information of the first object and the position information of the second object, wherein the display type of the first object includes a floating state and a non-floating state; and scrolling the target object on the first interface based on the display type of the first object.

[0015] By switching the display type of the first object, the first object can be delayed from fading out of the first screen, so that the content of the first object can be continuously presented to the user as the target object gradually disappears from the first screen.

[0016] In conjunction with the first aspect, in one possible implementation, determining the display type of the first object based on the position information of the first object and the position information of the second object includes: when the position information of the first object meets a first preset condition, adjusting the display type of the first object from non-floating to floating, and fixing the first object at a first position on the first interface; when the position information of the second object meets a second preset condition, adjusting the display type of the first object from floating to non-floating, and canceling the fixing of the first object at the first position; the first preset condition includes: the first object is fully displayed on the first interface, and the distance between the first object and the first edge of the first interface is less than or equal to a first preset value, the first edge being the edge on the first interface located on the same side as the beginning of the first direction; the second preset condition includes: the second object does not overlap with the first object, and the distance between the second object and the first object is less than or equal to a second preset value.

[0017] When the first preset condition is met, the first object is in a floating state, displaying its content above other interface elements, thus prioritizing its presentation to the user. When the second preset condition is met, the first object is in a non-floating state, scrolling along with the second object to improve the user experience.

[0018] In conjunction with the first aspect, in one possible implementation, before adjusting the display type of the first object from non-floating to floating, the method further includes: sending the location information of the first object to a cloud device; receiving first information from the cloud device, the first information being determined by the cloud device when the location information of the first object satisfies the first preset condition, the first information indicating that the display type of the first object is floating; adjusting the display type of the first object from non-floating to floating includes: adjusting the display type of the first object from non-floating to floating according to the first information.

[0019] In conjunction with the first aspect, in one possible implementation, before adjusting the display type of the first object from a floating state to a non-floating state, the method further includes: sending the location information of the second object to the cloud device; receiving second information from the cloud device, the second information being determined by the cloud device when the location information of the second object satisfies the second preset condition, the second information indicating that the display type of the first object is non-floating; adjusting the display type of the first object from a floating state to a non-floating state includes: adjusting the display type of the first object from a floating state to a non-floating state according to the second information.

[0020] The display type of the first object is determined by the cloud device, which allows the cloud to adjust the style of the information stream content in real time and synchronize it with the terminal device.

[0021] In conjunction with the first aspect, in one possible implementation, the first object is located on the side of the second object closer to the first edge before the position information of the first object satisfies the first preset condition.

[0022] In conjunction with the first aspect, in one possible implementation, when the first object is displayed floating at the first position, the second object is displayed scrolling as the user swipes.

[0023] In conjunction with the first aspect, in one possible implementation, the second object enters or exits the first interface from the first edge or from the side of the first position away from the first edge.

[0024] In conjunction with the first aspect, in one possible implementation, when the first object is displayed floating at the first position, the first object is attached to the first edge.

[0025] The first object remains suspended in a fixed position and does not change with the changes of other interface elements, which helps to improve the user experience.

[0026] In conjunction with the first aspect, in one possible implementation, the first object and / or the second object have corresponding attribute fields, which are used to carry at least one of the following: position information, size information, exposure status information, display type information, positioning method information, and type information of the content carried by the object.

[0027] In conjunction with the first aspect, in one possible implementation, before scrolling the target object on the first interface in response to a user's swiping operation along a first direction, the method further includes: when the position information of the first object and the position information of the second object meet a third preset condition, adjusting the layout direction of the target object from a second layout direction to a first layout direction, wherein the second layout direction is opposite to the first layout direction, and the second layout direction is the direction from the first object to the second object being the same as the first direction; the third preset condition includes: both the first object and the second object are located outside the first interface; the first object and the second object belong to the content to be displayed within a preset range, or the distance between the second object and the first edge of the first interface is less than or equal to a third preset value, wherein the first edge is the edge on the first interface that is on the same side as the beginning of the first direction.

[0028] The relative positions of the first and second objects are swapped, allowing the first object to be displayed before the second when the target object enters the first screen, thus extending the display time of the first object. Furthermore, when the target object is fully displayed, the layout direction reverts to the second layout direction, allowing electronic devices to display the information flow according to the original layout and design intent of the information flow elements, resulting in a better user experience.

[0029] In conjunction with the first aspect, in one possible implementation, before adjusting the layout direction of the target object from the second layout direction to the first layout direction, the method further includes: sending the location information of the first object and the location information of the second object to a cloud device; receiving third information from the cloud device, the third information being determined by the cloud device when the location information of the first object and the location information of the second object satisfy the third preset condition, the third information indicating that the layout direction of the target object is the first layout direction; adjusting the layout direction of the target object from the second layout direction to the first layout direction includes: adjusting the layout direction of the target object from the second layout direction to the first layout direction according to the third information.

[0030] In conjunction with the first aspect, in one possible implementation, the target object has a fixed layout direction, and the first interface is set with a dynamic layout position. The dynamic layout position is used to display the content carried by the first object. In response to the user's swiping operation along the first direction, the target object is scrolled and displayed on the first interface, including: scrolling and displaying the target object on the first interface based on the position information of the target object, wherein the position information of the target object is used to trigger the display or hiding of the dynamic layout position.

[0031] In conjunction with the first aspect, in one possible implementation, the target object has a fixed layout direction, the first interface is set with a dynamic layout position, the dynamic layout position is used to display the content carried by the first object, and in response to the user's swiping operation along the second direction, the target object is scrolled on the first interface, including: scrolling the target object on the first interface based on the position information of the target object, wherein the position information of the target object is used to trigger the display or hiding of the dynamic layout position.

[0032] By setting an additional area on the first screen to show or hide the content of the first object, you can extend the time the first object is displayed on the screen, and the layout of the target object can follow the original layout, resulting in a better user experience.

[0033] In conjunction with the first aspect, in one possible implementation, based on the position information of the target object, the target object is scrolled and displayed on the first interface, including: when the position information of the target object meets a first triggering condition, the dynamic display position is displayed on the first interface, and the content of the first object is displayed in the dynamic display position; when the position information of the target object meets a second triggering condition, the dynamic display position is hidden; the first triggering condition includes: the target object and the hidden dynamic display position do not overlap, and the two adjacent edges of the target object and the hidden dynamic display position coincide; or, the target object and the hidden dynamic display position overlap. The second triggering condition includes: the target object and the dynamic display position in the display state do not overlap and the two adjacent edges of the target object and the dynamic display position in the display state coincide; or, the target object and the dynamic display position in the display state have an overlapping portion and the size of the overlapping portion in the first direction is less than or equal to the size of the dynamic display position in the first direction, and the edge of the target object at the rear end of the movement direction does not exceed the dynamic display position.

[0034] When the first trigger condition is met, the dynamic display area is shown, prioritizing the presentation of the first object's content to the user. When the second trigger condition is met, the dynamic display area is hidden, and the target object scrolls across the first screen, improving the user experience.

[0035] In conjunction with the first aspect, in one possible implementation, before displaying the dynamic placement on the first interface, the method further includes: sending the location information of the target object to a cloud device; receiving first information from the cloud device, the first information being determined by the cloud device when the location information of the target object satisfies the first triggering condition, the first information indicating the display of the dynamic placement; and displaying the dynamic placement on the first interface, including: displaying the dynamic placement on the first interface according to the first information.

[0036] In conjunction with the first aspect, in one possible implementation, before hiding the dynamic placement, the method further includes: sending the location information of the target object to the cloud device; receiving second information from the cloud device, the second information being determined by the cloud device when the location information of the target object satisfies the second triggering condition, the second information indicating that the dynamic placement should be hidden; the hiding of the dynamic placement includes: hiding the dynamic placement according to the second information.

[0037] In conjunction with the first aspect, in one possible implementation, the target object enters or exits the first interface from the first edge of the first interface or from the side of the dynamic position away from the first edge, wherein the first edge is the edge on the first interface that is on the same side as the beginning of the first direction.

[0038] In conjunction with the first aspect, in one possible implementation, the display level of the dynamic placement is higher than the display level of the target object.

[0039] In this way, dynamic placements can cover the areas on the target object that overlap with the dynamic placements, thus prioritizing the display of dynamic placements to the user, which means prioritizing the display of the content of the first object to the user.

[0040] In conjunction with the first aspect, in one possible implementation, one edge of the dynamic layout coincides with the first edge of the first interface, which is the edge on the first interface that is located on the same side as the beginning of the first direction.

[0041] In conjunction with the first aspect, in one possible implementation, the size of the dynamic mount in the first direction is less than or equal to the size of the first object in the first direction.

[0042] This allows you to prioritize displaying key information about the target object to the user without affecting the overall layout.

[0043] In a second aspect, an information display method is provided, the method comprising: displaying a first interface for displaying an information stream, the information stream including a target object, the target object including a first object and a second object; in response to a user's swiping operation along a second direction, scrolling the target object on the first interface to transition the target object from being fully displayed to being completely disappeared; wherein, when the target object is fully displayed, the direction in which the first object points to the second object is opposite to the second direction, and before the target object completely disappears, the content carried by the second object is incompletely displayed on the first interface before the content carried by the first object.

[0044] In this application, by constraining the display method of the content of the first object and the content of the second object during the transition from full display to complete disappearance of the target object, that is, the content of the second object is not fully displayed on the first interface before the content of the first object, the presentation time of the first object on the interface can be extended, thereby improving the efficiency of key information transmission.

[0045] In conjunction with the second aspect, in one possible implementation, in response to a user's swiping operation along a second direction, scrolling the target object on the first interface includes: determining the display type of the first object based on the position information of the first object and the position information of the second object, wherein the display type of the first object includes a floating state and a non-floating state; and scrolling the target object on the first interface according to the display type of the first object.

[0046] In conjunction with the second aspect, in one possible implementation, determining the display type of the first object based on the position information of the first object and the position information of the second object includes: when the position information of the first object meets a first preset condition, adjusting the display type of the first object from non-floating to floating, and fixing the first object at a first position on the first interface; when the position information of the second object meets a second preset condition, adjusting the display type of the first object from floating to non-floating, and canceling the fixing of the first object at the first position; the first preset condition includes: the first object is fully displayed on the first interface, and the distance between the first object and the first edge of the first interface is less than or equal to a first preset value, the first edge being the edge on the first interface that is on the same side as the end of the second direction; the second preset condition includes: the second object does not overlap with the first object, and the distance between the second object and the first object is less than or equal to a second preset value.

[0047] In conjunction with the second aspect, in one possible implementation, before the position information of the first object satisfies the first preset condition, the first object is located on the side of the second object closer to the first edge.

[0048] In conjunction with the second aspect, in one possible implementation, when the first object is displayed floating at the first position, the second object is scrolled out of the first interface as the user slides.

[0049] In conjunction with the second aspect, in one possible implementation, the second object moves off the first interface from the first edge or the side of the first position away from the first edge.

[0050] In conjunction with the second aspect, in one possible implementation, when the first object is suspended in the first position, the first object is attached to the first edge.

[0051] In conjunction with the second aspect, in one possible implementation, the first object and / or the second object have corresponding attribute fields, which are used to carry at least one of the following: position information, size information, exposure status information, display type information, and type information of the content carried by the object.

[0052] In conjunction with the second aspect, in one possible implementation, after the target object completely disappears from the first interface, the method further includes: when the position information of the first object and the position information of the second object meet a fourth preset condition, adjusting the layout direction of the target object from a first layout direction to a second layout direction, the second layout direction being opposite to the first layout direction, the first layout direction being the direction from the first object to the second object being the same as the second direction; the fourth preset condition includes: both the first object and the second object are located outside the first interface; the first object and the second object belong to content to be displayed outside a preset range, or the distance between the first object and the first edge of the first interface is greater than or equal to a fourth preset value, the first edge being the edge on the first interface that is on the same side as the end of the second direction.

[0053] In conjunction with the second aspect, in one possible implementation, the target object has a fixed layout direction, and the first interface is provided with a dynamic layout position for displaying the content of the first object. In response to the user's swiping operation along the second direction, the target object is scrolled on the first interface, including: scrolling the target object on the first interface based on the position information of the target object, wherein the position information of the target object is used to trigger the display or hiding of the dynamic layout position.

[0054] In conjunction with the second aspect, in one possible implementation, based on the position information of the target object, the target object is scrolled and displayed on the first interface, including: when the position information of the target object meets a first triggering condition, the dynamic display position is displayed on the first interface, and the content of the first object is displayed in the dynamic display position; when the position information of the target object meets a second triggering condition, the dynamic display position is hidden; the first triggering condition includes: the target object and the hidden dynamic display position do not overlap, and the two adjacent edges of the target object and the hidden dynamic display position coincide; or, the target object and the hidden dynamic display position overlap. The second triggering condition includes: the target object and the dynamic display position in the display state do not overlap and the two adjacent edges of the target object and the dynamic display position in the display state coincide; or, the target object and the dynamic display position in the display state have an overlapping portion and the size of the overlapping portion in the second direction is less than or equal to the size of the dynamic display position in the second direction, and the edge of the target object at the rear end of the movement direction does not exceed the dynamic display position.

[0055] In conjunction with the second aspect, in one possible implementation, the target object enters or exits the first interface from the first edge of the first interface or from the side of the dynamic position away from the first edge, wherein the first edge is the edge on the first interface that is on the same side as the end of the second direction.

[0056] In conjunction with the second aspect, in one possible implementation, the display level of the dynamic placement is higher than the display level of the target object.

[0057] In conjunction with the second aspect, in one possible implementation, one edge of the dynamic layout coincides with the first edge of the first interface, which is the edge on the first interface that is located on the same side as the end of the second direction.

[0058] In conjunction with the second aspect, in one possible implementation, the size of the dynamic mount in the second direction is less than or equal to the size of the first object in the second direction.

[0059] Thirdly, an apparatus is provided, which is included in an electronic device, having the function of implementing the behavior involved in the first aspect and any possible implementation of the first aspect, or having the function of implementing the behavior involved in the second aspect and any possible implementation of the second aspect.

[0060] This function can be implemented through hardware or by executing corresponding software within the hardware. The hardware or software includes one or more modules or units corresponding to the above function. Examples include display modules or units, adjustment modules or units, acquisition modules or units, detection modules or units, processing modules or units, sending modules or units, and receiving modules or units.

[0061] Fourthly, an electronic device is provided, comprising: one or more processors; one or more memories; the one or more memories storing one or more computer programs, the one or more computer programs including instructions that, when executed by the one or more processors, cause the electronic device to perform the methods of the first aspect and any possible implementation thereof, or to perform the methods of the second aspect and any possible implementation thereof.

[0062] Fifthly, a computer-readable storage medium is provided, including computer instructions that, when executed on an electronic device, cause the electronic device to perform the methods of the first aspect and any possible implementation thereof, or to perform the methods of the second aspect and any possible implementation thereof.

[0063] In a sixth aspect, a computer program product comprising instructions is provided, which, when run on a computer, causes the computer to perform the methods of the first aspect and any possible implementation thereof, or to perform the methods of the second aspect and any possible implementation thereof.

[0064] In a seventh aspect, a chip is provided, the chip including a processor and a data interface, the processor reading instructions stored in a memory through the data interface to execute the methods in the first aspect and any possible implementation thereof, or to execute the methods in the second aspect and any possible implementation thereof.

[0065] Optionally, as one implementation, the chip may further include a memory storing instructions, and a processor for executing the instructions stored in the memory. When the instructions are executed, the processor is used to perform the methods in the first aspect and any possible implementation thereof, or to perform the methods in the second aspect and any possible implementation thereof.

[0066] The aforementioned chip can be a field-programmable gate array or an application-specific integrated circuit.

[0067] The beneficial effects of the method described in the second aspect and the beneficial effects of the apparatus described in the third to seventh aspects can be referred to the beneficial effects of the method described in the first aspect, and will not be repeated here. Attached Figure Description

[0068] Figure 1 is a schematic architecture diagram of a system provided in an embodiment of this application.

[0069] Figure 2 is a schematic diagram of the hardware structure of a terminal device provided in an embodiment of this application.

[0070] Figure 3 is a schematic diagram of the software structure of a terminal device provided in an embodiment of this application.

[0071] Figure 4 is a schematic diagram of an application interface provided in an embodiment of this application.

[0072] Figure 5 is a schematic diagram of a traditional information flow display interface.

[0073] Figure 6 is a schematic flowchart of an information display method provided in an embodiment of this application.

[0074] Figure 7 is a schematic flowchart of an information display method provided in an embodiment of this application.

[0075] Figure 8 is a schematic diagram of an information display method provided in an embodiment of this application.

[0076] Figure 9 is a schematic diagram of an information display method provided in an embodiment of this application.

[0077] Figure 10 is a schematic diagram of an information display method provided in an embodiment of this application.

[0078] Figure 11 is a schematic flowchart of an information display method provided in an embodiment of this application.

[0079] Figure 12 is a schematic flowchart of an information display method provided in an embodiment of this application.

[0080] Figure 13 is a schematic diagram of an information display method provided in an embodiment of this application.

[0081] Figure 14 is a schematic flowchart of an information display method provided in an embodiment of this application.

[0082] Figure 15 is a schematic flowchart of an information display method provided in an embodiment of this application.

[0083] Figure 16 is a schematic flowchart of an information display method provided in an embodiment of this application.

[0084] Figure 17 is a schematic diagram of an information display method provided in an embodiment of this application.

[0085] Figure 18 is a schematic flowchart of an information display method provided in an embodiment of this application.

[0086] Figure 19 is a schematic flowchart of an information display method provided in an embodiment of this application.

[0087] Figure 20 is a schematic diagram of an information display method provided in an embodiment of this application.

[0088] Figure 21 is a schematic flowchart of an information display method provided in an embodiment of this application.

[0089] Figure 22 is a schematic flowchart of an information display method provided in an embodiment of this application.

[0090] Figure 23 is a schematic structural block diagram of a device provided in an embodiment of this application.

[0091] Figure 24 is a schematic structural block diagram of an electronic device provided in an embodiment of this application. Detailed Implementation

[0092] The technical solutions in this application will now be described with reference to the accompanying drawings.

[0093] It should be noted that, in the description of the embodiments of this application, unless otherwise stated, " / " means "or". For example, A / B can mean A or B. The "and / or" in this article is merely a description of the relationship between related objects, indicating that there can be three relationships. For example, A and / or B can mean: A exists alone, A and B exist simultaneously, and B exists alone.

[0094] In the embodiments of this application, the terms "first," "second," etc., are used for descriptive purposes only and should not be construed as indicating or implying relative importance or implicitly specifying the number of indicated technical features. Therefore, a feature defined with "first," "second," etc., may explicitly or implicitly include one or more of that feature. Furthermore, in the description of the embodiments of this application, "multiple" refers to two or more, and "at least one" and "one or more" refer to one, two, or more than two. The singular expressions "a," "an," "the," "the," "this," and "this" are intended to also include expressions such as "one or more," unless the context explicitly indicates otherwise.

[0095] References to "one embodiment" or "some embodiments" as described in this specification mean that one or more embodiments of this application include a specific feature, structure, or characteristic described in connection with that embodiment. Therefore, the phrases "in one embodiment," "in some embodiments," "in other embodiments," "in still other embodiments," etc., appearing in different parts of this specification do not necessarily refer to the same embodiment, but rather mean "one or more, but not all, embodiments," unless otherwise specifically emphasized. The terms "comprising," "including," "having," and variations thereof mean "including but not limited to," unless otherwise specifically emphasized.

[0096] In addition, in the embodiments of this application, descriptions such as "when," "under the circumstances," "if," and "if" all refer to the device making corresponding processing under certain objective circumstances, and are not limited to a time, nor do they require the device to make a judgment action when implementing it, nor do they imply any other limitations.

[0097] Figure 1 shows a schematic architecture diagram of a system provided in an embodiment of this application.

[0098] As shown in Figure 1, the system 101 includes a terminal device 100 and a cloud device 200, which are communicatively connected. The terminal device 100 can send information to or receive information from the cloud device 200; for example, the terminal device 100 and the cloud device 200 can transmit data to each other.

[0099] Terminal device 100 is an electronic device with display function used by a user, on which an application supporting information flow display is installed and runs. This application can be, for example, any of the following: video application, news application, knowledge application, social media application, search engine application, shopping application, etc.

[0100] In some embodiments, the application or the terminal device 100 with the application installed may also be referred to as a client. In network communication, the client can actively initiate service requests and receive service responses. For example, the client can request data to be displayed from the cloud device 200 and receive data (such as an information stream) returned by the cloud device 200 in response to the client's request. For instance, the client has a display page that carries the information stream; after obtaining the information stream sent by the cloud device 200, the client can display it to the user on this page.

[0101] In this application, an information flow is a set of information moving in the same direction both spatially and temporally. This set of information shares a common information source and information receiver. It can be understood as the collection of all information transmitted from the information source to the information receiver. The information flow is displayed in a pre-defined information flow area within the application interface, typically arranged vertically or horizontally. The position of information within the information flow area is updated based on the user's movement. Accordingly, as the user moves, new content continuously appears in the information flow area of ​​the application interface.

[0102] This application does not limit the specific type of terminal device 100. As an example and not a limitation, terminal device 100 can be a mobile phone, tablet computer, wearable device, in-vehicle device, augmented reality (AR) / virtual reality (VR) device, laptop computer, ultra-mobile personal computer (UMPC), netbook, personal digital assistant (PDA), smart home device (e.g., smart screen), etc.

[0103] Terminal device 100 is connected to cloud device 200 via a network (e.g., wireless or wired network). Corresponding to the client, cloud device 200 can also be referred to as a server. Cloud device 200 can provide background services for applications installed on terminal device 100, such as providing an information stream for applications that support information flow display. For example, after receiving a request from a client, cloud device 200 can determine the content to be displayed on the client based on the information carried in the request and transmit it to the client via the network. Cloud device 200 can be a standalone physical server, a server cluster or distributed system consisting of multiple physical servers, or a cloud computing center, virtualization center, etc.

[0104] In some embodiments, the cloud device 200 allows multiple devices to access simultaneously. Accordingly, the system 101 may include multiple terminal devices 100, which can simultaneously interact with the cloud device 200. In some embodiments, the cloud device 200 may also support at least one of message storage and distribution services, large-scale data storage services, large-scale data processing services, and data redundancy backup services.

[0105] In some embodiments, the data obtained by the terminal device 100 from the cloud device 200 may include in-feed advertisements. The advertisement data corresponding to these in-feed advertisements may be directly placed on the cloud device 200 by the advertiser, or it may be requested by the cloud device 200 from the advertising server 300. For example, if the advertiser places the advertisement on the advertising server 300, the system 101 may further include the advertising server 300, which is connected to the cloud device 200 via a network (e.g., a wireless or wired network). The cloud device 200 may request advertisement data from the advertising server 300 and receive the advertisement data returned by the advertising server 300 in response to the cloud device 200's request. The cloud device 200 may insert the advertisement data into the in-feed in a certain format to form in-feed advertisements.

[0106] In this application, in-feed advertising is a form of advertising that is displayed naturally and without interference on web pages, mobile applications, or social media platforms. It attracts user attention by integrating with the content of the web page or application and presenting itself in a similar manner to other content. For example, in the dynamic in-feed of social media, it may appear as a combination of text and images, blending in with user-posted updates; on news platforms, it may resemble a news article, with a headline, image, and brief description. In-feed advertising can naturally integrate into the content users browse, reducing user resistance to advertising and increasing conversion rates.

[0107] In some embodiments, cloud device 200 performs the primary computing task, and terminal device 100 performs the secondary computing task. Alternatively, cloud device 200 performs the secondary computing task, and terminal device 100 performs the primary computing task. Alternatively, cloud device 200 and terminal device 100 collaborate on computing using a distributed computing architecture.

[0108] For example, Figure 2 shows a schematic diagram of the hardware structure of a terminal device 100 provided in an embodiment of this application.

[0109] As shown in Figure 2, the terminal device 100 may include: a processor 110, a memory 120, a universal serial bus (USB) interface 130, a power supply 140, an antenna 1, an antenna 2, a mobile communication module 150, a wireless communication module 160, an audio module 170, a speaker 170A, a microphone 170C, a sensor module 180, a camera 191, a display screen 192, etc.

[0110] Processor 110 may include one or more processing units. For example, processor 110 may include an application processor (AP), a modem processor, a graphics processing unit (GPU), an image signal processor (ISP), a controller, memory, a video codec, a digital signal processor (DSP), a baseband processor, and / or a neural network processing unit (NPU), etc. The different processing units may be independent devices or integrated into one or more processors.

[0111] The controller can serve as the nerve center and command center of the terminal device. Based on the instruction opcode and timing signals, the controller generates operation control signals to control the fetching and execution of instructions.

[0112] The processor 110 may also include a memory for storing instructions and data. In some embodiments, the memory in the processor 110 is a cache memory. This memory can store instructions or data that the processor 110 has just used or that are used repeatedly. If the processor 110 needs to use the instruction or data again, it can directly retrieve it from this memory, avoiding repeated accesses, reducing the waiting time of the processor 110, and thus improving the efficiency of the system.

[0113] In some embodiments, the processor 110 may include one or more interfaces. Interfaces may include an inter-integrated circuit (I2C) interface, an inter-integrated circuit sound (I2S) interface, a pulse code modulation (PCM) interface, a universal asynchronous receiver / transmitter (UART) interface, a mobile industry processor interface (MIPI), a general-purpose input / output (GPIO) interface, a subscriber identity module (SIM) interface, and / or a universal serial bus (USB) interface, etc.

[0114] For example, processor 110 and touch sensor 180B can communicate via an I2C bus interface to enable the touch function of the terminal device. Processor 110 and camera 191 can communicate via a CSI interface to enable the shooting function of the terminal device. Processor 110 and display screen 192 can communicate via a DSI interface to enable the display function of the terminal device.

[0115] It is understood that the interface connection relationships between the modules illustrated in the embodiments of this application are merely illustrative and do not constitute a structural limitation on the terminal device. In other embodiments of this application, the terminal device may also employ different interface connection methods or combinations of multiple interface connection methods as described in the above embodiments.

[0116] Power supply 140 is used to supply power to processor 110, memory 120, display 192, camera 191, mobile communication module 150 and wireless communication module 160, etc.

[0117] The wireless communication function of the terminal device 100 can be implemented through antenna 1, antenna 2, mobile communication module 150, wireless communication module 160, modem processor, and baseband processor. For example, the terminal device 100 communicates with the cloud device 200 shown in FIG1 through the wireless communication function.

[0118] Antenna 1 and antenna 2 are used to transmit and receive electromagnetic wave signals. Each antenna in the terminal device can be used to cover one or more communication frequency bands. Different antennas can also be reused to improve antenna utilization. For example, antenna 1 can be reused as a diversity antenna for a wireless local area network. In some other embodiments, the antennas can be used in conjunction with a tuning switch.

[0119] The mobile communication module 150 can provide solutions for wireless communication applications including 2G / 3G / 4G / 5G on terminal devices. The mobile communication module 150 may include at least one filter, switch, power amplifier, low noise amplifier (LNA), etc. The mobile communication module 150 can receive electromagnetic waves via antenna 1, and perform filtering, amplification, and other processing on the received electromagnetic waves before transmitting them to a modem processor for demodulation. The mobile communication module 150 can also amplify the signal modulated by the modem processor and convert it into electromagnetic waves for radiation via antenna 1. In some embodiments, at least some functional modules of the mobile communication module 150 may be housed in the processor 110. In some embodiments, at least some functional modules of the mobile communication module 150 and at least some modules of the processor 110 may be housed in the same device.

[0120] The wireless communication module 160 can provide solutions for wireless communication applications on terminal devices, including wireless local area networks (WLANs) (such as wireless fidelity (Wi-Fi) networks), Bluetooth (BT), global navigation satellite system (GNSS), frequency modulation (FM), near field communication (NFC), and infrared (IR) technologies. The wireless communication module 160 can be one or more devices integrating at least one communication processing module. The wireless communication module 160 receives electromagnetic waves via antenna 2, performs frequency modulation and filtering of the electromagnetic wave signals, and sends the processed signal to processor 110. The wireless communication module 160 can also receive signals to be transmitted from processor 110, perform frequency modulation and amplification, and convert them into electromagnetic waves for radiation via antenna 2.

[0121] Terminal device 100 implements display functions through a GPU, display screen 192, and application processor. For example, terminal device 100 displays an information stream through its display functions.

[0122] A GPU is a microprocessor for image processing, connected to the display screen 192 and the application processor. The GPU performs mathematical and geometric calculations for graphics rendering. The processor 110 may include one or more GPUs, which execute program instructions to generate or modify display information.

[0123] The display screen 192 is used to display images, videos, etc. The display screen 192 includes a display panel. The display panel can be a liquid crystal display (LCD), an organic light-emitting diode (OLED), an active-matrix organic light-emitting diode (AMOLED), a flexible light-emitting diode (FLED), a Miniled LED, a MicroLED, a Micro-OLED, a quantum dot light-emitting diode (QLED), etc. In some embodiments, the terminal device 100 may include one or N display screens 192, where N is a positive integer greater than 1.

[0124] Terminal device 100 can perform shooting functions through ISP, camera 191, video codec, GPU, display 192 and application processor.

[0125] The ISP is used to process data fed back by camera 191. Camera 191 is used to capture still images or videos. An object is projected onto a photosensitive element by generating an optical image through the lens. The photosensitive element can be a charge-coupled device (CCD) or a complementary metal-oxide-semiconductor (CMOS) phototransistor. In some embodiments, the terminal device may include one or N cameras 191, where N is a positive integer greater than 1.

[0126] Video codecs are used to compress or decompress digital video. A terminal device may support one or more video codecs. This allows the terminal device to play or record videos in various encoding formats, such as Moving Picture Experts Group (MPEG) 1, MPEG 2, MPEG 3, MPEG 4, etc. For example, terminal device 100 can play video from a streaming media using a video codec.

[0127] The memory 120 is used to store data and / or instructions.

[0128] Memory 120 may include internal memory. The internal memory stores computer-executable program code, including instructions. Processor 110 executes various functional applications and data processing of the terminal device by running the instructions stored in the internal memory. The internal memory may include a program storage area and a data storage area. The program storage area may store the operating system; it may also store one or more applications (such as a gallery, contacts, etc.). The data storage area may store data created during the use of the terminal device (such as images, contacts, etc.). Furthermore, the internal memory may include high-speed random access memory and non-volatile memory, such as one or more disk storage devices, flash memory devices, universal flash storage (UFS), etc. In some embodiments, processor 110 may cause the terminal device to execute the methods provided in the embodiments of this application by running instructions stored in the internal memory and / or instructions stored in memory disposed within processor 110.

[0129] The memory 120 may also include external memory to expand the storage capacity of the terminal device. The external memory can communicate with the processor 110 via an external memory interface to perform data storage functions. For example, music, video, and other files can be stored in the external memory.

[0130] Terminal device 100 can implement audio functions, such as audio playback and recording, through audio module 170, speaker 170A, microphone 170C, and application processor. For example, terminal device 100 can play audio from a data stream through its audio function.

[0131] The sensor module 180 may include a pressure sensor 180A, a touch sensor 180B, a gyroscope sensor, an accelerometer sensor, a distance sensor, and other sensors.

[0132] Pressure sensor 180A is used to sense pressure signals and convert them into electrical signals. In some embodiments, pressure sensor 180A can be disposed on display screen 192. There are many types of pressure sensors 180A, such as resistive pressure sensors, inductive pressure sensors, and capacitive pressure sensors. A capacitive pressure sensor may include at least two parallel plates with conductive material. When force is applied to pressure sensor 180A, the capacitance between the electrodes changes. The terminal device determines the pressure intensity based on the change in capacitance. When a touch operation is applied to display screen 192, the terminal device detects the touch operation intensity based on pressure sensor 180A. The terminal device can also calculate the touch position based on the detection signal from pressure sensor 180A. In some embodiments, touch operations applied to the same touch position but with different touch operation intensities can correspond to different operation commands. For example: when a touch operation with an intensity less than a first pressure threshold is applied to the SMS application icon, a command to view an SMS is executed. When a touch operation with an intensity greater than or equal to the first pressure threshold is applied to the SMS application icon, a command to create a new SMS is executed.

[0133] Touch sensor 180B, also known as a "touch panel," can be located on display screen 192. The touch sensor 180B and display screen 192 together form a touchscreen, also known as a "touchscreen." Touch sensor 180B is used to detect touch operations applied to or near it. For example, touch sensor 180B can be used to detect swiping operations during a user's browsing of an information stream. The touch sensor can transmit the detected touch operation to the application processor to determine the type of touch event. Visual output related to the touch operation can be provided through display screen 192, such as scrolling and updating the information displayed in the information stream area in response to a user's swiping operation. In other embodiments, touch sensor 180B may also be located on the surface of the terminal device, in a different position than display screen 192.

[0134] A gyroscope sensor can be used to determine the motion posture of a terminal device. For example, gyroscope sensors can be used for image stabilization, navigation, and motion-sensing games. When the terminal device is stationary, the gyroscope sensor can detect the magnitude and direction of gravity.

[0135] Accelerometers can detect the magnitude of acceleration in various directions (typically three axes) of a terminal device.

[0136] A distance sensor is used to measure distance. The terminal device can measure distance using infrared or laser. In some embodiments, during a shooting scene, the terminal device can utilize the distance sensor to measure distance for rapid focusing.

[0137] It is understood that the structures illustrated in the embodiments of this application do not constitute a specific limitation on the terminal device 100. In other embodiments of this application, the terminal device 100 may include more or fewer components than illustrated, or combine some components, or split some components, or have different component arrangements. The illustrated components may be implemented in hardware, software, or a combination of software and hardware.

[0138] The above provides schematic diagrams of possible hardware structures for terminal devices. The software system of the terminal device can adopt a layered architecture, event-driven architecture, microkernel architecture, microservice architecture, or cloud architecture. This application's embodiment uses a layered architecture. Taking this system as an example, the software structure of the terminal device is illustrated. However, it is understood that the software system of the terminal device in this embodiment can also be other systems, such as HarmonyOS. system, Systems, etc., will not be described in detail here.

[0139] Figure 3 shows a software structure block diagram of a terminal device 100 provided in an embodiment of this application.

[0140] As shown in Figure 3, the layered architecture divides the software into several layers, each with a clear role and function. Layers communicate with each other through software interfaces. In some embodiments, The system is divided into four layers, from top to bottom: application layer, application framework layer, system runtime library layer, and kernel layer.

[0141] The application layer can include a series of application packages, such as camera, gallery, calendar, call, map, weather, Bluetooth, music, SMS, email, etc. As shown in Figure 3, application packages can also include applications that support displaying information streams, such as video, social, news, browser, shopping, lifestyle services, app stores, Q&A, and short video applications. Applications primarily concern the user interface (UI), and are typically written using the Java language to call the application framework layer's interfaces.

[0142] The application framework layer provides application programming interfaces (APIs) and a programming framework for applications within the application layer. The application framework layer includes predefined functions. As shown in Figure 3, the application framework layer may include a window manager, content provider, phone manager, resource manager, notification manager, view system, etc.

[0143] The window manager is used to manage windowed applications. It can obtain the screen size, determine the presence of a status bar, lock the screen, and capture screenshots. A window is a rectangular area on the screen that displays user interface (UI) elements and allows user interaction. From a system perspective, a window is essentially a canvas. A screen can have multiple windows, which are layered, with higher-level windows covering lower-level ones. For example, each window has a corresponding Z-order; the larger the z-order value, the higher the display level (or display priority) and the higher the window's position in the display hierarchy.

[0144] Content providers store and retrieve data, making that data accessible to applications. This data may include videos, images, audio, made and received phone calls, browsing history and bookmarks, phone books, etc.

[0145] A phone manager is used to provide communication functions for electronic devices. For example, it manages call status (including connection and disconnection).

[0146] The file explorer provides applications with various resources, such as localized strings, icons, images, layout files, video files, and more.

[0147] The notification manager allows applications to display notifications in the status bar. These notifications can be used to deliver informational messages and can disappear automatically after a short pause, requiring no user interaction. For example, the notification manager can be used to notify users of download completion or message alerts. The notification manager can also display notifications as icons or scrolling text in the top status bar, such as notifications from background applications, or as dialog boxes on the screen. Examples include displaying text messages in the status bar, emitting sounds, vibrating the device, and flashing indicator lights.

[0148] A view system includes visual controls, such as controls for displaying text and controls for displaying images. View systems can be used to build applications. A display interface can consist of one or more views. For example, a display interface including an information flow can include views for displaying text and views for displaying images.

[0149] The system runtime library layer is a collection of libraries located below the application framework layer. It can be divided into two parts: system libraries and application runtime (e.g., the Android runtime).

[0150] The application runtime consists of the core libraries and the virtual machine. The application runtime is responsible for scheduling and managing the software system. The core libraries comprise two parts: one part contains the functionalities that the Java language needs to call, and the other part contains the core libraries of the software system.

[0151] The application layer and application framework layer run in a virtual machine. The virtual machine executes the Java files of the application layer and application framework layer as binary files. The virtual machine is used to perform functions such as object lifecycle management, stack management, thread management, security and exception management, and garbage collection.

[0152] System libraries support the application framework and include multiple functional modules, such as: surface manager, media libraries, 2D graphics engine (e.g., SGL), 3D graphics processing library (e.g., OpenGL ES), image processing library, etc.

[0153] The Interface Manager is used to manage the display subsystem and provides the blending of 2D and 3D layers for multiple applications.

[0154] The media library supports playback and recording of various common audio and video formats, as well as still image files. It supports multiple audio and video encoding formats, such as MPEG4, H.264, MP3, AAC, AMR, JPG, and PNG.

[0155] The 3D graphics processing library is used to implement 3D graphics drawing, image rendering, compositing, and layer processing.

[0156] A 2D graphics engine is a graphics engine for 2D drawing.

[0157] The kernel layer is the layer between hardware and software, providing essential operating system functions such as file management, memory management, process management, and network protocol stacks. The kernel layer includes at least one driver, such as a display driver, camera driver, audio driver, sensor driver, or Bluetooth driver.

[0158] Based on the software architecture shown in Figure 3 or other software system architectures, applications can be run on terminal device 100. For example, applications that support information flow display (hereinafter referred to as the first application for ease of description) can run on terminal device 100, such as video applications, social applications, news and information applications, browsers, shopping applications, life service applications, app stores, knowledge Q&A applications, short video applications, etc.

[0159] Figure 4 illustrates a schematic diagram of an application interface provided in an embodiment of this application. As shown in Figure 4, a first application runs on a terminal device 100, and the application interface 400 of the first application is displayed on the screen. The application interface 400 may include a content view area 401, and optionally, the application interface 400 may also include a function area 402.

[0160] Content view area 401 is used to display content data, such as an information stream. This area can also support user interactive operations, such as content scrolling, page navigation, content insertion, and content deletion. This application mainly focuses on the case where content view area 401 displays an information stream. In this case, content view area 401 can also be called an information stream interface or an information stream display area. Typically, the information stream displayed in content view area 401 includes multiple information stream elements (or objects), such as information stream element 1, information stream element 2, ..., information stream element n, which are arranged sequentially. For example, these multiple information stream elements can be arranged in a waterfall layout, a list layout, a card layout, or a matrix layout. In some embodiments, a single information stream element can also include information sections with different attributes but certain relationships, and multiple information sections are arranged in a certain layout method, such as vertical or horizontal layout. To provide a good browsing experience, different information stream elements usually have the same layout.

[0161] The function area 402 is an area used to centrally display and operate specific functions, and is typically located at the top, bottom, or side of the application interface 400. For example, the function area 402 may include at least one of the following: a search bar (for quick location and efficient searching), a toolbar (for centrally displaying frequently used tool buttons), a navigation bar (for providing clear page navigation), a menu bar (for providing access to frequently used functions in the application), a tab bar (for switching between different function pages), and a status bar (for displaying the status of the current window or software).

[0162] To ensure diverse information presentation, news feed elements often combine multiple information formats (such as text and images), for example, image above text, text above image, image on the left and text on the right, or text on the left and image on the right. Image information is more likely to attract user attention, while text information can convey richer and more accurate information. Key information in the news feed (such as text) can directly guide users to click, purchase, or share, thus its importance in information dissemination is self-evident. Taking news feed ads as an example, the copy directly affects the click-through rate and conversion rate. Therefore, the advertising industry has summarized many principles, techniques, and methods for text creation, striving to make the text attract users' attention, guide them to the target page, and thus bring about ad conversion.

[0163] However, due to the layout limitations of information flow elements, key information (such as text information) in the information flow is invisible for a relatively long period of time (approximately 30% of the time it takes for the information flow element to go from invisible to fully visible, or from fully visible to invisible), which affects the efficiency of key information transmission.

[0164] As shown in Figure 5(a), taking a feed element with a text-at-the-top and image-at-the-bottom layout as an example, when the user swipes from bottom to top, the text and image positions appear sequentially at the bottom edge of the feed interface (i.e., the bottom boundary of the feed interface, hereinafter referred to as the bottom edge) as the feed element enters the interface; and when the feed element leaves the interface, the text and image positions disappear sequentially at the top edge of the feed interface (i.e., the top boundary of the feed interface, hereinafter referred to as the top edge). When the user swipes from top to bottom, the image and text positions appear sequentially at the top edge of the interface as the feed element enters the interface; and when the feed element leaves the interface, the image and text positions disappear sequentially at the bottom edge.

[0165] Therefore, for information flow elements arranged as text above and image below, when they enter or leave the information flow interface from the top edge of the interface, the content of the text element is not visible, at least when only part of the content of the image element is displayed on the interface, because the text element enters the interface after the image element or leaves the interface before the image element.

[0166] As shown in Figure 5(b), taking an information feed element with an image above and text below as an example, when the user swipes from bottom to top, the image and text positions appear sequentially at the bottom edge of the screen as the information feed element enters the interface; and when the information feed element leaves the screen, the image and text positions disappear sequentially at the top edge of the screen. When the user swipes from top to bottom, the text and image positions appear sequentially at the top edge of the screen as the information feed element enters the interface; and when the information feed element leaves the screen, the text and image positions disappear sequentially at the bottom edge of the screen.

[0167] Therefore, for information flow elements with an image above and text below, when they enter or leave the information flow interface from the bottom edge of the interface, the content of the text element is not visible, at least when only part of the content of the image element is displayed on the interface, because the text element enters the interface after the image element or leaves the interface before the image element.

[0168] Referring to Figures 5(a) and (b), when the text portion of the graphic content extends beyond the interface but the image portion is still displayed on the interface, or when the image portion of the graphic content is displayed on the interface but the text portion has not yet entered the interface, the key information in the text portion cannot be presented to the user, affecting the effective delivery of the text information.

[0169] In view of this, this application provides an information display method that can improve the transmission efficiency of key information in the information flow and ensure the effect of the information flow display process.

[0170] Figure 6 shows a schematic flowchart of an information display method provided in an embodiment of this application. The method 600 shown in Figure 6 is applied to an electronic device, which may be, for example, a terminal device 100 in the system 101 shown in Figure 1. Exemplarily, the electronic device may have the hardware structure shown in Figure 2 and / or the software architecture shown in Figure 3. The method 600 includes steps S610 to S620.

[0171] S610, Display a first interface, which is used to display an information stream. The information stream includes a target object, which includes a first object and a second object. The preset layout direction of the target object is that the second object is displayed on the first interface before the first object, or the first object disappears from the first interface before the second object.

[0172] In this application, the first interface is an interface capable of displaying an information flow, i.e., an information flow interface. The first interface can be, for example, the content view area 401 shown in Figure 4. Here, the first interface occupies part or all of the interface of the first application (an application capable of supporting information flow display).

[0173] In this application, the information stream used to display on the first interface can be pre-cached by the electronic device or obtained online. Typically, the number of information stream elements in a single information stream obtained by the electronic device is greater than the number of information stream elements that the first interface can display simultaneously.

[0174] For example, the target object can be a combination of ad placements, including at least audio / video ad placements (an example of the second object) and text ad placements (an example of the first object), wherein the audio / video ad placements are used to carry audio / video information, such as images, videos, and audio, and the text ad placements are used to carry text information, such as titles, introductions, and content details. In some embodiments, the target object may also include other ad placements. For example, the target object can be an in-feed advertisement.

[0175] Since the target object includes multiple objects that can carry different types of information, it has a certain layout direction, such as the previously mentioned text above image, image above text, image on the left and text on the right, text on the left and image on the right, etc. In this application, the preset layout direction of the target object refers to the default layout direction of the target object when generating the information stream, or it can be understood as the layout direction of the target object when the electronic device first obtains the information stream from the cloud device.

[0176] Taking a text-based layout as the first object and an audio-visual layout as the second object as an example, the application scenario targeted by this application is: if the target object is browsed according to its preset layout direction, the audio-visual layout will appear in the first interface before the text layout, or the text layout will disappear from the first interface before the audio-visual layout. Taking the vertical layout direction shown in Figure 5 as an example, the application scenarios of this application include:

[0177] 1) As shown in Figure 5(a), the user browses the target object in the text-to-image layout, wherein the target object enters the first interface from the bottom edge of the interface and leaves the first interface from the top edge of the interface, or the target object enters the first interface from the top edge of the interface and leaves the first interface from the bottom edge of the interface, or the target object enters the first interface from the top edge of the interface and leaves the first interface from the top edge of the interface.

[0178] 2) As shown in Figure 5(b), the user browses the target object in the top-bottom text layout, wherein the target object enters the first interface from the bottom edge of the interface and leaves the first interface from the top edge of the interface, or the target object enters the first interface from the top edge of the interface and leaves the first interface from the bottom edge of the interface, or the target object enters the first interface from the bottom edge of the interface and leaves the first interface from the bottom edge of the interface.

[0179] It is understandable that the application scenario for horizontally arranged target objects is similar to that for vertically arranged target objects. Specifically, the interface diagram shown in Figure 5 can be rotated 90° clockwise, replacing the "bottom edge of the interface" with the "left edge of the interface," the "top edge of the interface" with the "right edge of the interface," "text above image below" with "image on the left and text on the right," and "image above text below" with "text on the left and image on the right." For ease of understanding, the following description of the information display method provided in this application uses vertically arranged target objects as an example. However, it should be understood that the method provided in this application is equally applicable to horizontally arranged target objects.

[0180] It should be noted that the first object and the second object can be adjacent, or other objects may be included between the first object and the second object. For ease of understanding, the following explanation uses the example of the first object and the second object being adjacent, but it should be understood that this application is not limited to this.

[0181] S620, in response to the user's swiping operation, scrolls and displays the target object on the first interface, wherein the content of the first object is fully displayed on the first interface for a longer time than the content of the second object is fully displayed on the first interface.

[0182] In this application, when the information stream is displayed on the first interface, as the user swipes, some elements in the information stream move out of the first interface, while other elements move into the first interface. For the target object, the scrolling display of the target object on the first interface can be understood as at least a portion of the target object's position on the first interface continuously updating. Correspondingly, for information stream elements not displayed on the first interface, their position relative to the first interface also continuously updates as the user swipes.

[0183] In this application, during the user's swiping process, the content of the first object is fully displayed on the first interface for a longer time than the content of the second object is fully displayed on the first interface. This ensures the presentation time of the first object on the first interface in the information flow, improves the transmission efficiency of key information, and guarantees the display effect of key information.

[0184] In this application embodiment, there are multiple ways to implement step S620, which will be described in more detail below with reference to the accompanying drawings.

[0185] Figure 7 shows a schematic flowchart of an information display method provided in an embodiment of this application. The method 700 shown in Figure 7 can be a specific example of method 600. As shown in Figure 7, method 700 includes steps S710 to S720.

[0186] S710, display a first interface, which is used to display an information stream, the information stream including a target object, the target object including a first object and a second object.

[0187] For an introduction to the first interface, information flow, target object, first object, and second object, please refer to the relevant description in step S610. For the sake of brevity, it will not be repeated here.

[0188] S720, in response to the user's swiping operation along the first direction, the target object is scrolled and displayed on the first interface so that the target object transitions from being completely hidden to being fully displayed. Before the target object is fully displayed, the content of the first object is fully displayed on the first interface before the content of the second object, and when the target object is fully displayed, the direction in which the first object points to the second object is the same as the first direction.

[0189] Here, the first direction refers to the direction in which the user swipes the screen, such as swiping from bottom to top, top to bottom, left to right, or right to left. The user's swipe operation has a beginning and an end, corresponding to the beginning and end of the first direction, respectively. In this application, when the target object is fully displayed, the direction from the first object to the second object is the same as the first direction; that is, the first object and the second object are arranged from the beginning to the end of the first direction, with the first object on the same side as the beginning of the first direction, and the second object on the same side as the end of the first direction.

[0190] In this application, when the target object is scrolled on the first screen, it can be understood that at least a portion of the target object changes position on the first screen with the user's swiping operation. For example, the following situations can all be understood as the target object being scrolled on the first screen: 1) With the user's swiping, the positions of both the first object and the second object on the first screen change; 2) With the user's swiping, the position of the first object on the first screen remains relatively fixed, while the position of the second object on the first screen changes; 3) With the user's swiping, the position of the second object on the first screen remains relatively fixed, while the position of the first object on the first screen changes.

[0191] It is understood that users can transition a target object from being completely hidden to being fully displayed through one or more swipes along the first direction. In the case of multiple swipes, the direction of each swipe is the first direction, and the positions of the user's swipe trajectories on the screen may coincide or not coincide (e.g., parallel), and this application does not impose any special limitations on this.

[0192] It should also be understood that the "xx placement" or "xx object" involved in this application have both location and information attributes. Specifically, they refer to a specific location within the information flow content used to display specific content, such as a text placement being a specific location within the information flow content to display text, and an audio / video placement being a specific location within the information flow content to display images / videos / audio. The "content carried by the xx placement," "content of the xx object," or "content carried by the xx object" involved in this application have information attributes but no location attributes. Specifically, they refer to the specific content displayed by the corresponding object (e.g., the placement), and this specific content can be decoupled from its location.

[0193] Step S720 is a specific implementation of step S620 in method 600. Specifically, step S720 mainly extends the presentation duration of key information on the interface by constraining the display methods of the content of the first object and the content of the second object during the transition from completely hidden to fully displayed. A detailed description follows with some specific, but not limiting, examples.

[0194] Figure 8 shows a schematic diagram of an information display method provided in an embodiment of this application.

[0195] In the method shown in Figure 8, the electronic device can scroll and display a target object on a first interface based on the position information of a first object and a second object. The position information of the first and second objects is used to adjust the display type of the first object, which includes a floating state and a non-floating state. In other words, the display type of the first object can be determined based on the position information of the first and second objects, and then the target object can be scrolled and displayed according to the display type of the first object.

[0196] In this application, the position information of the first object may include the absolute position information and / or the relative position information of the first object. The absolute position information indicates the global position of the first object within the information flow content or within the first interface, while the relative position information indicates the position of the first object relative to other elements (such as the second object or a positioned element). Further description of the position information of the first object can be found in the relevant content of the following introduction to the attribute information of the target object; for brevity, it will not be elaborated upon here.

[0197] In this application, the position information of the second object may include the absolute position information and / or the relative position information of the second object. The absolute position information indicates the global position of the second object within the information flow content or within the first interface, while the relative position information indicates the position of the second object relative to other elements (such as the first object or a positioned element). Further description of the position information of the second object can be found in the relevant content of the following introduction to the attribute information of the target object; for brevity, it will not be elaborated upon here.

[0198] The following is a detailed explanation with reference to Figure 8. For ease of understanding, the following description uses the text section as the first object and the audio / video section as the second object as an example.

[0199] Referring to Figure 8(a), the first interface 501 is used to display an information stream. Specifically, in response to a user's swiping operation along a first direction (e.g., from bottom to top), the first interface 501 is used to scroll and display a target object 502 in the information stream, so that the target object 502 transitions from being completely hidden to being fully displayed. The first interface 501 includes a first edge 503 and a second edge 504 that are oppositely arranged in the first direction, wherein the target object 502 enters the first interface 501 from the side of the first edge 503. That is, the first edge 503 is the edge on the first interface 501 located on the same side as the beginning of the first direction, and the second edge 504 is the edge on the first interface 501 located on the same side as the end of the first direction. The target object 502 includes a text position A and an audio / video position B. Before entering the first interface 501, the target object 502 has a first layout direction, which is the direction from the text position A to the audio / video position B, which is opposite to the first direction. In other words, before the target object 502 enters the first interface 501, text layout A is closer to the first edge 503 than audio / video layout B; or, audio / video layout B is located on the side of text layout A that is furthest from the first edge 503. For example, when the user swipes from bottom to top, the first layout direction is text above image below.

[0200] The typesetting direction of the target object involved in this application refers to the arrangement between text positions and audio-visual positions.

[0201] Referring to Figure 8(b), as the user slides along the first direction, text display A first enters the first interface 501 from the first edge 503. Specifically, text display A scrolls within the first interface 501, and correspondingly, the area occupied by text display A in the first interface 501 becomes increasingly larger. Text display A is located on the side of audio-visual display B closest to the first edge 503.

[0202] Referring to Figure 8(c), when the position information of text position A meets the first preset condition as the user slides along the first direction, the display type of text position A is adjusted from non-floating state to floating state, and text position A is fixed at the first position of the first interface 501.

[0203] In other words, before the first preset condition is met, the display type of text display position A is non-floating; for example, text display position A and audio / video display position B have the same display level (or display priority). When the user performs a swipe operation, the position of text display position A on the first interface 501 changes continuously. In this embodiment, before the first preset condition is met, text display position A is located on the side of audio / video display position B closer to the first edge 503.

[0204] When the first preset condition is met, the display type of text placement A switches to floating state. In floating state, text placement A is displayed above other interface elements and can cover interface elements at lower display levels. For example, if the display level of text placement A is higher than that of video / audio placement B, and text placement A and video / audio placement B at least partially overlap, text placement A can cover the area on video / audio placement B that overlaps with text placement A, thus prioritizing the display of the content carried by text placement A to the user. Furthermore, when the display type of text placement A is floating, it remains in a fixed position (such as the first position) and does not change with changes in other interface elements, which improves the user experience.

[0205] In some embodiments, the first preset condition includes: text position A is fully displayed on the first interface 501, and the distance between text position A and the first edge 503 of the first interface 501 is less than or equal to the first preset value.

[0206] Here, the distance between text position A and the first edge 503 refers to the distance between the edge of text position A closest to the first edge 503 (such as the bottom edge of text position A) and the first edge 503. It can be understood that when text position A is fully displayed on the first interface 501, the distance between text position A and the first edge 503 is greater than or equal to 0.

[0207] In this application, the first preset value can be determined according to the actual situation. For example, the first preset value can be greater than or equal to 0. For example, if the first preset value is 0, the edge of text position A near the first edge 503 coincides with the first edge 503 (for example, the bottom edge of text position A coincides with the first edge 503). That is, the first preset condition includes: text position A is fully displayed on the first interface 501 and the edge of text position A near the first edge 503 coincides with the first edge 503.

[0208] In some embodiments, the distance between the side of the first position closest to the first edge 503 (such as the lower edge of the first position) and the first edge 503 is greater than or equal to a first threshold.

[0209] Here, the first threshold can be determined according to the actual situation. For example, the first threshold can be greater than or equal to 0. For example, if the first threshold is 0, the edge of the first position near the first edge 503 coincides with the first edge 503 (for example, the bottom edge of the first position coincides with the first edge 503). It can be understood that when the text position A is displayed floating in the first position, the text position A is attached to the first edge 503.

[0210] In this application, the first threshold and the first preset value can be the same or different, and can be determined according to the actual situation. No special limitation is made here.

[0211] Referring to Figure 8(d), as the user slides along the first direction, text display A floats at the first position, while audio / video display B scrolls along the first direction on the first interface 501. During the scrolling of audio / video display B, the area on audio / video display B corresponding to the first position is covered by text display A. Thus, as audio / video display B enters the first interface 501, text display A can always present complete text information to the user, improving the efficiency of conveying key information in the target object 502.

[0212] In some embodiments, when text position A is displayed floating in the first position, audio-visual position B can enter the first interface 501 from the first edge 503 or the side of the first position away from the first edge 503 (that is, the edge of text position A away from the first edge 503, such as the top edge of text position A).

[0213] By using the method of video / audio display position B entering the first interface 501 from the first edge 503, the position of information flow entering and exiting the first interface 501 can be handled using the existing scheme. By using the method of video / audio display position B entering the first interface 501 from the side away from the first edge 503, during the scrolling display of video / audio display position B, it will not be covered by the floating text display position A, which is beneficial to improving the user experience.

[0214] Referring to Figure 8(e), as the user slides along the first direction, when the position information of the audio-visual display position B meets the second preset condition, the display type of the text display position A is adjusted from floating state to non-floating state, and the fixed position of the text display position A in the first position is canceled.

[0215] In other words, before the second preset condition is met, the display type of text position A is floating, the display level of text position A is higher than the display level of audio-visual position B, and text position A is fixedly displayed in the first position.

[0216] When the second preset condition is met, the display type of text placement A switches to a non-floating state, for example, text placement A and audio / video placement B are displayed at the same level. Additionally, after removing the fixed position of text placement A in the first position, text placement A can scroll across the first interface 501 as the user swipes.

[0217] In some embodiments, the second preset condition includes: the audio-visual position B and the text position A do not overlap, and the distance between the audio-visual position B and the text position A is less than or equal to the second preset value.

[0218] In this application, the distance between the audio / video placement B and the text placement A refers to the distance between the edge of the audio / video placement B closest to the text placement A (such as the bottom edge of the audio / video placement B) and the edge of the text placement A closest to the audio / video placement B (such as the top edge of the text placement A). No overlap between the audio / video placement B and the text placement A means that there is no surface overlap between them, or that the audio / video placement B is not obscured by the text placement A.

[0219] In this application, the second preset value can be determined according to the actual situation. For example, the second preset value can be greater than or equal to 0. For instance, if the second preset value is 0, then the two adjacent edges of the audio-visual space B and the text space A coincide (for example, the lower edge of the audio-visual space B coincides with the upper edge of the text space A). That is, the second preset condition includes: the text space A and the audio-visual space B do not overlap, and the two adjacent edges of the audio-visual space B and the text space A coincide. Furthermore, if there are other spaces between the audio-visual space B and the text space A, then the second preset value can be greater than 0, for example, equal to the size of the other spaces located between the audio-visual space B and the text space A in the first direction.

[0220] It is understandable that during the transition of target object 502 from being completely hidden to being fully displayed, when text position A is in a floating state, text position A is already fully displayed on the first interface 501. Therefore, when audio-visual position B does not overlap with text position A, audio-visual position B is also fully displayed on the first interface 501. Accordingly, in some embodiments, the second preset condition may specifically include: both text position A and audio-visual position B are fully displayed on the first interface 501, audio-visual position B does not overlap with text position A, and the two adjacent edges of audio-visual position B and text position A coincide.

[0221] Referring to Figure 8(f), the target object 502 has fully entered the first interface 501 and has a second layout direction, which is the same as the first direction, where the text position A points towards the audio-visual position B. In other words, after the target object 502 has fully entered the first interface 501, the text position A is closer to the first edge 503 than the audio-visual position B, or the audio-visual position B is located on the side of the text position A away from the first edge 503. For example, when the user slides from bottom to top, the second layout direction is top-down. After the target object 502 has fully entered the first interface 501, as the user slides along the first direction, the text position A and the audio-visual position B scroll together on the first interface 501. That is, the positions of both the text position A and the audio-visual position B change within the first interface 501.

[0222] In some embodiments, referring to Figure 8(a), the preset layout direction of the target object 502 is the first layout direction shown in Figure 8(a), that is, the direction from text position A to audio-visual position B is opposite to the first direction. After the information display method shown in Figure 8, the layout direction of the target object 502 becomes the second layout direction, that is, the direction from text position A to audio-visual position B is the same as the first direction. Taking the first direction as the bottom-up direction as an example, after the process shown in Figure 8, the target object 502 changes from a text-to-image layout to an image-to-text layout. The relative positions of text position A and audio-visual position B are swapped, so that when the target object 502 enters the first interface 501, text position A is displayed before audio-visual position B, and when the target object 502 leaves the first interface 501, text position A disappears from the first interface 501 after audio-visual position B, thus extending the presentation time of the content carried by text position A on the first interface 501 and improving the transmission efficiency of text information in the information flow.

[0223] For example, referring to Figure 9(a), after Figure 8(f), as the user slides along the first direction, the video / audio display area B moves out of the first interface 501 from the second edge 504 side. While a portion of the video / audio display area B is displayed in the first interface 501, the text display area A remains fully displayed in the first interface 501. Referring to Figure 9(b), as the user slides along the first direction, after the video / audio display area B has completely moved out of the first interface 501, the text display area A then moves out of the first interface 501 from the second edge 504 side. Referring to Figure 9(c), after the text display area A has completely moved out of the first interface 501, the target object 502 is completely outside the first interface 501.

[0224] In some other embodiments, referring to Figure 10(a), the preset layout direction of the target object 502 is the second layout direction shown in Figure 8(f), that is, the direction from text position A to audio-visual position B is the same as the first direction. Thus, before executing the information display method shown in Figure 8, the electronic device can also adjust the layout direction of the target object from the second layout direction to the first layout direction, that is, adjust the layout direction of the target object 502 so that the direction from text position A to audio-visual position B is opposite to the first direction, as shown in Figure 10(b).

[0225] For example, before the target object 502 enters the first interface 501, when the position information of text position A and the position information of audio-visual position B meet the third preset condition, the electronic device adjusts the layout direction of the target object from the second layout direction to the first layout direction, the second layout direction being the opposite of the first layout direction. In other words, before the third preset condition is met, the layout direction of the target object 502 is the preset layout direction, i.e., the second layout direction. When the third preset condition is met, the layout direction of the target object 502 is adjusted to the first layout direction to extend the display time of text position A in the first interface 501.

[0226] In some embodiments, the third preset condition may include: both text position A and audio-visual position B are located outside the first interface; text position A and audio-visual position B belong to the content to be displayed within a preset range, or the distance between the audio-visual position and the first edge 503 of the first interface 501 is less than or equal to the third preset value.

[0227] The content to be displayed within the preset range involved in this application can be understood as the content that will be displayed. The information flow elements displayed on the first interface 501 in the information flow are the content being displayed, and other information flow elements in the information flow besides the content being displayed are the content to be displayed. If a range is defined for the content to be displayed, the content to be displayed within that defined range is the content to be displayed within the preset range.

[0228] For example, each information stream element (or each page position) in the information stream can have sorting information, which indicates the position of the information stream element (or page position) in the information stream. For instance, suppose target object 502 is sorted as 8 in the information stream. When information stream element sorted as 6 is displayed on the first interface 501, the electronic device can use information stream elements sorted as 7 and 8 as the content to be displayed. Accordingly, target object 502 belongs to the preset range of content to be displayed. Alternatively, suppose audio / video page position B and text page position A are sorted as 9 and 10 in the information stream, respectively. When page position sorted as 8 is displayed on the first interface 501, the electronic device can use audio / video page position B (sorted as 9) and text page position A (sorted as 10) as the content to be displayed. Accordingly, audio / video page position B and text page position A belong to the preset range of content to be displayed. In other words, the electronic device can know which information stream elements (or page positions) belong to the preset range of content to be displayed based on the sorting information of the information stream elements (or page positions).

[0229] For example, each information stream element (or section) in the information stream can have coordinate information, which indicates the position of the information stream element (or section) within the information stream. For instance, suppose the coordinates of some information stream elements (or sections) in the information stream are exposed; then content within a certain coordinate range outside the exposed coordinates can be considered as content to be displayed within a preset range. In other words, the electronic device can determine which information stream elements (or sections) belong to the preset range of content to be displayed based on their coordinate information.

[0230] The distance between the audio / video placement B and the first edge 503 in this application refers to the distance between the edge of the audio / video placement B closest to the first edge 503 (such as the top edge of the audio / video placement B) and the first edge 503. As mentioned above, before the third preset condition is met, the text placement A is located on the side of the audio / video placement B away from the first edge 503. Therefore, the audio / video placement B is closer to the first edge 503 than the text placement A.

[0231] In this application, the third preset value can be determined according to the actual situation. For example, the third preset value can be greater than or equal to 0. For example, if the third preset value is 0, the edge of the audio-visual display position B near the first edge 503 coincides with the first edge 503 (for example, the top edge of the audio-visual display position B coincides with the first edge 503). That is, the third preset condition includes: both the text display position A and the audio-visual display position B are located outside the first interface, and the edge of the audio-visual display position B near the first edge 503 coincides with the first edge 503.

[0232] Before displaying the target object 502, by adjusting the layout direction of the target object 502, the text position A can be positioned where it first enters the first interface 501. This extends the display time of the text position A during the process of the target object 502 entering the first interface 501, improving the efficiency of text information transmission. Furthermore, after the information display method shown in Figure 8, referring to (f) in Figure 8, the layout direction of the target object 502 is restored to the second layout direction (i.e., the preset layout direction). The electronic device can display the information flow according to the original layout and design intent of the information flow elements, resulting in a better user experience.

[0233] It is understandable that, given that the preset layout direction of the target object 502 is the second layout direction, after the target object 502 is fully displayed on the first interface 501, the process shown in Figure 9 can be referenced, where the user continues to move out of the first interface 501 from the second edge 504 as they slide along the first direction. For simplicity, this will not be elaborated further here.

[0234] It should be noted that in the interface diagrams shown in Figures 8 to 10, when text position A is marked "floating," it means that text position A is displayed in a floating state at the corresponding position; when text position A is not marked "floating," it means that text position A is displayed in a non-floating state at the corresponding position. Additionally, unless otherwise specified in the text description, it can be assumed that the text position A mentioned in the relevant description is displayed in a non-floating state.

[0235] Figure 11 shows a schematic flowchart of an information display method provided in an embodiment of this application. The method 800 shown in Figure 11 can be a specific example of method 700, for example, used to implement the interface change process shown in Figure 8. Method 800 is executed by a terminal device (i.e., an example of the electronic device that performs method 700 as described above), and method 800 mainly includes steps S801 to S810.

[0236] S801, the terminal device detects that the user is browsing the information stream on the first interface, and the information stream content enters the first interface from the first edge along the first direction.

[0237] The first interface is, for example, the first interface 501 in Figure 8, and the first edge is, for example, the first edge 503 in Figure 8. The first direction is, for example, the direction from bottom to top, the direction from top to bottom, the direction from left to right, or the direction from right to left. For ease of understanding, the following explanation will take the direction from bottom to top as the first direction.

[0238] S802, the terminal device detected that the target object is about to enter the first interface.

[0239] The target object is, for example, target object 502 in Figure 8, and the text position and audio / video position are, for example, text position A and audio / video position B in Figure 8, respectively.

[0240] For example, the terminal device can determine whether the target object is about to enter the first screen based on its relative position in the information stream (such as sorting information or coordinate information). For instance, if the target object's sorting or coordinates in the information stream are within a preset range, it can be determined that the target object is about to enter the first screen.

[0241] In this step, the terminal device can also detect the layout orientation of the target object. For example, the attribute information of the target object may include layout orientation information, and the terminal device can determine the layout orientation of the target object based on the layout orientation information. As another example, the attribute information of the target object may include the type information of the content carried by each page, and the terminal device can determine the layout orientation of the target object based on the type information of the content carried by each page.

[0242] In some embodiments, if the terminal device detects that the layout direction of the target object is that the direction from the text position to the audio-visual position is opposite to the first direction, the terminal device can directly execute step S804.

[0243] In other embodiments, if the terminal device detects that the layout direction of the target object is the same as the direction from the text position to the audio-visual position, the terminal device will execute step S803 before executing step S804.

[0244] S803, the terminal device detects that the target object meets the third preset condition, and adjusts the layout direction of the target object from the second layout direction to the first layout direction, wherein the first layout direction is the direction from the text position to the audio-visual position, which is opposite to the first direction.

[0245] This step is used to adjust the text placement to a position that allows it to be prioritized in the first interface, as shown in Figure 10.

[0246] The third preset condition can be referred to the aforementioned content, and is only provided as an example here. For example, when the terminal device detects that the target object is in the second layout direction and the edge of the audio-visual unit closest to the first edge (such as the top edge of the audio-visual unit) coincides with the first edge, the layout direction of the target object is adjusted to the first layout direction.

[0247] S804, the terminal device begins to detect the display status of text and audio / video sections.

[0248] Here, the display status of text and audio / video sections can include: the position of the text section in the first interface (e.g., whether the edge of the text section coincides with the first edge, whether the text section is fully displayed or partially displayed), and the position of the audio / video section in the first interface (e.g., whether the edge of the audio / video section coincides with the edge of the text section, whether the audio / video section is fully displayed or partially displayed).

[0249] S805, the terminal device detects that the text text appears first on the first edge, and as the user browses, all the text text text enters the first screen.

[0250] For example, see (b) and (c) in Figure 8.

[0251] S806, the terminal device detects that the target object meets the first preset condition, switches the text position from non-floating state to floating state and fixes it in the first position for display.

[0252] The first preset condition can be referred to the relevant content described in Figure 8, which is only illustrated here. For example, when the terminal device detects that the text position is close to the edge of the audio-visual position (such as the bottom edge of text position A) and coincides with the first edge, the display type of the text position is switched, and the text position is snapped to the first edge. In other words, the position occupied by the text position when snapped to the first edge is the first position. For example, see (c) in Figure 8.

[0253] S807, the terminal device detected that as the user browsed, the audio-visual section entered the first screen.

[0254] For example, see Figure 8(d). For instance, since the text display is floating, to avoid the audio-visual display being obscured by the text display, the audio-visual display can enter the first interface from the side of the text display away from the first edge (such as the top edge of text display A).

[0255] S808, the terminal device detects that the target object meets the second preset condition, switches the text position from floating to non-floating and cancels the fixing in the first position.

[0256] The second preset condition can be referred to the relevant content described in Figure 8, which is only illustrated here. For example, when the terminal device detects that the audio-visual section is fully displayed on the first interface, and the edge of the audio-visual section near the text section (such as the bottom edge of audio-visual section B) coincides with the edge of the text section near the audio-visual section (such as the top edge of text section A), the display type of the text section is switched, and the snapping of the text section to the first edge is canceled. For example, see (e) in Figure 8.

[0257] S809, the terminal device stops detecting the display status of text and audio / video sections.

[0258] It is understood that, between steps S804 and S809, the terminal device can continuously monitor the display status of the text section and the audio-visual section. In some embodiments, steps S804 and S809 are optional steps.

[0259] S810, the terminal device detects that as the user browses, the audio / video section and the text section move together in the first interface.

[0260] In this step, the direction in which the text placement points to the audio / video placement is the same as the first direction. For example, see Figure 8(f).

[0261] Figure 12 shows a schematic flowchart of an information display method provided in an embodiment of this application. Method 900 shown in Figure 12 can be a specific example of method 700, for example, used to implement the interface change process shown in Figure 8. Method 800 is executed interactively by a terminal device and a cloud device, and method 900 mainly includes steps S901 to S919.

[0262] S901, the terminal device detects that the user is browsing the information stream on the first interface, and the information stream content enters the first interface from the first edge along the first direction.

[0263] Step S901 is the same as step S801 in method 800. For details, please refer to the relevant description of S801. For the sake of brevity, it will not be repeated here.

[0264] S902, the terminal device detected that the target object is about to enter the first interface.

[0265] Step S902 is the same as step S802 in method 800. Please refer to the relevant description of S802 for details.

[0266] In this step, the terminal device can also detect the layout orientation of the target object. For example, the attribute information of the target object may include layout orientation information, and the terminal device can determine the layout orientation of the target object based on the layout orientation information. As another example, the attribute information of the target object may include the type information of the content carried by each page, and the terminal device can determine the layout orientation of the target object based on the type information of the content carried by each page.

[0267] In some embodiments, if the terminal device detects that the layout direction of the target object is that the direction from the text position to the audio-visual position is opposite to the first direction, it can directly continue to step S907 and subsequent steps.

[0268] In other embodiments, if the terminal device detects that the layout direction of the target object is the same as the direction from the text position to the audio-visual position, and the direction is the same as the first direction, then steps S903 to S906 can be executed before step S907.

[0269] S903, the terminal device sends the location information of the text page and the location information of the audio-visual page to the cloud device.

[0270] S904, when the cloud device detects that the target object meets the third preset condition, it determines the third information, which is used to indicate that the layout direction of the target object is the first layout direction.

[0271] The third preset condition can be referred to the aforementioned content, and is only provided as an example here. For example, when the cloud device detects that the target object is in the second layout direction and the edge of the audio-visual page near the first edge coincides with the first edge, the third information is determined.

[0272] It is understandable that the cloud device is a device that provides information flow services to the terminal device. It knows the position of the first edge and the second edge of the first interface. Therefore, it can determine whether the target object meets the third preset condition in this step based on the position information of the text page and the position information of the audio-visual page received in step S903.

[0273] Since the cloud device knows that the target object's layout direction before display is the second layout direction (that is, the direction in which the text position points to the audio-visual position is the same as the first direction), the third information is actually used to instruct the terminal device to adjust the target object's layout direction from the second layout direction to the first layout direction.

[0274] S905, the cloud device sends third information to the terminal device. Correspondingly, the terminal device receives the third information.

[0275] S906, the terminal device adjusts the layout direction of the target object from the second layout direction to the first layout direction according to the third information. The second layout direction is opposite to the first layout direction. The first layout direction is the direction from the text position to the audio-visual position, which is opposite to the first direction.

[0276] This step is used to adjust the text placement to a position that allows it to be prioritized in the first interface, as shown in Figure 10.

[0277] S907, the cloud device begins to detect the display status of text and audio / video sections.

[0278] In practice, the terminal device can continuously (e.g., at regular intervals) send the location information of the text and audio / video sections to the cloud device. Correspondingly, the cloud device detects the display status of the text and audio / video sections based on this location information. For ease of understanding, the following steps only show the terminal device sending location information to the cloud device twice.

[0279] S908, the terminal device detects that the text text appears first on the first edge, and as the user browses, all the text text text enters the first screen.

[0280] For example, see (b) and (c) in Figure 8.

[0281] S909, the terminal device sends the location information of the text page and the location information of the audio-visual page to the cloud device.

[0282] S910, when the cloud device detects that the target object meets the first preset condition, it determines the first information, which is used to indicate that the display type of the text position is floating.

[0283] The first preset condition can be referred to the relevant content described in Figure 8, which is only illustrated here. For example, when the cloud device detects that the edge of the text display position is close to the edge of the audio-visual display position and coincides with the first edge, the first information is determined.

[0284] Since the cloud device knows that the target object is not floating before the first preset condition is met, the first information is actually used to instruct the terminal device to adjust the display type of the target object from non-floating to floating.

[0285] In some embodiments, the first information may also be used to instruct the text position to be fixedly displayed on the first interface.

[0286] S911, the cloud device sends the first information to the terminal device. Correspondingly, the terminal device receives the first information.

[0287] S912, the terminal device adjusts the display type of the text position from non-floating to floating according to the first information, and fixes the text position in the first position for display.

[0288] For example, refer to Figure 8(c). In this step, if the first information simultaneously indicates that the text position is fixedly displayed on the first interface, the terminal device fixes the text position at the first position on the first interface according to the first information. If the first information does not indicate that the text position is fixedly displayed on the first interface, the terminal device can determine on its own whether to fix the text position at the first position on the first interface.

[0289] S913, the terminal device detected that as the user browsed, the audio-visual section entered the first screen.

[0290] For example, see Figure 8(d). For instance, since the text display is floating, to avoid the audio / video display being obscured by the text display, the audio / video display can enter the first interface from the side of the text display away from the first edge (e.g., the top edge of text display A).

[0291] S914, the terminal device sends the location information of the text page and the location information of the audio-visual page to the cloud device.

[0292] S915, when the cloud device detects that the target object meets the second preset condition, it determines the second information, which is used to indicate that the display type of the text position is non-floating.

[0293] The second preset condition can be referred to the relevant content described in Figure 8, which is only illustrated here. For example, when the cloud device detects that the audio-visual section is fully displayed on the first interface, and the edge of the audio-visual section near the text section coincides with the edge of the text section near the audio-visual section, the second information is determined.

[0294] S916, the cloud device sends the second information to the terminal device. Accordingly, the terminal device receives the second information.

[0295] S917, the terminal device adjusts the display type of the text position from floating to non-floating according to the second information, and cancels the text position from being fixed in the first position.

[0296] For example, refer to Figure 8(e). In this step, if the second information simultaneously indicates to cancel the fixed display of the text in the first position on the first interface, the terminal device cancels the fixed display of the text in the first position according to the second information. If the first information does not indicate to cancel the fixed display of the text in the first position, the terminal device can automatically determine to cancel the fixed display of the text in the first position.

[0297] S918, cloud devices stop monitoring the display status of text and video sections.

[0298] It is understood that between steps S907 and S918, the terminal device can continuously send the location information of the text layout and the location information of the audio-visual layout to the cloud device. Accordingly, the cloud device can continuously monitor the display status of the text layout and the display status of the audio-visual layout.

[0299] S919, the terminal device detects that as the user browses, the audio / video section and the text section move together in the first interface.

[0300] In this step, the direction in which the text placement points to the audio / video placement is the same as the first direction. For example, see Figure 8(f).

[0301] It should be noted that the execution order of the steps shown in Figure 12 is merely exemplary. In some other embodiments, if two steps (e.g., steps S918 and S919) do not have a clear order of execution, the two steps can be executed simultaneously or in reverse order. Furthermore, in other embodiments, some steps shown in Figure 12 (e.g., steps S901 and S902) can be combined, and some steps (e.g., steps S907, S918, etc.) can be optional steps.

[0302] In some embodiments, the terminal device and the cloud device can achieve information interaction between the terminal device and the cloud device by transmitting the attribute information of the target object, such as implementing the above steps S903, S905, S909, S911, S914 or S916. For example, the attribute information of the target object may include the attribute information of the text position and the attribute information of the audio-visual position. The attribute information of the text position may include at least one of the following: the position information of the text position, the size information of the text position, the type information of the content carried by the text position, the exposure state information of the text position, the display type information of the text position, the positioning method information of the text position, etc. The attribute information of the audio-visual position may include at least one of the following: the position information of the audio-visual position, the size information of the audio-visual position, the type information of the content carried by the audio-visual position, the exposure state information of the audio-visual position, the display type information of the audio-visual position, the positioning method information of the audio-visual position, etc.

[0303] The positional information of a text element can include at least one of the following: the text element's position relative to an audio / video element, the text element's position within the first interface, the text element's order in the information flow, the text element's position relative to a positioned element, and the text element's position relative to its initial position. The text element's position relative to an audio / video element can be used to determine the layout orientation of the target object. The text element's position within the first interface, its position relative to a positioned element, or its position relative to its initial position can be used to determine the positional relationship between the text element and the first edge, whether the text element is fully displayed on the first interface, etc., thereby determining whether the target object (specifically, a text element) meets a first preset condition. At least one of the text element's order in the information flow, its position relative to a positioned element, or its position relative to its initial position can be used to determine whether the text element is content to be displayed within a preset range, thereby further determining whether to adjust the layout orientation of the target object. The location information of the text placement can also be used to determine whether the text placement is outside the first interface. For example, when the coordinate of the text placement is 0, it means that the text placement is outside the first interface, that is, the text placement is not displayed in the first interface.

[0304] The size information of the text placement may include the dimensions of the text placement in the first direction and in the direction perpendicular to the first direction, and / or the coordinates of at least two corner points of the text placement. The size of the text placement can be used to determine whether the text placement is fully displayed on the first interface, thereby determining whether the target object (specifically, the text placement) meets the first preset condition.

[0305] The type information of the content carried by the text placement is used to indicate that the content carried by the placement is text, thereby determining that the corresponding placement is a text placement, and can be further used to determine the layout direction of the target object.

[0306] The exposure status information of the text placement is used to indicate whether the text placement is content to be displayed or content being displayed in the information stream, thereby determining whether the text placement is outside the first interface. It can also be used to determine whether the target object meets the third preset condition, such as determining whether the text placement is outside the first interface.

[0307] The display type information of the text placement is used to indicate whether the text placement is floating or not, so that cloud devices can instruct terminal devices to adjust the display type of the target object.

[0308] The positioning information for the text placement indicates whether the text placement is fixed (i.e., the text placement is displayed permanently on the first screen) or relatively / absolutely positioned (i.e., the text placement scrolls on the first screen). This allows cloud devices to instruct terminal devices to adjust the positioning of the target object. Here, scrolling display means that the position of the text placement on the first screen can change as the user scrolls, while fixed display means that the position of the text placement on the first screen does not change as the user scrolls.

[0309] Fixed positioning uses the window or screen as its reference point. When text is fixed, it means the text is positioned at a specific location within the browser window or on the screen (as mentioned in the first position above). Relative positioning positions the text relative to its own initial position, with itself as the reference point. Absolute positioning positions the text relative to its nearest positioned ancestor element, with the closest positioned ancestor element as the reference point. When text is relatively or absolutely positioned, its position is fixed relative to an element or document within the information flow. Therefore, when the position of the information flow content changes within the interface, the position of the text also changes, resulting in the scrolling display seen by the user.

[0310] The positional information of the audio / video placement may include at least one of the following: the positional information of the audio / video placement relative to the text placement, the positional information of the audio / video placement in the first interface, the sorting information of the audio / video placement in the information flow, the positional information of the audio / video placement relative to a positioned element, and the positional information of the audio / video placement relative to its own initial position. The positional information of the audio / video placement relative to the text placement can be used to determine the layout orientation of the target object. The positional information of the audio / video placement in the first interface, the positional information of the audio / video placement relative to a positioned element, or the positional information of the audio / video placement relative to its own initial position can be used to determine the positional relationship between the audio / video placement and the edge of the first position, whether the audio / video placement is fully displayed on the first interface, etc., thereby determining whether the target object (specifically, the audio / video placement) meets the second preset condition. The sorting information of the audio / video placement in the information flow, the positional information of the audio / video placement relative to a positioned element, or the positional information of the audio / video placement relative to its own initial position can be used to determine whether the audio / video placement is content to be displayed within a preset range, thereby further determining whether to adjust the layout orientation of the target object. The location information of the video / audio display can also be used to determine whether the video / audio display is located outside the first interface. For example, when the coordinate of the video / audio display is 0, it means that the video / audio display is located outside the first interface, that is, the video / audio display is not displayed in the first interface.

[0311] The size information of the audio-visual display position may include the dimensions of the audio-visual display position in the first direction and in the direction perpendicular to the first direction, and / or the coordinates of at least two corner points of the audio-visual display position. The size of the audio-visual display position can be used to determine whether the audio-visual display position is fully displayed on the first interface, thereby determining whether the target object (specifically the audio-visual display position) meets the second preset condition.

[0312] The type information of the content carried by the audio-visual space is used to indicate that the content carried by the space is audio-visual (or can indicate the specific type such as video, image or audio, etc.), thereby determining that the corresponding space is an audio-visual space, and can be further used to determine the layout direction of the target object.

[0313] The exposure status information of the audio-visual position is used to indicate whether the audio-visual position is content to be displayed or content being displayed in the information stream, thereby determining whether the audio-visual position is outside the first interface. It can also be used to determine whether the target object meets the third preset condition, such as determining whether the audio-visual position is outside the first interface.

[0314] The display type information of the audio-visual display position is used to indicate whether the audio-visual display position is floating or not. Since the display type of the audio-visual display position is not adjusted in this application, the display type information of the audio-visual display position can default to indicating that the audio-visual display position is not floating.

[0315] The positioning information of the audio-visual display area indicates whether it is fixed or absolutely / relatively positioned. Since the positioning method of the audio-visual display area is not adjusted in this application, the positioning information can be assumed to be absolutely or relatively positioned, indicating that the audio-visual display area is scrolling, meaning that the position of the audio-visual display area in the first interface changes as the user scrolls.

[0316] The positional information of the text and audio-visual elements is also used to determine the positional relationship between the adjacent edges of the text and audio-visual elements, thereby further determining whether the target object meets the third preset condition.

[0317] It should be noted that although the above description details the uses of each piece of information that may be included in the attribute information of the target object, it does not limit the inclusion of all information in the target object's attribute information. The specific content of the target object's attribute information can be selected according to actual needs, which can save transmission resources and power consumption. For example, in step S911, if the cloud device only needs to indicate the display type of the text position to the terminal device, the cloud device can only carry the text position display type information in the target object's attribute information. Similarly, in step S909, if the cloud device only needs the text position location information when executing step S910, the terminal device can only carry the text position location information in the target object's attribute information.

[0318] In some embodiments, the attribute information of the target object can be carried in an attribute field. For example, the attribute information of a text page is carried in a first attribute field, and the attribute information of an audio-visual page is carried in a second attribute field.

[0319] Based on the embodiments shown in Figures 8 to 12, during the display of the target object, the terminal device needs to switch the display type of the text layout. The underlying technical implementation of the terminal device is explained below with specific examples.

[0320] For example, when a terminal device needs to switch the display type of a text element from non-floating to floating and fix the text element in the first position of the first interface, the terminal device can adjust the positioning method of the text element to fixed positioning (position:fixed).

[0321] For example, taking the display of an information feed on a webpage as an example, the terminal device can activate the .floating-feed field of the text position and set it as follows:

[0322] .floating-feed{

[0323] position:fixed;

[0324] top: 50px;

[0325] right: 20px;

[0326] width: 200px;

[0327] height: 300px;

[0328] }

[0329] In this way, the text feed will float on the page and remain in a fixed position. The `.floating-feed` field is mainly used to define the style of the floating feed. A floating style means that this feed will not move with the scrolling of the page content, but will remain fixed in a certain position within the browser viewport (achieved in web pages using `position:fixed`) or the screen (achieved in mobile applications using specific layout methods). For example, to create a floating advertisement feed or message notification box in the lower right corner of a webpage, `.floating-feed` can be used to set the position (e.g., a certain distance from the bottom and right), size (e.g., the size of a small window), and appearance (e.g., semi-transparent background, rounded corners, etc.) of this floating element. The implementation of a floating style for text feeds is similar; that is, the `.floating-feed` field is used to set the position, size, and appearance of the text feed relative to the first viewport.

[0330] For example, when a terminal device needs to switch the display type of a text element from floating to non-floating and remove the fixed position of the text element in the first position, the terminal device can adjust the positioning method of the text element to relative (position:relative) or absolute (position:absolute).

[0331] For example, taking the display of an information feed on a webpage as an example, the terminal device can activate the .fixed-feed field of the text position and set it as follows:

[0332] .fixed-feed{

[0333] position:absolute;

[0334] top: 200px;

[0335] left: 300px;

[0336] width: 300px;

[0337] height: 400px;

[0338] }

[0339] In this way, the text layout will scroll with the user's swipe. `.fixed-feed` is typically used to define a feed style with a fixed position. This fixed position is relative to an element (relative to the nearest positioned ancestor element when using `position:absolute`, and relative to its own initial position when using `position:relative`) or the document (using `position:fixed`). For example, it can be used to create a style that displays a feed in a specific area of ​​the page (such as in the center of the page or in a fixed sidebar position). Again, using a webpage layout as an example, if you want to create a fixed feed on the left side of the page to display news headlines, you can use `.fixed-feed` to define its style, including position (e.g., a certain distance from the top, or right next to the page edge), width (e.g., occupying one-third of the page width), and height (e.g., adapting to the content or a fixed height). The same principle applies to implementing fixed styles for text layouts; `.fixed-feed` sets the text layout's position, width, and height relative to the page.

[0340] Figure 13 shows a schematic diagram of an information display method according to an embodiment of this application. Unlike the information display method shown in Figure 8, in the method shown in Figure 13, the target object has a fixed layout direction, and the presentation time of the text information on the interface is extended by setting an additional area on the first interface to display or hide the content carried by the text space.

[0341] In the method shown in Figure 13, the first interface is set with dynamic display positions. The electronic device can scroll and display the target object on the first interface based on the location information of the target object. The location information of the target object is used to trigger the display or hiding of the dynamic display positions.

[0342] In this application, the location information of the target object may include the absolute location information and / or the relative location information of the target object, wherein the absolute location information of the target object indicates the global location of the target object in the information flow content or the global location in the first interface, and the relative location information of the target object indicates the location of the target object relative to other elements (such as the located information flow elements).

[0343] In some embodiments, the location information of the target object may include the location information of the text section and the location information of the audio-visual section. For a description of the location information of the text section and the location information of the audio-visual section, please refer to the description in Figure 8 above; for the sake of brevity, it will not be repeated here.

[0344] The following is a detailed introduction with reference to Figure 13.

[0345] Referring to Figure 13(a), the first interface 501 is used to display an information stream. Specifically, in response to a user's swiping operation along a first direction (e.g., from bottom to top), the first interface 501 is used to scroll and display a target object 502 in the information stream, so that the target object 502 transitions from being completely hidden to being fully displayed. The target object 502 includes a text position A and an audio-visual position B. The target object 502 has a fixed layout direction, that is, the direction from text position A to audio-visual position B is the same as the first direction. For example, when the user swipes from bottom to top, the layout direction of the target object 502 is top-bottom text.

[0346] The first interface 501 includes a first edge 503 and a second edge 504 positioned opposite each other in a first direction, wherein the target object 502 enters the first interface 501 from the first edge 503 side. The first interface 501 includes a dynamic display area C, which can be shown or hidden. When the dynamic display area C is shown, it is used to display the content carried by the text display area A. As shown in Figure 13(a), the dynamic display area C is not shown or hidden before the target object 502 enters the first interface 501.

[0347] Referring to Figure 13(c), as the user slides along the first direction, when the position information of the target object 502 meets the first trigger condition, a dynamic position C is displayed on the first interface 501, where the content carried by the text position A is displayed in the dynamic position C. In other words, before the first trigger condition is met, the first interface 501 does not display the dynamic position C, and the dynamic position C is in a hidden state; when the first trigger condition is met, the dynamic position C is displayed on the first interface 501, and the content carried by the text position A is displayed in the dynamic position C, at which time the dynamic position C is in a displayed state.

[0348] In this embodiment, when the dynamic placement C is displayed, its display layer is higher than that of the target object 502. That is, when the dynamic placement C is displayed, it can cover interface elements at lower display layers. For example, when the target object 502 and the dynamic placement C overlap, the dynamic placement C can cover the area on the target object 502 that overlaps with the dynamic placement C, thus prioritizing the display of the dynamic placement C to the user, which means prioritizing the display of the content carried by the text placement A. Furthermore, the dynamic placement C remains displayed in a fixed position (e.g., the second position) and does not change with changes in other interface elements, which helps improve the user experience.

[0349] In some embodiments, the first triggering condition may include: the target object 502 does not overlap with the dynamic position C in the hidden state and the two edges of the target object 502 and the dynamic position C in the hidden state coincide.

[0350] It is understood that the dynamic display position C is in a hidden state before it is displayed. Therefore, the first triggering condition can be determined based on the positional relationship between the target object 502 and the dynamic display position C in the hidden state. For the process of the target object 502 transitioning from being completely hidden to being fully displayed, the first triggering condition specifically includes: the target object 502 is located outside the first interface 501, and the edge of the target object 502 near the first edge 503 (i.e., the edge of the audio-visual display position B away from the text display position A, such as the top edge of the audio-visual display position) coincides with the edge of the dynamic display position C near the target object 502 (such as the bottom edge of the dynamic display position C). If one edge of the dynamic display position C coincides with the first edge 503 of the first interface 501, then the "dynamic display position C near the edge of the target object 502" in the aforementioned first triggering condition can be replaced with "first edge 503".

[0351] In other embodiments, the first triggering condition may include: the target object 502 has an overlap with the dynamic position C in the hidden state, and the size of the overlap in the first direction is less than or equal to the size of the dynamic position C in the first direction, and the edge of the target object 502 at the front end in the moving direction does not extend beyond the dynamic position C.

[0352] In other words, when the overlapping portion between the target object 502 and the hidden dynamic display position C meets certain conditions in the first direction, the dynamic display position C is triggered to be displayed. For the process of the target object 502 transitioning from being completely hidden to being fully displayed, the first triggering condition specifically includes: a portion of the target object 502 can enter the first interface 501, and the height of the target object 502 entering the first interface 501 is less than or equal to the height of the dynamic display position C in the first direction. For example, when the top edge of the audio-visual display position B coincides with the top edge of the dynamic display position C, the dynamic display position C is triggered to be displayed.

[0353] Of course, in other embodiments, the first triggering condition can also be determined in other ways. For example, for the process of the target object 502 transitioning from being completely hidden to being fully displayed, the first triggering condition can be determined based on the positional relationship (e.g., the distance between the two) between the edge of the audio-visual display position B away from the text display position A and the first edge 503. For example, the first triggering condition may include: the distance between the edge of the audio-visual display position B away from the text display position A (such as the top edge of the audio-visual display position B) and the first edge 503 is less than or equal to a fifth preset value.

[0354] Here, the fifth preset value can be determined according to the actual situation. For example, the fifth preset value can be greater than or equal to 0. Further, the fifth preset value can be less than or equal to the size of the dynamic display position C in the first direction. For example, if the fifth preset value can be 0, then the edge of the audio-visual display position B away from the text display position A (e.g., the top edge of the audio-visual display position B) coincides with the first edge 503. That is, the first triggering condition includes: the edge of the audio-visual display position B away from the text display position A coincides with the first edge 503. As another example, the fifth preset value can be equal to the height of the dynamic display position C in the first direction. Accordingly, before the dynamic display position C is triggered to display, a portion of the audio-visual display position B can enter the first interface 501, and the height of the audio-visual display position B entering the first interface 501 is less than or equal to the height of the dynamic display position C in the first direction.

[0355] Taking the fifth preset value being equal to the height of the dynamic display position C in the first direction as an example, the first triggering condition may include: the distance between the edge of the audio-visual display position B away from the text display position A and the first edge 503 is equal to the fifth preset value, that is, equal to the height of the dynamic display position C in the first direction. Therefore, referring to Figure 13(b), as the user slides along the first direction, the audio-visual display position B first enters the first interface 501 from the first edge 503. Specifically, the audio-visual display position B scrolls in the first interface 501, and correspondingly, the area occupied by the audio-visual display position B in the first interface 501 becomes larger and larger. When the height of the audio-visual display position B entering the first interface 501 is equal to the size of the dynamic display position C in the first direction, the first triggering condition is met, thus triggering the display of the dynamic display position C, as shown in Figure 13(c). The dynamic display position C in the display state covers at least part of the audio-visual display position B entering the first interface 501.

[0356] In some embodiments, the size of the dynamic text placement C in the first direction is less than or equal to the size of the text placement A in the first direction. This allows the text information in the target object 502 to be prioritized for display to the user without affecting the overall layout. Of course, in a specific implementation, the size of the dynamic text placement C in the first direction can also be greater than the size of the text placement A in the first direction, depending on the actual needs.

[0357] When displayed, the dynamic display position C can occupy a second position on the first interface 501. In some embodiments, the distance between the side of the second position closest to the first edge 503 (such as the lower edge of the second position) and the first edge 503 is greater than or equal to a second threshold. Here, the second threshold can be determined according to the actual situation. For example, the second threshold can be greater than or equal to 0. For example, if the second threshold is 0, the edge of the second position closest to the first edge 503 coincides with the first edge 503. It can be understood that when the dynamic display position C is displayed in the second position, the edge of the dynamic display position C closest to the first edge 503 (such as the lower edge of the dynamic display position C) coincides with the first edge 503.

[0358] Referring to Figure 13(d), as the user slides along the first direction, the dynamic placement C is fixedly displayed in the second position, and the target object 502 is scrolled along the first interface 501. During the scrolling of the target object 502, the area on the target object 502 corresponding to the second position is covered by the dynamic placement C. Thus, as the target object 502 enters the first interface 501, the dynamic placement C can always present the text information completely to the user, improving the efficiency of conveying key information from the target object 502.

[0359] In some embodiments, when the dynamic display C is displayed on the first interface 501, the target object 502 can enter the first interface 501 from the first edge 503 or the second position away from the first edge 503 (that is, the edge of the dynamic display C away from the first edge 503, such as the top edge of the dynamic display C).

[0360] By having the target object 502 enter the first interface 501 from the first edge 503, the process of the target object 502 entering and exiting the first interface 501 becomes smoother. For example, if the dynamic placement C is triggered after the target object 502 has entered the first interface 501 to a certain height, the target object 502 can continue to enter from the first edge 503 without needing to adjust the entry edge of the target object 502. Furthermore, when the dynamic placement C switches from visible to hidden, the text placement A can be seamlessly displayed, resulting in a better visual experience. Alternatively, by having the target object 502 enter the first interface 501 from a second position away from the first edge 503 (such as the top edge of the dynamic placement C), the target object 502 will not be obscured by the dynamic placement C during scrolling, which improves the user experience.

[0361] Referring to Figure 13(e), as the user slides along the first direction, when the position information of the target object meets the second trigger condition, the dynamic display position C is hidden. At this time, the audio-visual display position B and the text display position A are displayed on the first interface 501. In other words, before the second trigger condition is met, the dynamic display position C is displayed on the first interface 501; when the second trigger condition is met, the dynamic display position C is hidden, that is, the dynamic display position C is not displayed on the first interface 501.

[0362] In some embodiments, the second triggering condition may include: the target object 502 does not overlap with the dynamic position C in the display state, and the two edges of the target object 502 and the dynamic position C in the display state that are close to each other coincide.

[0363] For example, regarding the process of target object 502 transitioning from being completely hidden to being fully displayed, the second triggering condition specifically includes: target object 502 being fully displayed on the first interface 501, and the edge of target object 502 near the first edge 503 (i.e., the edge of text position A away from audio / video position B, such as the bottom edge of text position A) coinciding with the edge of dynamic position C near target object 502 (such as the top edge of dynamic position C). That is, as the user slides along the first direction, when both audio / video position B and text position A are displayed on the first interface 501 and are not obscured by dynamic position C, if the bottom edge of text position A coincides with the top edge of dynamic position C, dynamic position C is triggered to hide.

[0364] In other embodiments, the second triggering condition may include: the target object 502 has an overlap with the dynamic display position C in the display state, and the size of the overlap in the first direction is less than or equal to the size of the dynamic display position C in the first direction, and the edge of the target object 502 at the rear end in the movement direction does not extend beyond the dynamic display position C.

[0365] For example, regarding the process of target object 502 transitioning from being completely hidden to being fully displayed, the second triggering condition specifically includes: target object 502 fully entering the first interface 501, and target object 502 overlapping with dynamic placement C. For instance, when text placement A enters the first interface 501 and the edge of text placement A furthest from audio / video placement B (e.g., the bottom edge of text placement A) overlaps with the edge of dynamic placement C near the first edge 503 (e.g., the bottom edge of dynamic placement C coincides), dynamic placement C can be triggered to hide. Alternatively, when audio / video placement B is fully displayed on the first interface 501 and the edge of audio / video placement B near text placement A (e.g., the bottom edge of audio / video placement B) overlaps with the edge of dynamic placement C furthest from the first edge 503 (e.g., the top edge of dynamic placement C coincides), dynamic placement C can be triggered to hide.

[0366] Of course, in other embodiments, the second triggering condition can also be determined in other ways. For example, for the process of the target object 502 transitioning from being completely hidden to being fully displayed, the second triggering condition can be determined based on the positional relationship (e.g., the distance between the bottom edge of the audio-visual display position B and the first edge 503) of the edge of the audio-visual display position B closest to the text display position A. For example, the second triggering condition may include: the distance between the bottom edge of the audio-visual display position B and the first edge 503 of the edge of the audio-visual display position B closest to the text display position A is greater than or equal to the dimension of the dynamic display position C in the first direction.

[0367] Referring to Figure 13(f), the target object 502 has fully entered the first interface 501, and the text display A is closer to the first edge 503 than the audio / video display B. As the user slides along the first direction, the text display A and the audio / video display B scroll together on the first interface 501, while the dynamic display C is not displayed.

[0368] As the user slides along the first direction, the target object can be moved off the first interface 501 from the second edge 504. The process is shown in Figure 9 for details, but will not be elaborated further here for simplicity.

[0369] It should be noted that in the interface diagram shown in Figure 13, when the dynamic position C is marked "Display the content of A", it means that the dynamic position C is in the display state. In other cases (such as not being marked with the corresponding content, or not being filled with a pattern, etc.), it means that the dynamic position C is in the non-display state.

[0370] In some embodiments, the size of the dynamic placement C in the first direction may be fixed or adaptively determined based on the size of the text placement A in the first direction.

[0371] Figure 14 shows a schematic flowchart of an information display method provided in an embodiment of this application. The method 1000 shown in Figure 14 can be a specific example of method 700, for example, used to implement the interface change process shown in Figure 13. Method 1000 is executed by a terminal device (i.e., an example of the electronic device that performs the aforementioned method 700), and method 1000 mainly includes steps S1001 to S1009.

[0372] S1001, the terminal device detects that the user is browsing the information stream on the first interface, and the information stream content enters the first interface from the first edge along the first direction.

[0373] The first interface is, for example, the first interface 501 in Figure 13, and the first edge is, for example, the first edge 503 in Figure 13. The first direction is, for example, the direction from bottom to top, the direction from top to bottom, the direction from left to right, or the direction from right to left. For ease of understanding, the following explanation will take the direction from bottom to top as the first direction.

[0374] S1002, the terminal device detects that the target object is about to enter the first interface, and the layout direction of the target object is the same as the direction from the text position to the audio-visual position.

[0375] The target object is, for example, target object 502 in Figure 13, and the text position and audio-visual position are, for example, text position A and audio-visual position B in Figure 13, respectively.

[0376] For example, the terminal device can determine whether the target object is about to enter the first screen based on its relative position in the information stream (such as sorting information or coordinate information). For instance, if the target object's sorting or coordinates in the information stream are within a preset range, it can be determined that the target object is about to enter the first screen.

[0377] In this step, the terminal device can also detect the layout orientation of the target object. For example, the attribute information of the target object may include layout orientation information, and the terminal device can determine the layout orientation of the target object based on the layout orientation information. As another example, the attribute information of the target object may include the type information of the content carried by each page, and the terminal device can determine the layout orientation of the target object based on the type information of the content carried by each page.

[0378] S1003, the terminal device begins to detect the display status of text and audio / video sections.

[0379] Here, the display status of text and audio / video sections can include: the position of the audio / video section in the first interface (e.g., whether the edge of the audio / video section coincides with the edge of the dynamic section, the height of the audio / video section entering the first interface, etc.), and the position of the text section in the first interface (e.g., whether the edge of the text section coincides with the edge of the dynamic section, whether the edge of the text section coincides with the first edge, etc.).

[0380] S1004, The terminal device detected that as the user browses, the audio-visual section enters the first screen.

[0381] For example, see (a) and (b) in Figure 13.

[0382] S1005, the terminal device detects that the target object meets the first triggering condition and displays a dynamic display on the first interface, wherein the content carried by the text display is displayed in the dynamic display.

[0383] The first triggering condition can be referred to the relevant content described in Figure 13, which is only illustrated here. For example, when the terminal device detects that the height of the audio-visual display position entering the first interface reaches the height of the dynamic display position in the first direction, the dynamic display position is triggered. For example, see (c) in Figure 13.

[0384] S1006, The terminal device detects that as the user browses, the audio and video content is scrolling across the first screen.

[0385] For example, see Figure 13(d). For instance, since the display level of the dynamic layout is higher than that of the target object, in order to avoid the target object being obscured by the dynamic layout, the target object can enter the first interface from the side of the dynamic layout away from the first edge (such as the top edge of the dynamic layout C).

[0386] S1007, the terminal device detects that the target object meets the second trigger condition and hides the dynamic position.

[0387] The second triggering condition can be referred to the relevant content described in Figure 13, which is only illustrated here. For example, when the terminal device detects that the edge of the audio / video unit close to the text unit (such as the bottom edge of audio / video unit B) coincides with the edge of the dynamic unit away from the first edge (such as the top edge of dynamic unit C), the dynamic unit is hidden, that is, the display of the dynamic unit is canceled. For example, see Figure 13(e).

[0388] S1008, the terminal device stops detecting the display status of text and audio / video sections.

[0389] It is understood that, between steps S1003 and S1008, the terminal device can continuously monitor the display status of the text section and the audio-visual section. In some embodiments, steps S1003 and S1008 are optional steps.

[0390] S1009, The terminal device detects that as the user browses, the audio / video section and the text section move together in the first interface.

[0391] For example, see (f) in Figure 13.

[0392] Figure 15 shows a schematic flowchart of an information display method provided in an embodiment of this application. The method 1100 shown in Figure 15 can be a specific example of method 700, for example, used to implement the interface change process shown in Figure 13. Method 1100 is executed interactively by a terminal device and a cloud device, and method 1100 mainly includes steps S1101 to S1115.

[0393] S1101, the terminal device detects that the user is browsing the information stream on the first interface, and the information stream content enters the first interface from the first edge along the first direction.

[0394] Step S1101 is the same as step S1001 in method 1000. For details, please refer to the relevant description of S1001. For the sake of brevity, it will not be repeated here.

[0395] S1102, the terminal device detects that the target object is about to enter the first interface, and the layout direction of the target object is the same as the direction from the text position to the audio-visual position.

[0396] Step S1102 is the same as step S1002 in method 1000. For details, please refer to the relevant description of S1002.

[0397] S1103, the cloud device begins to detect the display status of text and audio / video sections.

[0398] In a practical implementation, the terminal device can continuously (e.g., at regular intervals) send the location information of the target object to the cloud device. Correspondingly, the cloud device detects the display status of text and audio / video sections based on the target object's location information. For ease of understanding, the following steps only show the terminal device sending location information to the cloud device twice. In this embodiment, the target object's location information includes the location information of both text and audio / video sections.

[0399] S1104, The terminal device detected that as the user browses, the audio-visual section enters the first screen.

[0400] For example, see (a) and (b) in Figure 13.

[0401] S1105, the terminal device sends the location information of the target object to the cloud device.

[0402] S1106, when the cloud device detects that the target object meets the first triggering condition, it determines the first information, which is used to indicate the display of a dynamic position on the first interface.

[0403] The first triggering condition can be referred to the relevant content described in Figure 13, which is only illustrated here. For example, when the cloud device detects that the size of the portion of the audio-visual display in the first interface in the first direction is the same as the size of the dynamic display in the first direction, the first information is determined.

[0404] In some embodiments, the first information may also be used to indicate that the dynamic position is fixed at a second position on the first interface.

[0405] S1107, the cloud device sends the first information to the terminal device. Correspondingly, the terminal device receives the first information.

[0406] S1108, the terminal device displays a dynamic display on the first interface based on the first information, wherein the content carried by the text display is displayed in the dynamic display.

[0407] For example, see (c) in Figure 13.

[0408] S1109, The terminal device detects that as the user browses, the audio and video content is scrolling across the first screen.

[0409] For example, see Figure 13(d). For instance, since the display layer of the dynamic layout is higher than that of the target object, in order to avoid the target object being obscured by the dynamic layout, the target object can enter the first interface from the side of the dynamic layout away from the first edge.

[0410] S1110, the terminal device sends the location information of the target object to the cloud device.

[0411] S1111 When the cloud device detects that the target object meets the second triggering condition, it determines the second information, which is used to indicate the cancellation of the display of the dynamic position.

[0412] The second triggering condition can be referred to the relevant content described in Figure 13, which is only illustrated here. For example, when the cloud device detects that the edge of the audio-visual page close to the text page (e.g., the bottom edge of the audio-visual page B) coincides with the edge of the dynamic page close to the edge away from the first edge (e.g., the top edge of the dynamic page C), the second information is determined.

[0413] S1112, the cloud device sends the second information to the terminal device. Accordingly, the terminal device receives the second information.

[0414] S1113, The terminal device hides the dynamic position based on the second information.

[0415] For example, see (e) in Figure 13.

[0416] S1114, Cloud devices have stopped monitoring the display status of text and video sections.

[0417] It is understood that between steps S1103 and S1114, the terminal device can continuously send the location information of the target object to the cloud device, and correspondingly, the cloud device can continuously monitor the display status of the text page and the audio-visual page.

[0418] S1115, The terminal device detects that as the user browses, the audio / video section and the text section move together in the first interface.

[0419] It should be noted that the execution order of the steps shown in Figure 15 is merely exemplary. In some other embodiments, if two steps (e.g., steps S1114 and S1115) do not have a clear order of execution, the two steps can be executed simultaneously or in reverse order. Furthermore, in other embodiments, some steps shown in Figure 15 (e.g., steps S1101 and S1102) can be combined, and some steps (e.g., steps S1103, S1114, etc.) can be optional.

[0420] In some embodiments, the terminal device and the cloud device can achieve information interaction by transmitting attribute information of the target object and attribute information of the dynamic display position, such as implementing the above steps S1105, S1107, S1110, or S1112. For example, the attribute information of the target object may include attribute information of the text display position and attribute information of the audio-visual display position. The attribute information of the text display position may include at least one of the following: position information of the text display position, size information of the text display position, type information of the content carried by the text display position, exposure status information of the text display position, etc. The attribute information of the audio-visual display position may include at least one of the following: position information of the audio-visual display position, size information of the audio-visual display position, type information of the content carried by the audio-visual display position, exposure status information of the audio-visual display position, etc. The attribute information of the dynamic display position may include position information of the dynamic display position, size information of the dynamic display position, status information of the dynamic display position, etc.

[0421] The positional information of the text placement can include at least one of the following: the text placement relative to the audio / video placement, the text placement within the first interface, the text placement's order in the information flow, the text placement relative to a positioned element, and the text placement relative to its own initial position. The text placement relative to the audio / video placement can be used to determine the layout direction of the target object. The text placement within the first interface, the text placement relative to a positioned element, or the text placement relative to its own initial position can be used to determine the positional relationship between the text placement and the first edge, the relationship between the text placement and dynamic placements, and whether the text placement is fully displayed on the first interface, thereby determining whether the target object meets the second triggering condition. The text placement's order in the information flow, the text placement relative to a positioned element, or the text placement relative to its own initial position can be used to determine whether the text placement is content to be displayed within a preset range, thereby further determining whether the target object is about to appear on the first interface. The location information of the text placement can also be used to determine whether the text placement is outside the first interface. For example, when the coordinate of the text placement is 0, it means that the text placement is outside the first interface, that is, the text placement is not displayed in the first interface.

[0422] The size information of the text placement may include the dimensions of the text placement in the first direction and in the direction perpendicular to the first direction, and / or the coordinates of at least two corner points of the text placement. The size of the text placement can be used to determine whether the text placement is fully displayed on the first interface.

[0423] The type information of the content carried by the text placement is used to indicate that the content carried by the placement is text, thereby determining that the corresponding placement is a text placement, and can be further used to determine the layout direction of the target object.

[0424] The exposure status information of the text placement is used to indicate whether the text placement is content to be displayed or content that is being displayed in the information stream, thereby determining whether the text placement is outside the first screen.

[0425] The positional information of the audio / video placement may include at least one of the following: the positional information of the audio / video placement relative to the text placement, the positional information of the audio / video placement within the first interface, the sorting information of the audio / video placement in the information flow, the positional information of the audio / video placement relative to a positioned element, and the positional information of the audio / video placement relative to its own initial position. The positional information of the audio / video placement relative to the text placement can be used to determine the layout direction of the target object. The positional information of the audio / video placement within the first interface, the positional information of the audio / video placement relative to a positioned element, or the positional information of the audio / video placement relative to its own initial position can be used to determine the positional relationship between the edges of the audio / video placement and dynamic placements, whether the audio / video placement is fully displayed on the first interface, etc., thereby determining whether the target object meets the first triggering condition. The sorting information of the audio / video placement within the information flow, the positional information of the audio / video placement relative to a positioned element, or the positional information of the audio / video placement relative to its own initial position can be used to determine whether the audio / video placement is content to be displayed within a preset range. The location information of the video / audio display can also be used to determine whether the video / audio display is located outside the first interface. For example, when the coordinate of the video / audio display is 0, it means that the video / audio display is located outside the first interface, that is, the video / audio display is not displayed in the first interface.

[0426] The size information of the video / audio display area may include the dimensions of the video / audio display area in the first direction and in the direction perpendicular to the first direction, and / or the coordinates of at least two corner points of the video / audio display area. The size of the video / audio display area can be used to determine whether the video / audio display area is fully displayed on the first interface.

[0427] The type information of the content carried by the audio-visual space is used to indicate that the content carried by the space is audio-visual (or can indicate the specific type such as video, image or audio, etc.), thereby determining that the corresponding space is an audio-visual space, and can be further used to determine the layout direction of the target object.

[0428] The exposure status information of the video / audio display position is used to indicate whether the video / audio display position is content to be displayed or content being displayed in the information stream, thereby determining whether the video / audio display position is outside the first screen.

[0429] The location information of the dynamic placement is the location information of the dynamic placement in the first interface. This information can be used to determine the positional relationship between the target object and the dynamic placement, thereby further determining whether the target object meets the first triggering condition or the second triggering condition.

[0430] The size information of the dynamic display position may include the dimensions of the dynamic display position in a first direction and in a direction perpendicular to the first direction, and / or the coordinates of at least two corner points of the dynamic display position. This information can be used to determine the positional relationship between the target object and the dynamic display position, thereby further determining whether the target object meets the first triggering condition or the second triggering condition.

[0431] The status information of the dynamic display area is used to indicate whether the dynamic display area is displayed in the first interface, so that the cloud device can instruct the terminal device to adjust the display or hiding of the dynamic display area.

[0432] It should be noted that although the above description details the purpose of the attribute information of the target object and the attribute information of the dynamic display position, it does not limit the inclusion of all information in the attribute information of the target object or the dynamic display position. The specific content of the attribute information of the target object or the attribute information of the dynamic display position can be selected according to actual needs, which can save transmission resources and power consumption. For example, in step S1107, if the cloud device only needs to indicate the status of the dynamic display position to the terminal device, the cloud device can only carry the status information of the dynamic display position in the attribute information of the dynamic display position. As another example, in step S1105, if the cloud device only needs the location information of the audio-visual display position and the location information of the dynamic display position when executing step S1106, the terminal device can only send the location information of the audio-visual display position and the location information of the dynamic display position to the cloud device.

[0433] In some embodiments, the attribute information of the target object and the attribute information of the dynamic page layout can be carried in attribute fields. For example, the attribute information of the text page layout is carried in the first attribute field, the attribute information of the audio-visual page layout is carried in the second attribute field, and the attribute information of the dynamic page layout is carried in the third attribute field.

[0434] In the embodiments shown in Figures 13 to 15 above, the number of dynamic display positions C is not limited to one. In practical applications, multiple dynamic display positions C can be set in the first interface 501. For example, dynamic display positions C can be set in at least two positions among the top, bottom, left, and right sides of the first interface 501. In this way, when the user changes the sliding direction, such as sliding up, sliding left, or sliding right, the information display method shown in Figures 13 to 15 can also be applied.

[0435] Figure 16 shows a schematic flowchart of an information display method provided in an embodiment of this application. The method 1200 shown in Figure 16 can be a specific example of method 600. As shown in Figure 16, method 1200 includes steps S1210 to S1220.

[0436] S1210, Display a first interface, which is used to display an information stream, the information stream including a target object, the target object including a first object and a second object.

[0437] For an introduction to the first interface, information flow, target object, first object, and second object, please refer to the relevant description in step S610. For the sake of brevity, it will not be repeated here.

[0438] S1220, in response to the user's swiping operation along the second direction, the target object is scrolled and displayed on the first interface so that the target object transitions from being fully displayed to being completely disappeared. When the target object is fully displayed, the direction in which the first object points to the second object is opposite to the second direction. Before the target object completely disappears, the content of the second object is incompletely displayed on the first interface before the content of the first object.

[0439] Here, the second direction refers to the direction in which the user swipes the screen, such as swiping from bottom to top, top to bottom, left to right, or right to left. The user's swipe operation has a beginning and an end, corresponding to the beginning and end of the second direction, respectively. In this application, when the target object is fully displayed, the direction from the first object to the second object is opposite to the second direction; that is, the first object and the second object are arranged from the end of the second direction to the beginning of the second direction, with the second object on the same side as the beginning of the second direction, and the first object on the same side as the end of the second direction.

[0440] It is understood that users can transition a target object from being fully displayed to completely disappearing through one or more swipes along the second direction. In the case of multiple swipes, the direction of each swipe is the second direction, and the positions of the user's swipe trajectories on the screen may coincide or not (e.g., parallel), and this application does not impose any special limitations on this.

[0441] The above description of the target object completely disappearing can also be understood as the target object not being displayed on the first screen at all, or the target object being completely moved out of or away from the first screen.

[0442] Step S1220 is a specific implementation of step S620 in method 600. Unlike step S720 in method 700, step S1220 primarily extends the presentation duration of the first object on the interface by constraining the display methods of the content of the first object and the content of the second object during the transition from full display to complete disappearance of the target object. The following is a detailed description using specific, but not limiting, examples. For ease of understanding, the following description uses a text area as the first object and an audio / video area as the second object.

[0443] Figure 17 shows a schematic diagram of an information display method provided in an embodiment of this application. The process shown in Figure 17 can be understood as the reverse process of the process shown in Figure 8.

[0444] Referring to Figure 17(a), the first interface 501 is used to display an information stream. Specifically, in response to a user's swiping operation along a second direction (e.g., from top to bottom), the first interface 501 scrolls to display a target object 502 in the information stream, causing the target object 502 to transition from being fully displayed to completely disappearing. The first interface 501 includes a first edge 503 and a second edge 504 that are oppositely positioned in the second direction, wherein the target object 502 moves out of the first interface 501 from the side of the first edge 503. That is, the first edge 503 is the edge on the first interface 501 located on the same side as the end of the second direction, and the second edge 504 is the edge on the first interface 501 located on the same side as the beginning of the second direction. The target object 502 includes a text position A and an audio / video position B. When the target object 502 is fully displayed on the first interface 501, it has a second layout direction, which is the direction from the text position A to the audio / video position B, which is opposite to the second direction. For example, when a user swipes down from top to bottom, the second layout direction is top image and bottom image.

[0445] As shown in Figure 17(a), as the user slides along the second direction, the audio-visual display B and the text display A are scrolled together on the first interface. That is, the positions of the text display A and the audio-visual display B in the first interface 501 both change.

[0446] Referring to Figure 17(b), as the user slides along the second direction, when the position information of the text position A meets the first preset condition, the display type of the text position A is adjusted from non-floating to floating, and the text position A is fixed at the first position of the first interface 501.

[0447] In other words, before the first preset condition is met, the display type of text display A is non-floating; for example, text display A and audio / video display B have the same display layer. When the user performs a swipe operation, the position of text display A on the first interface 501 changes continuously. In this embodiment, before the first preset condition is met, text display A is located on the side of audio / video display B closer to the first edge 503.

[0448] When the first preset condition is met, the display type of text placement A switches to floating state. In floating state, text placement A has a higher display hierarchy than other interface elements, thus allowing the content carried by text placement A to be displayed to the user first. Furthermore, when text placement A is in floating state, it remains displayed in a fixed position (i.e., the first position) and does not change with changes in other interface elements, which improves the user experience.

[0449] In some embodiments, the first preset condition includes: text position A is fully displayed on the first interface 501, and the distance between text position A and the first edge 503 of the first interface 501 is less than or equal to the first preset value.

[0450] In this application, the first preset value can be determined according to the actual situation. For example, the first preset value can be greater than or equal to 0. For example, the first preset condition can specifically include: text position A is fully displayed on the first interface 501 and the edge of text position A near the first edge 503 coincides with the first edge 503. For example, when the bottom edge of text position A coincides with the first edge 503, the first preset condition is considered to be satisfied.

[0451] In some embodiments, when text position A is displayed floating in the first position, text position A can be snapped to the first edge 503. For details regarding the first position, please refer to the description of the first position in Figure 8; for brevity, it will not be repeated here.

[0452] Referring to Figure 17(c), as the user slides along the second direction, text display A floats in the first position, while video display B scrolls along the second direction from the first interface 501 to move out of the first interface 501. During the scrolling of video display B, the area on video display B corresponding to the first position is covered by text display A. Thus, as video display B moves out of the first interface 501, text display A can always present complete text information to the user, improving the efficiency of conveying key information in the target object 502.

[0453] In some embodiments, when text position A is displayed floating in the first position, audio / video position B can be moved out of the first interface 501 from the first edge 503 or the side of the first position away from the first edge 503 (such as the top edge of text position A).

[0454] Referring to Figure 17(d), as the user slides along the second direction, when the position information of the audio-visual display position B meets the second preset condition, the display type of the text display position A is adjusted from floating to non-floating, and the fixed position of the text display position A in the first position is canceled.

[0455] In other words, before the second preset condition is met, the display type of text placement A is floating, the display level of text placement A is higher than that of audio / video placement B, and text placement A is fixed in the first position. When the second preset condition is met, the display type of text placement A switches to non-floating, for example, text placement A and audio / video placement B are displayed at the same level. In addition, after the text placement A is de-fixed in the first position, text placement A can scroll out of the first interface 501 as the user slides.

[0456] In some embodiments, the second preset condition includes: the audio-visual position B and the text position A do not overlap, and the distance between the audio-visual position B and the text position A is less than or equal to the second preset value.

[0457] In this application, the second preset value can be determined according to the actual situation. For example, the second preset value can be greater than or equal to 0. For instance, if the second preset value is 0, then the two edges of the audio-visual page B and the text page A that are close to each other coincide (for example, the upper edge of the audio-visual page B coincides with the lower edge of the text page A). Furthermore, if there are other pages between the audio-visual page B and the text page A, then the second preset value can be greater than 0, for example, equal to the size of the other pages located between the audio-visual page B and the text page A in the second direction.

[0458] It is understood that during the transition of target object 502 from full display to complete disappearance, when the audio-visual display position B and the text display position A do not overlap, the audio-visual display position B has completely moved out of the first interface 501. Accordingly, in some embodiments, the second preset condition may specifically include: the text display position A is fully displayed on the first interface 501, the audio-visual display position B is completely moved out of the first interface 501, and the two adjacent edges of the audio-visual display position B and the text display position A coincide.

[0459] Referring to Figures 17(e) and (f), as the user slides along the second direction, text placement A scrolls across the first interface 501 to move off the first interface 501 from the first edge 503. Correspondingly, the area occupied by text placement A in the first interface 501 gradually decreases until it disappears. As shown in Figure 17(f), the target object moving off the first interface 501 has a first layout direction, which is the same as the second direction in which text placement A points towards audio / video placement B.

[0460] In some embodiments, the preset layout direction of the target object 502 can be the second layout direction shown in Figure 17(a), that is, the direction from text position A to audio-visual position B is opposite to the second direction. After the information display method shown in Figure 17, as shown in Figure 17(f), the layout direction of the target object 502 becomes the first layout direction, that is, the direction from text position A to audio-visual position B is the same as the second direction. Taking the second direction as a top-down direction as an example, after the process shown in Figure 17, the target object 502 changes from an image-text layout to a text-text-image layout. The relative positions of text position A and audio-visual position B are swapped, so that when the target object 502 moves out of the first interface 501, text position A disappears from the first interface 501 later than audio-visual position B, extending the presentation time of the content carried by text position A on the first interface 501 and improving the transmission efficiency of text information in the information flow.

[0461] If the target object 502 enters the first interface 501 from the second edge 504 in the second layout direction, then the text position A will enter before the audio-visual position B. Combined with the process of the target object 502 moving out of the first interface 501 from the first edge 503 as shown in Figure 17, the time for the text position A to be fully displayed in the first interface 501 will be greater than the time for the audio-visual position B to be fully displayed in the first interface 501, thereby improving the efficiency of transmitting key information in the target object 502.

[0462] If the target object enters the first interface 501 from the first edge 503 in the second layout direction, the method of target object 502 entering the first interface 501 shown in Figures 8 and 10 can be used. Combined with the process of target object 502 moving out of the first interface 501 from the first edge 503 shown in Figure 17, the time for text position A to be fully displayed in the first interface 501 will be greater than the time for audio-visual position B to be fully displayed in the first interface 501, thereby improving the transmission efficiency of key information in target object 502.

[0463] In some embodiments, if the preset layout direction of the target object 502 is the second layout direction shown in Figure 17(a), then after the target object 502 is completely moved out of the first interface 501, the target object 502 can be adjusted from the first layout direction to the second layout direction. That is, based on Figure 17(f), the positions of text position A and audio-visual position B are swapped. For example, when the position information of text position A and the position information of audio-visual position B meet the fourth preset condition, the layout direction of the target object 502 is adjusted from the first layout direction to the second layout direction.

[0464] In some embodiments, the fourth preset condition may include: both text position A and audio-visual position B are located outside the first interface 501; text position A and audio-visual position B belong to content to be displayed outside the preset range, or the distance between text position A and the first edge 503 is greater than or equal to the fourth preset value.

[0465] The content to be displayed outside the preset range involved in this application can be understood as content that is not about to be displayed, or as content to be displayed other than the "content to be displayed within the preset range" involved in the relevant description in Figure 8.

[0466] For example, suppose target object 502 is ranked 8 in the information stream. When the information stream element ranked 4 is displayed on the first interface 501, the electronic device can use the information stream elements ranked 5 and 6 as the content to be displayed. Accordingly, target object 502 belongs to the content to be displayed outside the preset range. The electronic device can know which information stream elements (or page positions) belong to the content to be displayed outside the preset range based on the sorting information of the information stream elements (or page positions).

[0467] For example, suppose the coordinates of certain information stream elements (or page positions) in the information stream are exposed. The electronic device can use content within a certain coordinate range outside the exposed coordinates as content to be displayed within a preset range. If the coordinates of the target object 502 are not within this coordinate range, then the target object 502 is considered to be content to be displayed outside the preset range. In other words, the electronic device can know which information stream elements (or page positions) belong to the content to be displayed outside the preset range based on the coordinate information of the information stream elements (or page positions).

[0468] The fourth preset value involved in this application can be determined according to the actual situation. For example, the fourth preset value can be greater than or equal to 0.

[0469] After the target object 502 is moved out of the first interface 501, the target object 502 can be placed in the preset layout direction by adjusting the layout direction of the target object 502.

[0470] In some other embodiments, the preset layout direction of the target object 502 can be the first layout direction shown in (f) of Figure 17. When the target object 502 enters the first interface 501 from the side of the second edge 504, the method shown in Figure 8 can be used to extend the presentation time of the text position in the first interface 501.

[0471] It should be noted that in the interface diagram shown in Figure 17, when text position A is marked "floating," it means that text position A is displayed in a floating state at the corresponding position; when text position A is not marked "floating," it means that text position A is displayed in a non-floating state at the corresponding position. Additionally, unless otherwise specified in the text description, it can be assumed that the display type of text position A mentioned in the relevant description is non-floating.

[0472] Figure 18 shows a schematic flowchart of an information display method provided in an embodiment of this application. The method 1300 shown in Figure 18 can be a specific example of method 1200, for example, used to implement the interface change process shown in Figure 17. Method 1300 is executed by a terminal device (i.e., an example of the electronic device that performs method 1200 as described above), and method 1300 mainly includes steps S1301 to S1308.

[0473] S1301, the terminal device detects that the user is browsing the information stream on the first interface, and the information stream content moves out of the first interface from the first edge along the second direction.

[0474] The first interface is, for example, the first interface 501 in Figure 17, and the first edge is, for example, the first edge 503 in Figure 17. The second direction is, for example, the direction from bottom to top, the direction from top to bottom, the direction from left to right, or the direction from right to left. For ease of understanding, the following explanation will take the direction from top to bottom as the second direction.

[0475] S1302, the terminal device detects that as the user browses, the target object is scrolled and displayed on the first interface, where the direction in which the text section points to the audio-visual section is opposite to the second direction.

[0476] For example, see Figure 17(a). The target object is, for example, target object 502 in Figure 17, and the text space and audio / video space are, for example, text space A and audio / video space B in Figure 17, respectively.

[0477] In this step, the terminal device can also detect the layout orientation of the target object. For example, the attribute information of the target object may include layout orientation information, and the terminal device can determine the layout orientation of the target object based on the layout orientation information. As another example, the attribute information of the target object may include the type information of the content carried by each page, and the terminal device can determine the layout orientation of the target object based on the type information of the content carried by each page.

[0478] S1303, the terminal device begins to detect the display status of text and audio / video sections.

[0479] Here, the display status of text and audio / video sections can include: the position of the text section in the first interface (e.g., whether the edge of the text section coincides with the first edge, whether the text section is fully displayed or partially displayed), and the position of the audio / video section in the first interface (e.g., whether the edge of the audio / video section coincides with the edge of the text section, whether the audio / video section is fully displayed or partially displayed).

[0480] S1304, the terminal device detects that the target object meets the first preset condition, switches the text position from non-floating state to floating state and fixes it in the first position for display.

[0481] The first preset condition can be referred to the relevant content described in Figure 17, which is only illustrated here. For example, when the terminal device detects that the edge of the text position away from the audio-visual position (such as the bottom edge of text position A) coincides with the first edge, the display type of the text position is switched, and the text position will be attached to the first edge. The position occupied by the text position is the first position. For example, see Figure 17(b).

[0482] S1305, the terminal device detected that as the user browsed, the video version moved out of the first screen.

[0483] For example, see Figure 17(c). For instance, since the text display is floating, to avoid the audio / video display being obscured by the text display, the audio / video display can leave the first interface from the side of the text display away from the first edge (such as the top edge of text display A).

[0484] S1306, the terminal device detects that the target object meets the second preset condition, switches the text position from floating to non-floating and cancels the fixing in the first position.

[0485] The second preset condition can be referred to the relevant content described in Figure 17, which is only illustrated here. For example, when the terminal device detects that the audio / video display position has completely moved out of the first interface, and the edge of the audio / video display position near the text display position (such as the top edge of audio / video display position B) coincides with the edge of the text display position near the audio / video display position (such as the bottom edge of text display position A), the display type of the text display position is switched, and the snapping of the text display position to the first edge is canceled. For example, see (d) in Figure 17.

[0486] S1307, The terminal device detected that as the user browsed, the text version moved out of the first screen.

[0487] For example, refer to (e) and (f) in Figure 17. The text text position leaves the first interface from the first edge. At this point, the target object completely disappears from the first interface.

[0488] S1308, The terminal device stops detecting the display status of text and audio / video sections.

[0489] It is understood that between steps S1303 and S1308, the terminal device can continuously monitor the display status of the text section and the audio-visual section. In some embodiments, steps S1303 and S1308 are optional steps.

[0490] Figure 19 shows a schematic flowchart of an information display method provided in an embodiment of this application. Method 1400 shown in Figure 19 can be a specific example of method 1200, for example, used to implement the interface change process shown in Figure 17. Method 1400 is executed interactively by a terminal device and a cloud device, and mainly includes steps S1401 to S1414.

[0491] S1401, the terminal device detects that the user is browsing the information stream on the first interface, and the information stream content moves out of the first interface from the first edge along the second direction.

[0492] Step S1401 is the same as step S1301 in method 1300. For details, please refer to the relevant description of S1301. For the sake of brevity, it will not be repeated here.

[0493] S1402, the terminal device detects that as the user browses, the target object is scrolled and displayed on the first interface, where the direction in which the text section points to the audio-visual section is opposite to the second direction.

[0494] This step S1402 is the same as step S1302 in method 1300. Please refer to the relevant description of S1302 for details.

[0495] S1403, the terminal device begins to detect the display status of text and audio / video sections.

[0496] In practice, the terminal device can continuously (e.g., at regular intervals) send the location information of the text and audio / video sections to the cloud device. Correspondingly, the cloud device detects the display status of the text and audio / video sections based on this location information. For ease of understanding, the following steps only show the terminal device sending location information to the cloud device twice.

[0497] S1404, The terminal device sends the location information of the text page and the location information of the audio-visual page to the cloud device.

[0498] S1405, when the cloud device detects that the target object meets the first preset condition, it determines the first information, which is used to indicate that the display type of the text position is floating.

[0499] The first preset condition can be referred to in Figure 17, which is only illustrated here. For example, when the cloud device detects that the edge of the text display position away from the audio-visual display position coincides with the first edge, it determines the first information. The cloud device knows that the target object is in a non-floating state before the first preset condition is met, so the first information is actually used to instruct the terminal device to adjust the display type of the target object from a non-floating state to a floating state.

[0500] In some embodiments, the first information may also be used to instruct the text position to be fixedly displayed on the first interface.

[0501] S1406, the cloud device sends the first information to the terminal device. Correspondingly, the terminal device receives the first information.

[0502] S1407, the terminal device adjusts the display type of the text position from non-floating to floating according to the first information, and fixes the text position in the first position for display.

[0503] For example, refer to Figure 17(b). In this step, if the first information simultaneously indicates that the text position is fixedly displayed on the first interface, the terminal device fixes the text position at the first position on the first interface according to the first information. If the first information does not indicate that the text position is fixedly displayed on the first interface, the terminal device can determine on its own whether to fix the text position at the first position on the first interface.

[0504] S1408, The terminal device detected that as the user browsed, the video version moved out of the first screen.

[0505] For example, see Figure 17(c). For instance, since the text display is floating, to avoid the audio-visual display being obscured by the text display, the audio-visual display can enter the first interface from the side of the text display away from the first edge (e.g., the top edge of text display A).

[0506] S1409, the terminal device sends the location information of the text page and the location information of the audio-visual page to the cloud device.

[0507] S1410, when the cloud device detects that the target object meets the second preset condition, it determines the second information, which is used to indicate that the display type of the text position is non-floating.

[0508] The second preset condition can be referred to the relevant content described in Figure 17, which is only illustrated here. For example, when the cloud device detects that the audio-visual space has completely left the first interface, and the edge of the audio-visual space near the text space (e.g., the top edge of audio-visual space B) coincides with the edge of the text space near the audio-visual space (e.g., the bottom edge of text space A), the second information is determined.

[0509] S1411, the cloud device sends the second information to the terminal device. Accordingly, the terminal device receives the second information.

[0510] S1412, the terminal device adjusts the display type of the text position from floating to non-floating according to the second information, and cancels the text position from being fixed in the first position.

[0511] For example, refer to Figure 17(e). In this step, if the second information simultaneously indicates to cancel the fixed display of the text in the first position on the first interface, the terminal device cancels the fixed display of the text in the first position according to the second information. If the first information does not indicate to cancel the fixed display of the text in the first position, the terminal device can automatically determine to cancel the fixed display of the text in the first position.

[0512] S1413, The terminal device detects that as the user browses, the text version moves out of the first screen.

[0513] For example, see (f) in Figure 17.

[0514] S1414, The cloud device has stopped monitoring the display status of text and video sections.

[0515] It is understood that between steps S1403 and S1414, the terminal device can continuously send the location information of the text layout and the location information of the audio-visual layout to the cloud device. Correspondingly, the cloud device can continuously monitor the display status of the text layout and the display status of the audio-visual layout.

[0516] It should be noted that the execution order of the steps shown in Figure 19 is merely exemplary. In some other embodiments, if two steps (e.g., steps S1413 and S1414) do not have a clear order of execution, the two steps can be executed simultaneously or in reverse order. Furthermore, in other embodiments, some steps shown in Figure 19 (e.g., steps S1401 and S1402) can be combined, and some steps (e.g., steps S1403, S1414, etc.) can be optional.

[0517] In some embodiments, the terminal device and the cloud device can achieve information interaction between the terminal device and the cloud device by transmitting the attribute information of the target object, such as implementing the above steps S1404, S1406, S1409, S1411, etc. Regarding the attribute information of the target object, please refer to the content about "attribute information of the target object" located between the relevant descriptions in Figure 12 and Figure 13. For brevity, only the differences are explained here. Specifically, if the position information of the text position includes the sorting information of the text position in the information flow and / or the position information of the audio-visual position includes the sorting information of the audio-visual position in the information flow, when it is applied to the method shown in Figure 19, the sorting information of the text position in the information flow is used to determine whether the text position is content to be displayed outside the preset range, and the sorting information of the audio-visual position in the information flow is used to determine whether the audio-visual position is content to be displayed outside the preset range, thereby further used to determine whether to adjust the layout direction of the target object after it is moved out of the first interface.

[0518] Figure 20 shows a schematic diagram of an information display method provided in an embodiment of this application. The process shown in Figure 20 can be understood as the reverse process of the process shown in Figure 13.

[0519] Referring to Figure 20(a), the first interface 501 is used to display an information stream. Specifically, in response to a user's swiping operation along a second direction (e.g., from top to bottom), the first interface 501 scrolls the display of a target object 502 in the information stream, causing the target object 502 to transition from being fully displayed to being completely hidden. The target object 502 includes a text position A and an audio-visual position B. The target object 502 has a fixed layout direction, i.e., the direction from text position A to audio-visual position B is opposite to the second direction. For example, when the user swipes from top to bottom, the layout direction of the target object 502 is top-bottom.

[0520] The first interface 501 includes a first edge 503 and a second edge 504 positioned opposite each other in a second direction, wherein the target object 502 leaves the first interface 501 from the side of the first edge 503. The first interface 501 includes a dynamic display position C, which can be shown or hidden. When the dynamic display position C is shown, it is used to display the content carried by the text display position A. As shown in Figure 20(a), the dynamic display position C is not shown (or hidden) until a first triggering condition is met.

[0521] Referring to Figures 20(b) and (c), as the user slides along the second direction, when the position information of the target object 502 meets the first trigger condition, a dynamic position C is displayed on the first interface 501, where the content carried by the text position A is displayed in the dynamic position C. That is, before the first trigger condition is met, the first interface 501 does not display the dynamic position C; when the first trigger condition is met, the dynamic position C is displayed on the first interface 501, and the content carried by the text position A is displayed in the dynamic position C.

[0522] When dynamic placement C is displayed, its display hierarchy is higher than that of the target object 502, thus allowing the content carried by dynamic placement C to be shown to the user first. Dynamic placement C remains displayed in the second position on the first interface 501 and does not change with changes in other interface elements, which helps improve the user experience.

[0523] In some embodiments, the first triggering condition may include: the target object 502 does not overlap with the dynamic display position C in the hidden state, and the two edges of the target object 502 and the dynamic display position C in the hidden state coincide. For example, for the process of the target object 502 transitioning from being fully displayed to being completely hidden, the first triggering condition may specifically include: the target object 502 is fully displayed on the first interface 501, and the edge of the target object 502 near the first edge 503 (i.e., the edge of the text display position A away from the audio-visual display position B, such as the bottom edge of the text display position A) coincides with the edge of the dynamic display position C near the target object 502 (such as the top edge of the dynamic display position C).

[0524] In other embodiments, the first triggering condition may include: the target object 502 has an overlap with the dynamic position C in the hidden state, and the size of the overlap in the second direction is less than or equal to the size of the dynamic position C in the second direction, and the edge of the target object 502 at the front end in the movement direction does not extend beyond the dynamic position C.

[0525] In other words, the display of dynamic page C is triggered when the size of the overlapping portion between the target object 502 and the hidden dynamic page C in the second direction meets certain conditions. For the process of the target object 502 transitioning from fully displayed to completely hidden, the first triggering condition specifically includes: the size of the overlapping portion between the target object 502 and the dynamic page C in the second direction is less than or equal to the size of the dynamic page C in the second direction. For example, the display of dynamic page C is triggered when the bottom edge of text page A coincides with the bottom edge (or the first edge 503) of dynamic page C.

[0526] Of course, in other embodiments, the first triggering condition can also be determined in other ways. For example, for the process of the target object 502 transitioning from full display to complete disappearance, the first triggering condition can be determined based on the positional relationship (e.g., the distance between the bottom edge of the text position A away from the audio-visual position B) and the first edge 503. For example, the first triggering condition may include: the distance between the bottom edge of the text position A away from the audio-visual position B and the first edge 503 is less than or equal to a fifth preset value. For example, the fifth preset value may be greater than or equal to 0 and less than or equal to the size of the dynamic position C in the second direction.

[0527] In some embodiments, the size of the dynamic text placement C in the second direction is less than or equal to the size of the text placement A in the second direction. This allows the text information in the target object 502 to be prioritized for display to the user without affecting the overall layout. Of course, in a specific implementation, the size of the dynamic text placement C in the second direction can also be greater than the size of the text placement A in the second direction, depending on the actual needs.

[0528] The dynamic display position C can occupy a second position on the first interface 501 during display. In some embodiments, the distance between the side of the second position closest to the first edge 503 (such as the lower edge of the second position) and the first edge 503 is greater than or equal to a second threshold. Here, the second threshold can be determined according to the actual situation. For example, the second threshold can be greater than or equal to 0.

[0529] Referring to (c) in Figure 20, as the user slides along the second direction, the dynamic display position C is fixed at the second position, and the target object 502 scrolls along the second direction on the first interface 501 to move out of the first interface 501. During the scrolling display of the target object 502, the area on the target object 502 corresponding to the second position is covered by the dynamic display position C.

[0530] In some embodiments, when the dynamic position C is displayed on the first interface 501, the target object 502 can move out of the first interface 501 from the first edge 503 or the second position away from the first edge 503 (that is, the edge of the dynamic position C away from the first edge 503, such as the top edge of the dynamic position C).

[0531] Referring to Figure 20(d), as the user slides along the second direction, when the position information of the target object meets the second trigger condition, the dynamic display position C is hidden. At this time, the portion of the audio-visual display position B displayed on the first interface 501 has completely moved out of the first interface 501. In other words, before the second trigger condition is met, the dynamic display position C is displayed on the first interface 501; when the second trigger condition is met, the dynamic display position C is not displayed on the first interface 501.

[0532] In some embodiments, the second triggering condition may include: the target object 502 does not overlap with the dynamic display position C in the displayed state, and the two edges of the target object 502 and the dynamic display position C in the displayed state coincide. For example, for the process of the target object 502 transitioning from fully displayed to completely hidden, the second triggering condition may specifically include: the target object 502 completely moves out of the first interface 501, and the edge of the target object 502 near the first edge 503 (i.e., the edge of the audio-visual display position B away from the text display position A, such as the top edge of the audio-visual display position B) coincides with the edge of the dynamic display position C near the target object 502 (such as the bottom edge of the dynamic display position C). That is, as the user slides along the second direction, when the audio-visual display position B and the text display position A move out of the first interface 501, the dynamic display position C is triggered to hide.

[0533] In other embodiments, the second triggering condition may include: the target object 502 overlaps with the dynamic display position C in the display state, and the size of the overlapping portion in the second direction is less than or equal to the size of the dynamic display position C in the second direction; and the rear edge of the target object 502 in the movement direction does not extend beyond the dynamic display position C. For example, when the edge of the audio-visual display position B away from the text display position A (e.g., the top edge of the audio-visual display position B) coincides with the edge of the dynamic display position C away from the first edge 503 (e.g., the top edge of the dynamic display position C), the dynamic display position C can be triggered to hide.

[0534] Of course, in other embodiments, the second triggering condition can also be determined in other ways. For example, for the process of the target object 502 transitioning from full display to complete non-display, the second triggering condition can be determined based on the positional relationship (e.g., the distance between the edge of the audio-visual display position B away from the text display position A, such as the top edge of the audio-visual display position B) and the first edge 503. For example, the second triggering condition may include: the distance between the edge of the audio-visual display position B away from the text display position A (such as the top edge of the audio-visual display position B) and the first edge 503 is less than or equal to the dimension of the dynamic display position C in the second direction.

[0535] Referring to (e) and (f) in Figure 20, as the user slides along the second direction, the audio-visual section B is scrolled out of the first interface 501, while the text section A has been completely moved out of the first interface 501.

[0536] It is understandable that if the video / audio display area B and the text display area A are completely moved out of the first interface 501 in Figure 20 (d), the hiding of the dynamic display area C is triggered, then the process shown in Figure 20 (e) can be omitted.

[0537] It should be noted that in the interface diagram shown in Figure 20, when the dynamic position C is marked "Display the content of A", it means that the dynamic position C is in the display state. In other cases (such as not being marked with the corresponding content, or not being filled with a pattern, etc.), it means that the dynamic position C is in the non-display state.

[0538] Figure 21 shows a schematic flowchart of an information display method provided in an embodiment of this application. The method 1500 shown in Figure 21 can be a specific example of method 1200, for example, used to implement the interface change process shown in Figure 20. Method 1500 is executed by a terminal device (i.e., an example of the electronic device that performs method 1200 as described above), and method 1500 mainly includes steps S1501 to S1508.

[0539] S1501, the terminal device detects that the user is browsing the information stream on the first interface, and the information stream content enters the first interface from the first edge along the second direction.

[0540] The first interface is, for example, the first interface 501 in Figure 20, and the first edge is, for example, the first edge 503 in Figure 20. The second direction is, for example, the direction from bottom to top, the direction from top to bottom, the direction from left to right, or the direction from right to left. For ease of understanding, the following explanation will take the direction from top to bottom as the second direction.

[0541] S1502, the terminal device detects that as the user browses, the target object is scrolled and displayed on the first screen, where the direction in which the text section points to the audio-visual section is opposite to the second direction.

[0542] For example, see Figure 20(a). The target object is, for example, target object 502 in Figure 20, and the text space and audio / video space are, for example, text space A and audio / video space B in Figure 20, respectively.

[0543] In this step, the terminal device can also detect the layout orientation of the target object. For example, the attribute information of the target object may include layout orientation information or the type information of the content carried by each page. The terminal device can determine the layout orientation of the target object based on the layout orientation information or the type information of the content carried by each page.

[0544] S1503, the terminal device begins to detect the display status of text and audio-visual sections.

[0545] Here, the display status of text and audio / video sections can include: the position of the audio / video section in the first interface (e.g., whether the edge of the audio / video section coincides with the edge of the dynamic section, the size of the overlapping part of the audio / video section and the dynamic section, etc.), and the position of the text section in the first interface (e.g., whether the edge of the text section coincides with the edge of the dynamic section, whether the edge of the text section coincides with the first edge, etc.).

[0546] S1504, the terminal device detects that the target object meets the first triggering condition and displays a dynamic display on the first interface, wherein the content carried by the text display is displayed in the dynamic display.

[0547] The first triggering condition can be referred to the relevant content described in Figure 20, which is only illustrated here. For example, when the terminal device detects that the edge of the text position away from the audio-visual position (e.g., the bottom edge of the text position) coincides with the first edge, dynamic position display is triggered. For example, see Figure 20(b).

[0548] S1505, the terminal device detected that the text version moved out of the first screen as the user browsed.

[0549] In this step, as the user browses, the video / audio display area also begins to move out of the first screen. For example, see Figure 20(c). Since the display layer of the dynamic display area is higher than that of the target object, to avoid the target object being obscured by the dynamic display area, the video / audio display area can leave the first screen from the side of the dynamic display area furthest from the first edge (such as the top edge of dynamic display area C).

[0550] S1506, the terminal device detects that the target object meets the second trigger condition and hides the dynamic position.

[0551] The second triggering condition can be referred to the relevant content described in Figure 20, which is only illustrated here. For example, when the terminal device detects that the edge of the audio / video unit away from the text unit (e.g., the top edge of audio / video unit B) coincides with the edge of the dynamic unit away from the first edge (e.g., the top edge of dynamic unit C), the display of the dynamic unit is canceled. For example, see (d) in Figure 20.

[0552] S1507, the terminal device detected that as the user browsed, the video version moved out of the first screen.

[0553] For example, refer to (e) and (f) in Figure 20. The video / audio display moves away from the first edge of the first interface. At this point, the target object has completely disappeared from the first interface.

[0554] S1508, the terminal device stops detecting the display status of text and audio / video sections.

[0555] It is understood that between steps S1503 and S1508, the terminal device can continuously monitor the display status of the text layout and the audio-visual layout. In some embodiments, steps S1503 and S1508 are optional steps.

[0556] Figure 22 shows a schematic flowchart of an information display method provided in an embodiment of this application. Method 1600 shown in Figure 22 can be a specific example of method 1200, for example, used to implement the interface change process shown in Figure 20. Method 1600 is executed interactively by a terminal device and a cloud device, and mainly includes steps S1601 to S1614.

[0557] S1601, the terminal device detects that the user is browsing the information stream on the first interface, and the information stream content moves out of the first interface from the first edge along the second direction.

[0558] Step S1601 is the same as step S1501 in method 1500. For details, please refer to the relevant description of S1501. For the sake of brevity, it will not be repeated here.

[0559] S1602, the terminal device detects that as the user browses, the target object is scrolled and displayed on the first interface, where the direction in which the text section points to the audio-visual section is opposite to the second direction.

[0560] This step S1602 is the same as step S1502 in method 1500. Please refer to the relevant description of S1502 for details.

[0561] S1603, the cloud device begins to detect the display status of text and audio / video sections.

[0562] In a practical implementation, the terminal device can continuously (e.g., at regular intervals) send the location information of the target object to the cloud device. Correspondingly, the cloud device detects the display status of text and audio / video sections based on the target object's location information. For ease of understanding, the following steps only show the terminal device sending location information to the cloud device twice. In this embodiment, the target object's location information includes the location information of both text and audio / video sections.

[0563] S1604, The terminal device sends the location information of the target object to the cloud device.

[0564] S1605, when the cloud device detects that the target object meets the first triggering condition, it determines the first information, which is used to indicate the display of a dynamic position on the first interface.

[0565] The first triggering condition can be referred to the relevant content described in Figure 20, which is only illustrated here. For example, when the cloud device detects that the edge of the text position away from the audio-visual position (e.g., the bottom edge of the text position) coincides with the first edge, the first information is determined.

[0566] In some embodiments, the first information may also be used to indicate that the dynamic position is fixed at a second position on the first interface.

[0567] S1606, the cloud device sends the first information to the terminal device. Correspondingly, the terminal device receives the first information.

[0568] S1607, the terminal device displays a dynamic display on the first interface based on the first information, wherein the content carried by the text display is displayed in the dynamic display.

[0569] S1608, The terminal device detects that as the user browses, the text version moves out of the first screen.

[0570] In this step, as the user browses, the video / audio display area also begins to move out of the first screen. For example, see Figure 20(c). Since the display layer of the dynamic display area is higher than that of the target object, to avoid the target object being obscured by the dynamic display area, the video / audio display area can leave the first screen from the side of the dynamic display area furthest from the first edge (such as the top edge of dynamic display area C).

[0571] S1609, The terminal device sends the location information of the target object to the cloud device.

[0572] S1610, when the cloud device detects that the target object meets the second triggering condition, it determines the second information, which is used to indicate the cancellation of the display of the dynamic position.

[0573] The second triggering condition can be referred to the relevant content described in Figure 20, which is only illustrated here. For example, when the cloud device detects that the edge of the audio-visual position away from the text position (e.g., the top edge of the audio-visual position B) coincides with the edge of the dynamic position near the edge away from the first edge (e.g., the top edge of the dynamic position C), the second information is determined.

[0574] S1611, the cloud device sends the second information to the terminal device. Accordingly, the terminal device receives the second information.

[0575] S1612, the terminal device hides the dynamic position based on the second information.

[0576] S1613, The terminal device detected that as the user browsed, the video version moved out of the first screen.

[0577] For example, refer to (e) and (f) in Figure 20. The video / audio display moves away from the first edge of the first interface. At this point, the target object has completely disappeared from the first interface.

[0578] S1614, Cloud devices stop monitoring the display status of text and video elements.

[0579] It should be noted that the execution order of the steps shown in Figure 22 is merely exemplary. In some other embodiments, if two steps (e.g., steps S1613 and S1614) do not have a clear order of execution, the two steps can be executed simultaneously or in reverse order. Furthermore, in other embodiments, some steps shown in Figure 22 (e.g., steps S1601 and S1602) can be combined, and some steps (e.g., steps S1603, S1614, etc.) can be optional.

[0580] In some embodiments, the terminal device and the cloud device can achieve information interaction by transmitting the attribute information of the target object and the attribute information of the dynamic placement, such as implementing the steps S1604, S1606, S1609, S1611 described above. Regarding the attribute information of the target object and the attribute information of the dynamic placement, please refer to the content concerning "attribute information of the target object" and "attribute information of the dynamic placement" located between the relevant descriptions in Figure 15 and Figure 16. For the sake of brevity, it will not be elaborated further here.

[0581] The methods 700 and 1200 described above can be implemented separately, and the first direction and the second direction can be the same or opposite. In some other embodiments, methods 700 and 1200 can be implemented in combination, for example, method 700 can be executed first and then method 1200 can be executed, or method 1200 can be executed first and then method 700 can be executed, wherein the first direction and the second direction are opposite.

[0582] In the aforementioned methods for setting dynamic page layout information display, such as methods 1000, 1100, 1500, 1600, and Figures 13 and 20, each page layout in the target object can have a field indicating whether dynamic page layout is required. The terminal device or cloud device can validate this field to determine whether the corresponding page layout needs to use dynamic page layout. When a page layout (e.g., a text page layout) has the attribute to use dynamic page layout and needs to use dynamic page layout, the terminal device or cloud device can activate this attribute.

[0583] In practical applications, the information display method provided in this application can be integrated as a functional module into an information streaming media, so that the information streaming media can provide users with the information display method described above in this application.

[0584] It is understood that the first and second objects involved in this application can also be objects of the same type, such as both being text spaces or both being audio-visual spaces. For example, when the first and second objects are objects of the same type, and the information they carry has a relationship of importance, then applying the information display method provided in this application can extend the presentation time of important information on the interface and ensure the display effect of important information.

[0585] The information display method provided by the embodiments of this application has been described in detail above with reference to Figures 1 to 22. The device embodiments of this application will be described in detail below with reference to Figures 23 and 24. It should be understood that the descriptions of the method embodiments correspond to the descriptions of the device embodiments; therefore, any parts not described in detail can be referred to the preceding method embodiments.

[0586] Figure 23 shows a schematic structural diagram of an apparatus provided in an embodiment of this application. The apparatus 1700 may be located in the terminal device 100 shown in Figure 1, or may be a specific example of the terminal device 100. The apparatus 1700 is capable of performing the various steps in the methods shown in Figures 6, 7, or 16, and may specifically implement the embodiments shown in Figures 8 to 15 and Figures 17 to 22. To avoid redundancy, these will not be described again.

[0587] As shown in Figure 23, the device 1700 may include a display unit 1710 and a processing unit 1720.

[0588] The display unit 1710 can be used to execute various steps of method 600 shown in FIG. 6, method 700 shown in FIG. 7, or method 1200 shown in FIG. 16. The display unit 1710 is used to execute display-related steps such as displaying the first interface, scrolling the target object, hovering the first object, and fixing the dynamic position in the aforementioned method embodiments.

[0589] The processing unit 1720 can be mainly used to execute information processing-related steps in methods 800 shown in Figure 11, 900 shown in Figure 12, 1300 shown in Figure 18, or 1400 shown in Figure 19, such as detecting user operations, adjusting layout methods, switching the display type of the first object, and detecting whether the first preset condition or the second preset condition is met. Alternatively, it can be used to execute information processing-related steps in methods 1000 shown in Figure 14, 1100 shown in Figure 15, 1500 shown in Figure 21, or 1600 shown in Figure 22, such as detecting user operations, switching the display and hiding of dynamic page positions, and detecting whether the first trigger condition or the second trigger condition is met.

[0590] Optionally, the device 1700 may also include a storage unit for storing program code and data of the device 1700.

[0591] Optionally, the device 1700 may also include a transceiver unit for sending and receiving information with other devices.

[0592] Figure 24 is a schematic structural diagram of an electronic device provided in an embodiment of this application. The electronic device 1800 shown in Figure 24 can be a specific example of the terminal device 100 in Figure 1.

[0593] The electronic device 1800 shown in Figure 24 includes a memory 1810, a processor 1820, and a bus 1830. The memory 1810 and the processor 1820 are connected to each other via the bus 1830.

[0594] The memory 1810 may be a read-only memory (ROM), a static storage device, a dynamic storage device, or a random access memory (RAM). The memory 1810 may store a program, and when the program stored in the memory 1810 is executed by the processor 1820, the processor 1820 is used to execute the various steps of the information display method of the embodiments of this application.

[0595] The processor 1820 may be a general-purpose central processing unit (CPU), microprocessor, application-specific integrated circuit (ASIC), graphics processing unit (GPU), or one or more integrated circuits, used to execute relevant programs to perform the information display method of the embodiments of this application.

[0596] The processor 1820 can also be an integrated circuit chip with signal processing capabilities. In implementation, each step of the information display method of this application can be completed by the integrated logic circuits in the hardware of the processor 1820 or by instructions in software form. The aforementioned processor 1820 can also be a general-purpose processor, a digital signal processor (DSP), an application-specific integrated circuit (ASIC), a field-programmable gate array (FPGA), or other programmable logic devices, discrete gate or transistor logic devices, or discrete hardware components, capable of implementing or executing the methods, steps, and logic block diagrams disclosed in the embodiments of this application. The general-purpose processor can be a microprocessor or any conventional processor. The steps of the method disclosed in the embodiments of this application can be directly embodied in the execution of a hardware decoding processor, or executed by a combination of hardware and software modules in the decoding processor. The software modules can reside in random access memory, flash memory, read-only memory, programmable read-only memory, electrically erasable programmable memory, registers, or other mature storage media in the art. The storage medium is located in the memory 1810. The processor 1820 reads the information in the memory 1810 and executes the information display method of this application embodiment in conjunction with its hardware.

[0597] In some embodiments, the electronic device 1800 further includes a communication interface 1840. The communication interface 1840 uses a transceiver device, such as, but not limited to, a transceiver, to enable communication between the electronic device 1800 and other devices or communication networks.

[0598] Bus 1830 may include a pathway for transmitting information between various components of electronic device 1800 (e.g., memory 1810, processor 1820, communication interface 1840).

[0599] This application also provides an electronic device, including: one or more processors; one or more memories; the one or more memories storing one or more computer programs, the one or more computer programs including instructions that, when executed by the one or more processors, cause the electronic device to perform the steps of the methods shown in FIG6, FIG7 or FIG16 or to implement the specific embodiments shown in FIG8 to FIG15, FIG17 to FIG22.

[0600] This application also provides a readable storage medium including computer instructions that, when executed on an electronic device, cause the electronic device to perform the steps of the methods shown in FIG. 6, FIG. 7 or FIG. 16 or to implement the specific embodiments shown in FIG. 8 to FIG. 15, FIG. 17 to FIG. 22.

[0601] This application also provides a chip that stores instructions, which, when executed by an electronic device, can implement the above information display method.

[0602] This application also provides a computer program product that stores a program or instructions, which, when executed, can implement the above information display method.

[0603] Those skilled in the art will recognize that the units and algorithm steps of the various examples described in conjunction with the embodiments disclosed herein can be implemented in electronic hardware, or a combination of computer software and electronic hardware. Whether these functions are implemented in hardware or software depends on the specific application and design constraints of the technical solution. Those skilled in the art can use different methods to implement the described functions for each specific application, but such implementation should not be considered beyond the scope of this application.

[0604] Those skilled in the art will clearly understand that, for the sake of convenience and brevity, the specific working processes of the systems, devices, and units described above can be referred to the corresponding processes in the foregoing method embodiments, and will not be repeated here.

[0605] In the several embodiments provided in this application, it should be understood that the disclosed systems, apparatuses, and methods can be implemented in other ways. For example, the apparatus embodiments described above are merely illustrative; for instance, the division of units is only a logical functional division, and in actual implementation, there may be other division methods. For example, multiple units or components may be combined or integrated into another system, or some features may be ignored or not executed. Furthermore, the coupling or direct coupling or communication connection shown or discussed may be through some interfaces; the indirect coupling or communication connection between apparatuses or units may be electrical, mechanical, or other forms.

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

[0607] In addition, the functional units in the various embodiments of this application can be integrated into one processing unit, or each unit can exist physically separately, or two or more units can be integrated into one unit.

[0608] If the aforementioned functions are implemented as software functional units and sold or used as independent products, they can be stored in a computer-readable storage medium. Based on this understanding, the technical solution of this application, in essence, or the part that contributes to the prior art, or a portion of the technical solution, can be embodied in the form of a software product. This computer software product is stored in a storage medium and includes several instructions to cause a computer device (which may be a personal computer, server, or network device, etc.) to execute all or part of the steps of the methods described in the various embodiments of this application. The aforementioned storage medium includes various media capable of storing program code, such as USB flash drives, portable hard drives, read-only memory (ROM), random access memory (RAM), magnetic disks, or optical disks.

[0609] The above description is merely a specific embodiment of this application, but the scope of protection of this application is not limited thereto. Any variations or substitutions that can be easily conceived by those skilled in the art within the technical scope disclosed in this application should be included within the scope of protection of this application. Therefore, the scope of protection of this application should be determined by the scope of the claims.

Claims

An information display method characterized by comprising: The method comprises: displaying a first interface, the first interface being used to display an information stream, the information stream comprising a target object, the target object comprising a first object and a second object; in response to a sliding operation of a user in a first direction, scrolling to display the target object on the first interface, so that the target object transitions from being completely not displayed to being completely displayed; wherein, before the target object is completely displayed, content of the first object is fully presented on the first interface before content of the second object, and when the target object is completely displayed, a direction in which the first object points to the second object is the same as the first direction. The method of claim 1, wherein The method further comprises: in response to a sliding operation of a user in a second direction, scrolling to display the target object on the first interface, so that the target object transitions from being completely displayed to completely disappearing, the second direction being opposite to the first direction, wherein before the target object completely disappears, content of the second object is incompletely presented on the first interface before content of the first object. The method according to claim 2, characterized in that When the target object is completely displayed, a direction in which the first object points to the second object is opposite to the second direction. The method according to any one of claims 1 to 3, characterized in that The scrolling to display the target object on the first interface comprises: determining a display type of the first object according to position information of the first object and position information of the second object, the display type of the first object comprising a floating state and a non-floating state; scrolling to display the target object on the first interface according to the display type of the first object. The method according to claim 4, characterized in that The determining the display type of the first object according to the position information of the first object and the position information of the second object comprises: when the position information of the first object satisfies a first preset condition, adjusting the display type of the first object from the non-floating state to the floating state, and fixing the first object at a first position of the first interface; when the position information of the second object satisfies a second preset condition, adjusting the display type of the first object from the floating state to the non-floating state, and canceling the fixing of the first object at the first position; the first preset condition comprises that the first object is fully presented on the first interface, and a distance between the first object and a first edge of the first interface is less than or equal to a first preset value, the first edge being an edge of the first interface on a same side as a starting end of the first direction; the second preset condition comprises that the second object does not overlap the first object, and a distance between the second object and the first object is less than or equal to a second preset value. The method according to claim 5, characterized in that Before the position information of the first object satisfies the first preset condition, the first object is located on a side of the second object close to the first edge. The method according to claim 5 or 6, characterized in that When the first object is displayed in the floating state at the first position, the second object is scrolled to be displayed according to the sliding operation of the user. The method of claim 7, wherein The second object enters or exits the first interface from a side of the first edge or the first position away from the first edge. The method according to any one of claims 5 to 8, characterized in that When the first object is displayed in the floating state at the first position, the first object is adsorbed to the first edge. The method according to any one of claims 4 to 9, characterized in that The first object and / or the second object correspond to an attribute field, and the attribute field is used to carry at least one of position information, size information, exposure state information, display type information, positioning manner information, and type information of content carried by the object. The method according to any one of claims 4 to 10, characterized in that Before the first interface displays the target object in the first direction in response to the sliding operation of the user, the method further includes: When the position information of the first object and the position information of the second object satisfy a third preset condition, the layout direction of the target object is adjusted from a second layout direction to a first layout direction, the second layout direction is opposite to the first layout direction, and the second layout direction is a direction in which the first object points to the second object and is the same as the first direction. The third preset condition includes: The first object and the second object are located outside the first interface. The first object and the second object belong to to-be-displayed content within a preset range, or the distance between the second object and the first edge of the first interface is less than or equal to a third preset value, and the first edge is an edge of the first interface on the same side as the starting end of the first direction. The method according to any one of claims 1 to 3, characterized in that The target object has a fixed layout direction, the first interface is provided with a dynamic position, and the dynamic position is used to display the content of the first object. The first interface displays the target object in the first direction includes: The first interface displays the target object based on the position information of the target object, wherein the position information of the target object is used to trigger the display or hiding of the dynamic position. The method of claim 12, wherein The first interface displays the target object based on the position information of the target object includes: When the position information of the target object satisfies a first trigger condition, the dynamic position is displayed on the first interface, and the content of the first object is displayed in the dynamic position. When the position information of the target object satisfies a second trigger condition, the dynamic position is hidden. The first trigger condition includes: the target object and the dynamic position in the hidden state have no overlap, and two edges of the target object and the dynamic position in the hidden state are close to each other; or the target object and the dynamic position in the hidden state have an overlapping part, the size of the overlapping part in the first direction is less than or equal to the size of the dynamic position in the first direction, and the edge of the target object at the front end of the moving direction does not exceed the dynamic position. The second trigger condition includes: the target object and the dynamic position in the display state have no overlap, and two edges of the target object and the dynamic position in the display state are close to each other; or the target object and the dynamic position in the display state have an overlapping part, the size of the overlapping part in the first direction is less than or equal to the size of the dynamic position in the first direction, and the edge of the target object at the rear end of the moving direction does not exceed the dynamic position. The method according to claim 12 or 13, characterized in that The target object enters or exits the first interface from a side of the first edge or the dynamic version position away from the first edge, the first edge being an edge of the first interface on the same side as a start end of the first direction. The method according to any one of claims 12 to 14, characterized in that The display level of the dynamic version position is higher than the display level of the target object. The method according to any one of claims 12 to 15, characterized in that A side edge of the dynamic version position coincides with a first edge of the first interface, the first edge being an edge of the first interface on the same side as a start end of the first direction. The method according to any one of claims 12 to 16, characterized in that A size of the dynamic version position in the first direction is less than or equal to a size of the first object in the first direction. An electronic device, characterized by comprising: An electronic device comprising: one or more processors; one or more memories; the one or more memories store one or more computer programs comprising instructions that, when executed by the one or more processors, cause the electronic device to perform the method of any one of claims 1-17. An information display device characterized by comprising: A module for implementing the method of any one of claims 1-17. A computer-readable storage medium, characterized by The storage medium has stored therein a program or instructions that, when executed on a computer, cause the method of any one of claims 1-17 to be performed. A chip characterized by The chip has stored therein instructions that, when executed, cause the method of any one of claims 1-17 to be performed. A computer program product, characterized in that The computer program product has stored therein a program or instructions that, when executed, cause the method of any one of claims 1-17 to be performed.

Images