Information display methods, devices and electronic equipment

Abstract

This application provides an information display method, apparatus, and electronic device. The method includes: displaying a first interface for displaying an information stream, the information stream including a target object, and the target object including a first object and a second object; responding to a user's sliding 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. The above technical solution can improve the transmission efficiency of key information in the information stream and ensure the effectiveness of the information stream display process.

Description

Technical Field

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

[0002] 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.

[0003] 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

[0004] 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.

[0005] 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.

[0006] 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.

[0007] 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.

[0008] 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.

[0009] 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.

[0010] 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.

[0011] 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.

[0012] 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.

[0013] 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.

[0014] 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.

[0015] 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.

[0016] 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.

[0017] 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.

[0018] 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.

[0019] 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.

[0020] 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.

[0021] 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.

[0022] 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.

[0023] 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.

[0024] 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.

[0025] 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.

[0026] 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.

[0027] 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.

[0028] 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.

[0029] 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.

[0030] 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.

[0031] 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.

[0032] 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.

[0033] 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.

[0034] 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.

[0035] 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.

[0036] 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.

[0037] 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.

[0038] 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.

[0039] 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.

[0040] 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.

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

[0042] 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.

[0043] 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.

[0044] 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.

[0045] 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.

[0046] 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.

[0047] 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 displayed scrolling out of the first interface as the user slides.

[0048] 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.

[0049] 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.

[0050] 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.

[0051] 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.

[0052] 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.

[0053] 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.

[0054] 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.

[0055] 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.

[0056] 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.

[0057] 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.

[0058] 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.

[0059] 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.

[0060] 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.

[0061] 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.

[0062] 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.

[0063] 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.

[0064] 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.

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

[0066] 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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

[0092] 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.

[0093] 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.

[0094] 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.

[0095] 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.

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

[0097] like Figure 1 As shown, 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.

[0098] 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.

[0099] 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.

[0100] 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.

[0101] 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.

[0102] 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.

[0103] 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.

[0104] 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.

[0105] 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.

[0106] 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.

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

[0108] like Figure 2 As shown, 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.

[0109] 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.

[0110] 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.

[0111] 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.

[0112] 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.

[0113] 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.

[0114] 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.

[0115] 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.

[0116] The wireless communication function of 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, terminal device 100 communicates with... Figure 1 The cloud device 200 shown communicates.

[0117] 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.

[0118] 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.

[0119] 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.

[0120] 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.

[0121] 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.

[0122] 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 Mini 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.

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

[0124] 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.

[0125] 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.

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

[0127] 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.

[0128] 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.

[0129] 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.

[0130] 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.

[0131] 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.

[0132] 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.

[0133] 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.

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

[0135] 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.

[0136] 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.

[0137] The above provides schematic diagrams illustrating possible hardware structures of terminal devices. The software system of a 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 of Android... 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 or iOS. System, Windows Systems, etc., will not be described in detail here.

[0138] Figure 3 This paper illustrates a software structure block diagram of a terminal device 100 provided in an embodiment of this application.

[0139] like Figure 3 As shown, 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, Android... The system is divided into four layers, from top to bottom: application layer, application framework layer, system runtime library layer, and kernel layer.

[0140] The application layer can include a series of application packages, such as camera, gallery, calendar, call, map, weather, Bluetooth, music, SMS, email, etc. Figure 3 As shown, the application package 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. The applications primarily focus on the user interface (UI), and are typically written in Java to call the application framework layer's interfaces.

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

[0142] The window manager is used to manage windowed applications. It can obtain the screen size, determine if a status bar is present, lock the screen, and capture the screen. A window is a rectangular area on the screen that displays user interface (UI) elements and allows user interaction. From the system's 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.

[0143] 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.

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

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

[0146] 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.

[0147] 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.

[0148] 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., Android runtime).

[0149] The application runtime consists of the core libraries and the virtual machine. The application runtime is responsible for the scheduling and management of 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.

[0150] 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.

[0151] 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.

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

[0153] 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.

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

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

[0156] 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.

[0157] based on Figure 3 The software architecture or other software system architecture shown can enable the application to run on the terminal device 100. For example, an application that supports information flow display (hereinafter referred to as the first application for ease of description) can run on the terminal device 100, such as video application, social application, news and information application, browser, shopping application, life service application, app store, knowledge Q&A application, short video application, etc.

[0158] Figure 4 A schematic diagram of an application interface provided in an embodiment of this application is shown. For example... Figure 4As shown, a first application runs on the 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.

[0159] 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.

[0160] 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).

[0161] 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.

[0162] 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.

[0163] like Figure 5 As shown in (a), taking an information feed element with a top-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 information feed interface (i.e., the bottom boundary of the information feed interface, hereinafter referred to as the bottom edge) as the information feed element enters the interface; and when the information feed element leaves the interface, the text and image positions disappear sequentially at the top edge of the information feed interface (i.e., the top boundary of the information 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 information feed element enters the interface; and when the information feed element leaves the interface, the image and text positions disappear sequentially at the bottom edge of the interface.

[0164] 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.

[0165] like Figure 5 As shown in (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.

[0166] 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.

[0167] refer to Figure 5In (a) and (b), that is, when the text space of the graphic content extends beyond the interface but the image space is still displayed on the interface, or when the image space of the graphic content is displayed on the interface but the text space has not yet entered the interface, the key information in the text space cannot be presented to the user, which affects the effective transmission of text information.

[0168] 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.

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

[0170] 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.

[0171] 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, a... Figure 4 The content view area 401 is shown. Here, the first interface occupies part or all of the interface of the first application (an application capable of supporting information flow display).

[0172] 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.

[0173] 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.

[0174] 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.

[0175] Taking a text-based section as the first object and an audio-visual section 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 section will appear in the first interface before the text section, or the text section will disappear from the first interface before the audio-visual section. Figure 5 Taking the vertical layout direction shown as an example, the application scenarios of this application include:

[0176] 1) such as Figure 5 As shown in (a), the user browses the target object in the above and below 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.

[0177] 2) such as Figure 5 As shown in (b), the user browses the target object in the top-bottom layout, where 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.

[0178] It's understandable that the application scenario for horizontally arranged target objects is similar to that for vertically arranged target objects. Specifically, it can be... Figure 5 The interface diagram shown is rotated 90° clockwise, replacing "bottom edge of the interface" with "left edge of the interface," "top edge of the interface" with "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 uses a top-to-bottom arrangement of the target object as an example to illustrate the information display method provided in this application. However, it should be understood that the method provided in this application is equally applicable to cases where the target object is arranged horizontally.

[0179] 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.

[0180] 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.

[0181] 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.

[0182] 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.

[0183] 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.

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

[0185] 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.

[0186] 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.

[0187] 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.

[0188] 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.

[0189] 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.

[0190] 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.

[0191] 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.

[0192] 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.

[0193] Figure 8A schematic diagram of an interface for an information display method provided in an embodiment of this application is shown.

[0194] exist Figure 8 In the method shown, the electronic device can scroll and display a target object on a first interface based on the position information of a first object and the position information of 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.

[0195] 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.

[0196] 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.

[0197] The following is for reference. Figure 8 Detailed explanation. For ease of understanding, the following description uses text-based layouts as the first example and audio / video layouts as the second example.

[0198] refer to Figure 8As shown in (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 disposed 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.

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

[0200] refer to Figure 8 As shown in (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 larger and larger. Text display A is located on the side of audio-visual display B closest to the first edge 503.

[0201] refer to Figure 8 As shown in (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.

[0202] 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.

[0203] 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.

[0204] 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.

[0205] 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.

[0206] 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.

[0207] 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.

[0208] 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.

[0209] 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.

[0210] refer to Figure 8 As shown in (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.

[0211] 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).

[0212] 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.

[0213] refer to Figure 8 As shown in (e), when the position information of the audio-visual display position B meets the second preset condition as the user slides along the first direction, 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.

[0214] 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.

[0215] 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.

[0216] 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.

[0217] 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.

[0218] 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.

[0219] 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.

[0220] refer to Figure 8 In (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 in which text position A points to audio / video position B. In other words, after the target object 502 has fully entered the first interface 501, text position A is closer to the first edge 503 than audio / video position B, or in other words, audio / video position B is located on the side of 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 image, bottom text. After the target object 502 has fully entered the first interface 501, as the user slides along the first direction, text position A and audio / video position B scroll together on the first interface 501. That is, the positions of text position A and audio / video position B in the first interface 501 both change.

[0221] In some embodiments, reference Figure 8 In (a), the preset layout direction of target object 502 is as follows: Figure 8The first layout direction shown in (a) is the opposite of the first direction, where text position A points to audio / video position B. This is achieved after... Figure 8 After the information display method shown, the layout direction of the target object 502 changes to the second layout direction, that is, the direction from text position A to audio / video position B is the same as the first direction. Taking the first direction as the bottom-up direction as an example, after... Figure 8 As shown in the process, 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. This prolongs the presentation time of the content carried by text position A on the first interface 501 and improves the efficiency of text information transmission in the information flow.

[0222] For example, refer to Figure 9 As shown in (a) in the figure, in Figure 8 Following (f), as the user slides along the first direction, the video / audio display area B moves off the first interface 501 from the second edge 504. While a portion of the video / audio display area B is displayed on the first interface 501, the text display area A remains fully displayed on the first interface 501. (Reference) Figure 9 In (b), as the user slides along the first direction, after the audio / video unit B completely moves out of the first interface 501, the text unit A then moves out of the first interface 501 from the second edge 504. (See reference) Figure 9 As shown in (c), after the text position A is completely moved out of the first interface 501, the target object 502 is completely outside the first interface 501.

[0223] In other embodiments, reference is made to... Figure 10 As shown in (a), the preset layout direction of target object 502 is as follows: Figure 8 The second layout direction shown in (f) is the same as the first direction, where text position A points to audio / video position B. This ensures that during execution... Figure 8 Prior to the information display method shown, 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, such as... Figure 10 As shown in (b) of the diagram.

[0224] 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.

[0225] 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.

[0226] 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.

[0227] 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).

[0228] 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.

[0229] 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.

[0230] 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.

[0231] Before displaying target object 502, by adjusting the layout direction of target object 502, text position A can be positioned where it first enters the first interface 501. This extends the display time of text position A during the process of target object 502 entering the first interface 501, improving the efficiency of text information transmission. Additionally, after... Figure 8 After seeing the information display method shown, refer to... Figure 8 In (f), 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 intention of the information flow elements, resulting in a better user experience.

[0232] It is understandable that, given that the preset layout direction of target object 502 is the second layout direction, after target object 502 is fully displayed on the first interface 501, it can also be referenced. Figure 9 The process shown involves the user sliding along the first direction to move out of the first interface 501 from the second edge 504. For simplicity, it will not be described in detail here.

[0233] It should be noted that, Figures 8 to 10In the interface diagrams shown, 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. In addition, 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.

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

[0235] 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.

[0236] The first interface is, for example, Figure 8 The first interface 501 in the middle, the first edge is, for example, Figure 8 The first edge 503 in the middle. 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.

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

[0238] The target object is, for example, Figure 8 The target object 502, text space and audio / video space, for example, are respectively Figure 8 The text section A and the audio / video section B.

[0239] 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.

[0240] 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.

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

[0242] 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.

[0243] 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.

[0244] This step is used to adjust the text placement to a position that allows it to be prioritized in the first screen, for example, refer to... Figure 10 .

[0245] 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.

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

[0247] 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).

[0248] 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.

[0249] For example, refer to Figure 8 As shown in (b) and (c) in the figure.

[0250] 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.

[0251] For information on the first preset condition, please refer to... Figure 8The content described herein is for illustrative purposes only. For example, when the terminal device detects that a text element is near the edge of an audio / video element (such as the bottom edge of text element A) and coincides with the first edge, it switches the display type of the text element and snaps the text element to the first edge. In other words, the position occupied by the text element when snapped to the first edge is the first position. For an example, please refer to... Figure 8 As shown in (c) in the figure.

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

[0253] For example, refer to Figure 8 As shown in (d) in the figure. For example, since the text unit is displayed in a floating manner, in order to avoid the audio-visual unit being obscured by the text unit, the audio-visual unit can enter the first interface from the side of the text unit away from the first edge (such as the top edge of text unit A).

[0254] 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.

[0255] For information on the second preset condition, please refer to [link / reference]. Figure 8 The relevant content described herein is for illustrative purposes only. For example, when the terminal device detects that the audio / video display area is fully displayed on the first interface, and the edge of the audio / video display area near the text display area (such as the bottom edge of audio / video display area B) coincides with the edge of the text display area near the audio / video display area (such as the top edge of text display area A), the display type of the text display area is switched, and the snapping of the text display area to the first edge is canceled. For an example, please refer to... Figure 8 As shown in (e) in the diagram.

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

[0257] 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.

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

[0259] 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 [reference needed]. Figure 8 As shown in (f) in the figure.

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

[0261] 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.

[0262] 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.

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

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

[0265] 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.

[0266] 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.

[0267] 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.

[0268] 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.

[0269] 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.

[0270] 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.

[0271] 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.

[0272] 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.

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

[0274] 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.

[0275] This step is used to adjust the text placement to a position that allows it to be prioritized in the first screen, for example, refer to... Figure 10 .

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

[0277] 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.

[0278] 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.

[0279] For example, refer to Figure 8 As shown in (b) and (c) in the figure.

[0280] 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.

[0281] 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.

[0282] For information on the first preset condition, please refer to... Figure 8 The relevant content described herein is for illustrative purposes only. For example, when a cloud device detects that a text element is close to the edge of an audio-visual element and coincides with the first edge, it determines the first information.

[0283] 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.

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

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

[0286] 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.

[0287] For example, refer to Figure 8 As shown in (c) above. In this step, if the first information simultaneously indicates that the text position is fixedly displayed on the first interface, the terminal device will fix the text 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 automatically determine to fix the text position on the first interface.

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

[0289] For example, refer to Figure 8 As shown in (d) in the figure. For example, since the text unit is displayed in a floating manner, in order to avoid the audio-visual unit being obscured by the text unit, the audio-visual unit can enter the first interface from the side of the text unit away from the first edge (for example, the top edge of the text unit A).

[0290] 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.

[0291] 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.

[0292] For information on the second preset condition, please refer to [link / reference]. Figure 8The relevant content described herein is for illustrative purposes only. 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.

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

[0294] 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 fixed position of the text position in the first position.

[0295] For example, refer to Figure 8 As shown in (e) above. In this step, if the second information simultaneously indicates that the fixed display of the text in the first position should be cancelled, the terminal device will cancel the fixed display of the text in the first position according to the second information. If the first information does not indicate that the fixed display of the text in the first position should be cancelled, the terminal device may automatically determine to cancel the fixed display of the text in the first position.

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

[0297] 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.

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

[0299] 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 [reference needed]. Figure 8 As shown in (f) in the figure.

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

[0301] 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.

[0302] 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.

[0303] 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.

[0304] 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.

[0305] 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.

[0306] 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.

[0307] 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.

[0308] 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.

[0309] 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.

[0310] 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.

[0311] 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.

[0312] 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.

[0313] 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.

[0314] 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.

[0315] 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.

[0316] 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 include the display type information of the text position in the target object's attribute information. Similarly, in step S909, if the cloud device only needs the position information of the text position when executing step S910, the terminal device can only include the position information of the text position in the target object's attribute information.

[0317] 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.

[0318] based on Figures 8 to 12 In this embodiment, 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.

[0319] 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).

[0320] 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:

[0321] .floating-feed{

[0322] position:fixed;

[0323] top: 50px;

[0324] right: 20px;

[0325] width: 200px;

[0326] height: 300px;

[0327] }

[0328] 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.

[0329] 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).

[0330] 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:

[0331] .fixed-feed{

[0332] position:absolute;

[0333] top: 200px;

[0334] left: 300px;

[0335] width: 300px;

[0336] height: 400px;

[0337] }

[0338] 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.

[0339] Figure 13 This diagram illustrates an interface schematic of an information display method provided in an embodiment of this application. Figure 8 The information display methods shown are different. Figure 13 In the method shown, the target object has a fixed layout orientation, and the presentation duration of the text information in the interface is extended by setting an additional area on the first interface to show or hide the content carried by the text position.

[0340] exist Figure 13 In the method shown, 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.

[0341] 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).

[0342] In some embodiments, the location information of the target object may include the location information of text placements and the location information of audio-visual placements. For an introduction to the location information of text placements and audio-visual placements, please refer to the preceding text. Figure 8 For the sake of brevity, the relevant content will not be elaborated upon here.

[0343] The following is for reference. Figure 13Detailed introduction.

[0344] refer to Figure 13 As shown in (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 (such as from bottom to top), the first interface 501 is used to scroll the display of 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.

[0345] 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. For example... Figure 13 As shown in (a), the dynamic position C is not displayed or hidden before the target object 502 enters the first interface 501.

[0346] refer to Figure 13 As shown in (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.

[0347] 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.

[0348] 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.

[0349] 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".

[0350] 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 movement direction does not exceed the dynamic position C.

[0351] 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.

[0352] 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.

[0353] 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.

[0354] Taking the fifth preset value being equal to the height of dynamic position C in the first direction as an example, the first triggering condition may include: the distance between the edge of the audio-visual position B away from the text position A and the first edge 503 is equal to the fifth preset value, which is also equal to the height of dynamic position C in the first direction. Therefore, refer to Figure 13 As shown in (b), as the user slides along the first direction, the audio / video display position B first enters the first interface 501 from the first edge 503. Specifically, the audio / video display position B scrolls within the first interface 501, and correspondingly, the area occupied by the audio / video display position B in the first interface 501 becomes larger and larger. When the height of the audio / video 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 (b). Figure 13 As shown in (c) in the diagram. The dynamic display unit C, which is in a display state, covers at least a portion of the audio-visual display unit B that enters the first interface 501.

[0355] 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.

[0356] 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.

[0357] refer to Figure 13 As shown in (d), as the user slides along the first direction, the dynamic placement C is fixedly displayed at 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 within the target object 502.

[0358] 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).

[0359] 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.

[0360] refer to Figure 13As shown in (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.

[0361] 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.

[0362] 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.

[0363] 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.

[0364] 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.

[0365] 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.

[0366] refer to Figure 13 In (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.

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

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

[0369] 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.

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

[0371] 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.

[0372] The first interface is, for example, Figure 13 The first interface 501 in the middle, the first edge is, for example, Figure 13The first edge 503 in the middle. 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.

[0373] 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.

[0374] The target object is, for example, Figure 13 The target object 502, text space and audio / video space, for example, are respectively Figure 13 The text section A and the audio / video section B.

[0375] 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.

[0376] 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.

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

[0378] 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.).

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

[0380] For example, refer to Figure 13 As shown in (a) and (b) in the figure.

[0381] 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.

[0382] For information on the first triggering condition, please refer to [link / reference]. Figure 13 The content described herein is for illustrative purposes only. For example, when the terminal device detects that the height of the audio / video display on the first screen reaches the height of the dynamic display in the first direction, it triggers the display of the dynamic display. For further examples, please refer to... Figure 13 As shown in (c) in the figure.

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

[0384] For example, refer to Figure 13 As shown in (d) in the diagram. For example, 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).

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

[0386] For information on the second triggering condition, please refer to [link / reference]. Figure 13 The content described herein is for illustrative purposes only. For example, when a terminal device detects that the edge of an audio / video element near a text element (such as the bottom edge of audio / video element B) coincides with the edge of a dynamic element away from the first edge (such as the top edge of dynamic element C), the dynamic element is hidden, i.e., its display is canceled. For further examples, please refer to... Figure 13 As shown in (e) in the diagram.

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

[0388] 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.

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

[0390] For example, refer to Figure 13 As shown in (f) in the figure.

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

[0392] 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.

[0393] 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.

[0394] 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.

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

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

[0397] 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.

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

[0399] For example, refer to Figure 13 As shown in (a) and (b) in the figure.

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

[0401] 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.

[0402] For information on the first triggering condition, please refer to [link / reference]. Figure 13 The relevant content described herein is for illustrative purposes only. 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, it determines the first information.

[0403] 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.

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

[0405] 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.

[0406] For example, refer to Figure 13 As shown in (c) in the figure.

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

[0408] For example, refer to Figure 13 As shown in (d) in the diagram. For example, 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.

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

[0410] 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.

[0411] For information on the second triggering condition, please refer to [link / reference]. Figure 13 The relevant content described herein is for illustrative purposes only. For example, when the cloud device detects that the edge of the audio / video unit near the text unit (e.g., the bottom edge of audio / video unit B) coincides with the edge of the dynamic unit near the edge away from the first edge (e.g., the top edge of dynamic unit C), it determines the second information.

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

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

[0414] For example, refer to Figure 13 As shown in (e) in the diagram.

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

[0416] 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.

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

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

[0419] 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.

[0420] 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.

[0421] 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.

[0422] 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.

[0423] 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.

[0424] 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.

[0425] 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.

[0426] 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.

[0427] 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.

[0428] 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.

[0429] 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.

[0430] 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.

[0431] 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.

[0432] 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.

[0433] above Figures 13 to 15 In the illustrated embodiment, the number of dynamic display positions C is not limited to one. In practical applications, multiple dynamic display positions C can be set on 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. This way, when the user changes the swiping direction, such as swiping up, swiping left, or swiping right, the dynamic display position C can also be applied. Figures 13 to 15 The information display method shown.

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

[0435] 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.

[0436] 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.

[0437] 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.

[0438] 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.

[0439] 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.

[0440] 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.

[0441] 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.

[0442] Figure 17 A schematic diagram of an interface for an information display method provided in an embodiment of this application is shown. Figure 17 The process shown can be understood as: Figure 8 The reverse process shown.

[0443] refer to Figure 17As shown in (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 (such as a top-down direction), the first interface 501 is used to scroll the display of a target object 502 in the information stream, so that the target object 502 transitions from being fully displayed to being completely disappeared. The first interface 501 includes a first edge 503 and a second edge 504 that are oppositely arranged 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 of the first interface 501 located on the same side as the end of the second direction, and the second edge 504 is the edge of 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 text.

[0444] like Figure 17 In (a), as the user slides along the second direction, the audio-visual section B and the text section A are scrolled together on the first interface, that is, the positions of the text section A and the audio-visual section B in the first interface 501 both change.

[0445] refer to Figure 17 As shown in (b), when the position information of text position A meets the first preset condition as the user slides along the second 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.

[0446] 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.

[0447] 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.

[0448] 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.

[0449] 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.

[0450] In some embodiments, when text position A is displayed floating in the first position, text position A can snap to the first edge 503. For information on the first position, please refer to... Figure 8 The description of the first position in the relevant description is for the sake of brevity and will not be repeated here.

[0451] refer to Figure 17 As shown in (c), as the user slides along the second direction, text display A floats in the first position, while audio / video display B scrolls along the second direction to move out of 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 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.

[0452] 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).

[0453] refer to Figure 17 As shown in (d), when the position information of the audio-visual display position B meets the second preset condition, as the user slides along the second direction, 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.

[0454] 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.

[0455] 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.

[0456] 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.

[0457] 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.

[0458] refer to Figure 17 In (e) and (f), as the user slides along the second direction, text position 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 position A in the first interface 501 gradually decreases until it disappears. For example... Figure 17 As shown in (f), the target object that is moved out of the first interface 501 has a first layout direction, which is the same as the direction from text position A to audio-visual position B.

[0459] In some embodiments, the preset layout direction of the target object 502 can be Figure 17 The second layout direction shown in (a) is the opposite of the second direction, where text position A points to audio / video position B. Figure 17 After the information display method shown, as follows Figure 17As shown in (f), the layout direction of target object 502 changes to the first layout direction, that is, the direction from text position A to audio / video position B is the same as the second direction. Taking the second direction as a top-down direction as an example, after... Figure 17 As shown in the process, the target object 502 changes from a top-image-bottom-text layout to a top-text-bottom-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, 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.

[0460] If target object 502 enters the first interface 501 from the second edge 504 in the second layout direction, then text position A will enter before audio / video position B, and then... Figure 17 The process of the target object 502 moving out of the first interface 501 from the first edge 503 shows that the time for text position A to be fully displayed on the first interface 501 is longer than the time for audio-visual position B to be fully displayed on the first interface 501, thereby improving the transmission efficiency of key information in the target object 502.

[0461] If the target object enters the first interface 501 from one side of the first edge 503 in the second layout direction, then the following can be used: Figure 8 and Figure 10 The method shown for the target object 502 to enter the first interface 501, combined with Figure 17 The process of the target object 502 moving out of the first interface 501 from the first edge 503 can make the time for the text position A to be fully displayed on the first interface 501 longer than the time for the audio-visual position B to be fully displayed on the first interface 501, thereby improving the transmission efficiency of key information in the target object 502.

[0462] In some embodiments, if the preset layout direction of the target object 502 is Figure 17 As shown in (a) above, the second layout direction means that 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, in Figure 17 Based on (f) in the previous section, the positions of text position A and audio-visual position B are swapped. For example, when the position information of text position A and audio-visual position B meet the fourth preset condition, the layout direction of target object 502 is adjusted from the first layout direction to the second layout direction.

[0463] 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.

[0464] The content to be displayed outside the preset scope covered in this application can be understood as content that is not about to be displayed, or as content to be displayed that includes, but is not limited to, content that is not about to be displayed. Figure 8 Content other than the "content to be displayed within the preset range" mentioned in the relevant description.

[0465] 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).

[0466] 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).

[0467] 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.

[0468] 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.

[0469] In other embodiments, the preset layout direction of the target object 502 can be... Figure 17 The first layout direction shown in (f) can be combined with the following when the target object 502 enters the first interface 501 from the second edge 504: Figure 8 The method shown extends the duration of text placement in the first interface 501.

[0470] It should be noted that, Figure 17In the interface diagram shown, 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.

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

[0472] 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.

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

[0474] 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.

[0475] For example, refer to Figure 17 As shown in (a) above. The target object is, for example, [example]. Figure 17 The target object 502, text space and audio / video space, for example, are respectively Figure 17 The text section A and the audio / video section B.

[0476] 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.

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

[0478] 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).

[0479] 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.

[0480] For information on the first preset condition, please refer to... Figure 17 The content described herein is for illustrative purposes only. For example, when the terminal device detects that the edge of the text display position (such as the bottom edge of text display position A) coincides with the first edge, the display type of the text display position is switched, and the text display position will snap to the first edge. The position occupied by the text display position is the first position. For an example, please refer to... Figure 17 As shown in (b) of the diagram.

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

[0482] For example, refer to Figure 17 As shown in (c) in the figure. For example, since the text unit is displayed in a floating manner, in order to avoid the audio-visual unit being obscured by the text unit, the audio-visual unit can leave the first interface from the side of the text unit away from the first edge (such as the top edge of the text unit A).

[0483] 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.

[0484] For information on the second preset condition, please refer to [link / reference]. Figure 17 The relevant content described herein is for illustrative purposes only. For example, when the terminal device detects that the audio / video display area has completely moved off the first screen, and the edge of the audio / video display area near the text display area (such as the top edge of audio / video display area B) coincides with the edge of the text display area near the audio / video display area (such as the bottom edge of text display area A), the display type of the text display area is switched, and the snapping of the text display area to the first edge is canceled. For an example, please refer to... Figure 17 As shown in (d) in the figure.

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

[0486] For example, refer to Figure 17As shown in (e) and (f), the text text position leaves the first interface from the first edge. At this point, the target object has completely disappeared from the first interface.

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

[0488] 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.

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

[0490] 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.

[0491] 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.

[0492] 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.

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

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

[0495] 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.

[0496] 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.

[0497] 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.

[0498] For information on the first preset condition, please refer to... Figure 17 The relevant content described herein is for illustrative purposes only. For example, when the cloud device detects that the edge of the text display position, which is far from the edge of 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; therefore, 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.

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

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

[0501] 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.

[0502] For example, refer to Figure 17 As shown in (b) above. In this step, if the first information simultaneously indicates that the text position is fixedly displayed on the first interface, the terminal device will fix the text 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 automatically determine to fix the text position on the first interface.

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

[0504] For example, refer to Figure 17 As shown in (c) in the figure. For example, since the text unit is displayed in a floating manner, in order to avoid the audio-visual unit being obscured by the text unit, the audio-visual unit can enter the first interface from the side of the text unit away from the first edge (for example, the top edge of the text unit A).

[0505] 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.

[0506] 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.

[0507] For information on the second preset condition, please refer to [link / reference]. Figure 17The relevant content described herein is for illustrative purposes only. For example, when the cloud device detects that the audio / video display position has completely left the first interface, and the edge of the audio / video display position near the text display position (e.g., the top edge of audio / video display position B) coincides with the edge of the text display position near the audio / video display position (e.g., the bottom edge of text display position A), the second information is determined.

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

[0509] 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.

[0510] For example, refer to Figure 17 As shown in (e) above. In this step, if the second information simultaneously indicates that the fixed display of the text in the first position should be cancelled, the terminal device will cancel the fixed display of the text in the first position according to the second information. If the first information does not indicate that the fixed display of the text in the first position should be cancelled, the terminal device may automatically determine to cancel the fixed display of the text in the first position.

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

[0512] For example, refer to Figure 17 As shown in (f) in the figure.

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

[0514] 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.

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

[0516] In some embodiments, information interaction between the terminal device and the cloud device can be achieved by transmitting attribute information of the target object, such as implementing steps S1404, S1406, S1409, and S1411 described above. Regarding the attribute information of the target object, please refer to [the relevant documentation / reference]. Figure 12 Related descriptions and Figure 13 Regarding the "attribute information of the target object" in the related descriptions, for the sake of brevity, only the differences are explained here. Specifically, if the position information of a text placement includes the sorting information of the text placement in the information stream and / or the position information of an audio-visual placement includes the sorting information of the audio-visual placement in the information stream, when it is applied to... Figure 19 In the method shown, 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 determining whether to adjust the layout direction of the target object after it is moved out of the first interface.

[0517] Figure 20 A schematic diagram of an interface for an information display method provided in an embodiment of this application is shown. Figure 20 The process shown can be understood as: Figure 13 The reverse process shown.

[0518] refer to Figure 20 As shown in (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 (such as a top-down direction), the first interface 501 is used to scroll the display of a target object 502 in the information stream, so that the target object 502 transitions 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, that is, 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.

[0519] 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 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. For example... Figure 20 As shown in (a), the dynamic module C is not displayed (or hidden) until the first triggering condition is met.

[0520] refer to Figure 20As shown in (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.

[0521] 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.

[0522] 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).

[0523] 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.

[0524] 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.

[0525] 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.

[0526] 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.

[0527] 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.

[0528] refer to Figure 20 In step (c), 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.

[0529] 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).

[0530] refer to Figure 20As shown in (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.

[0531] 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.

[0532] 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.

[0533] 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.

[0534] refer to Figure 20 As shown in (e) and (f), 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.

[0535] Understandable, if in Figure 20 In step (d), the hiding of dynamic section C is triggered after audio / video section B and text section A are completely moved out of the first screen (501), so this step can be omitted. Figure 20 The process shown in (e) is as follows.

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

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

[0538] 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.

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

[0540] 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.

[0541] For example, refer to Figure 20 As shown in (a) above. The target object is, for example, [example]. Figure 20 The target object 502, text space and audio / video space, for example, are respectively Figure 20 The text section A and the audio / video section B.

[0542] 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.

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

[0544] 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.).

[0545] 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.

[0546] For information on the first triggering condition, please refer to [link / reference]. Figure 20 The content described herein is for illustrative purposes only. For example, when the terminal device detects that the edge of the text space that is far from the edge of the audio-visual space (e.g., the bottom edge of the text space) coincides with the first edge, dynamic space display is triggered. For further examples, please refer to... Figure 20 As shown in (b) of the diagram.

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

[0548] In this step, as the user browses, the video / audio display area begins to move away from the first screen. For example, see [link to example]. Figure 20 As shown in (c) in the diagram. Since the display layer of the dynamic frame is higher than that of the target object, in order to avoid the target object being obscured by the dynamic frame, the audio / video frame can leave the first interface from the side of the dynamic frame away from the first edge (such as the top edge of the dynamic frame C).

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

[0550] For information on the second triggering condition, please refer to [link / reference]. Figure 20 The relevant content described herein is for illustrative purposes only. For example, when the terminal device detects that the edge of the audio / video unit far from the text unit (e.g., the top edge of audio / video unit B) coincides with the edge of the dynamic unit far from the first edge (e.g., the top edge of dynamic unit C), the display of the dynamic unit is canceled. For further examples, please refer to... Figure 20As shown in (d) in the figure.

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

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

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

[0554] 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.

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

[0556] 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.

[0557] 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.

[0558] 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.

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

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

[0561] 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.

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

[0563] 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.

[0564] For information on the first triggering condition, please refer to [link / reference]. Figure 20 The relevant content described herein is for illustrative purposes only. For example, when the cloud device detects that the edge of the text space that is far from the audio / video space (e.g., the bottom edge of the text space) coincides with the first edge, it determines the first information.

[0565] 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.

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

[0567] 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.

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

[0569] In this step, as the user browses, the video / audio display area begins to move away from the first screen. For example, see [link to example]. Figure 20 As shown in (c) in the diagram. Since the display layer of the dynamic frame is higher than that of the target object, in order to avoid the target object being obscured by the dynamic frame, the audio / video frame can leave the first interface from the side of the dynamic frame away from the first edge (such as the top edge of the dynamic frame C).

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

[0571] 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.

[0572] For information on the second triggering condition, please refer to [link / reference]. Figure 20 The relevant content described herein is for illustrative purposes only. For example, when the cloud device detects that the edge of the audio / video unit that is far from the text unit (e.g., the top edge of audio / video unit B) coincides with the edge of the dynamic unit that is close to and far from the first edge (e.g., the top edge of dynamic unit C), it determines the second information.

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

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

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

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

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

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

[0579] In some embodiments, the terminal device and the cloud device can interact by transmitting attribute information of the target object and attribute information of the dynamic position, such as implementing steps S1604, S1606, S1609, and S1611. For the attribute information of the target object and the attribute information of the dynamic position, please refer to [the relevant documentation / reference]. Figure 15 Related descriptions and Figure 16 The content regarding the "attribute information of the target object" and the "attribute information of the dynamic layout" in the relevant descriptions will not be repeated here for the sake of brevity.

[0580] 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.

[0581] In the aforementioned methods for setting dynamic page layout information display, such as methods 1000, 1100, 1500, 1600, and... Figure 13 and Figure 20 Each page 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.

[0582] 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.

[0583] 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.

[0584] The above text combined Figures 1 to 22 The information display method provided in the embodiments of this application is described in detail below. Figures 23 to 24 The apparatus embodiments of this application are described in detail below. It should be understood that the descriptions of the method embodiments correspond to the descriptions of the apparatus embodiments; therefore, any parts not described in detail can be referred to the foregoing method embodiments.

[0585] Figure 23 A schematic structural diagram of an apparatus provided in an embodiment of this application is shown. The apparatus 1700 can be located in... Figure 1 The terminal device 100 shown is, or is a specific example of, the terminal device 100. Device 1700 is capable of performing... Figure 6 , Figure 7 or Figure 16 The method shown includes each step, and can be implemented in detail. Figures 8 to 15 as well as Figures 17 to 22 The embodiments shown are not described again to avoid redundancy.

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

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

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

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

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

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

[0592] Figure 24 The illustrated electronic device 1800 includes a memory 1810, a processor 1820, and a bus 1830. The memory 1810 and the processor 1820 are interconnected via the bus 1830.

[0593] 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.

[0594] 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.

[0595] 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.

[0596] 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.

[0597] 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).

[0598] 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 following actions: Figure 6 , Figure 7 or Figure 16 Each step or implementation of the method shown Figures 8 to 15 , Figures 17 to 22 The specific embodiments shown are as follows.

[0599] This application also provides a readable storage medium including computer instructions that, when executed on an electronic device, cause the electronic device to perform actions such as... Figure 6 , Figure 7 or Figure 16 Each step or implementation of the method shown Figures 8 to 15 , Figures 17 to 22 The specific embodiments shown are as follows.

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

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

[0602] 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.

[0603] Those skilled in the art will 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.

[0604] 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.

[0605] 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.

[0606] 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.

[0607] 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.

[0608] 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 scope of the technology 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

1. An information display method characterized by comprising: include: Display a first interface, which is used to display an information stream. The information stream includes a target object, and the target object includes a first object and a second object. In response to a user's swiping action along a first direction, the target object is scrolled across the first interface, transitioning 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.

2. The method according to claim 1, characterized in that, The method further includes: In response to a user's swiping operation along a second direction, the target object is scrolled on the first interface to transition from being fully displayed to being completely disappeared. The second direction is opposite to the first direction, wherein 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.

3. The method according to claim 2, characterized in that, 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.

4. The method according to any one of claims 1 to 3, characterized in that, The step of scrolling and displaying the target object on the first interface includes: Based on the position information of the first object and the position information of the second object, the display type of the first object is determined, and the display type of the first object includes floating state and non-floating state; The target object is scrolled and displayed on the first interface according to the display type of the first object.

5. The method according to claim 4, characterized in that, Determining the display type of the first object based on the location information of the first object and the location information of the second object includes: When the position information of the first object meets the first preset condition, the display type of the first object is adjusted from non-floating state to floating state, and the first object is fixed in the first position of the first interface; When the position information of the second object meets the second preset condition, the display type of the first object is adjusted from floating state to non-floating state, and the first object is canceled from being fixed 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, wherein the first edge is the edge on the first interface that is 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 the second preset value.

6. The method according to claim 5, characterized in that, Before the location 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.

7. The method according to claim 5 or 6, characterized in that, When the first object is displayed floating in the first position, the second object is displayed scrolling as the user swipes.

8. The method according to claim 7, characterized in that, 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.

9. The method according to any one of claims 5 to 8, characterized in that, When the first object is displayed in a floating position at the first location, the first object is attached to the first edge.

10. The method according to any one of claims 4 to 9, characterized in that, 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.

11. The method according to any one of claims 4 to 10, characterized in that, Before scrolling the target object on the first interface in response to a user's swipe 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 the third preset condition, the layout direction of the target object is adjusted from the second layout direction to the first layout direction. The second layout direction is opposite to the first layout direction. The second layout direction is the same as the direction from the first object to the second object. 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, where the first edge is the edge on the first interface that is located on the same side as the beginning of the first direction.

12. The method according to any one of claims 1 to 3, characterized in that, The target object has a fixed layout orientation, and the first interface has dynamic layout positions used to display the content of the first object. The step of scrolling the target object on the first interface includes: Based on the location information of the target object, the target object is scrolled and displayed on the first interface, wherein the location information of the target object is used to trigger the display or hiding of the dynamic display position.

13. The method according to claim 12, characterized in that, The step of scrolling and displaying the target object on the first interface based on the target object's location information includes: When the location information of the target object meets the first triggering condition, the dynamic display position is shown on the first interface, and the content of the first object is displayed in the dynamic display position; When the location information of the target object meets the second triggering condition, the dynamic display position is hidden; The first triggering condition includes: the target object does not overlap with the dynamic position in the hidden state and the two edges of the target object and the dynamic position in the hidden state coincide; or, the target object and the dynamic position in the hidden state have an overlapping part and 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 movement direction does not exceed the dynamic position. The second triggering condition includes: the target object does not overlap with the dynamic display position in the display state and the two edges of the target object and the dynamic display position in the display state that are close to each other coincide; or, the target object and the dynamic display position in the display state have an overlapping part and the size of the overlapping part 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 located at the rear end of the movement direction does not exceed the dynamic display position.

14. The method according to claim 12 or 13, characterized in that, 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, where the first edge is the edge on the first interface that is on the same side as the beginning of the first direction.

15. The method according to any one of claims 12 to 14, characterized in that, The display level of the dynamic page is higher than the display level of the target object.

16. The method according to any one of claims 12 to 15, characterized in that, One edge of the dynamic layout coincides with the first edge of the first interface, where the first edge is the edge on the first interface that is on the same side as the beginning of the first direction.

17. The method according to any one of claims 12 to 16, characterized in that, The size of the dynamic mounting position in the first direction is less than or equal to the size of the first object in the first direction.

18. An electronic device, characterized in that, include: One or more processors; One or more memory units; The one or more memories store 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 method as described in any one of claims 1 to 17.

19. An information display device, characterized in that, Includes modules for implementing the method as described in any one of claims 1 to 17.

20. A computer-readable storage medium, characterized in that, The storage medium stores a program or instructions that, when run on a computer, cause the method as described in any one of claims 1 to 17 to be performed.

21. A chip, characterized in that, The chip stores instructions that, when executed, cause the method as described in any one of claims 1 to 17 to be performed.

22. A computer program product, characterized in that, The computer program product stores a program or instructions that, when run, cause the method as described in any one of claims 1 to 17 to be performed.

Images