Information display method, electronic device, storage medium, and program product

Abstract

In some cases, a method for displaying information, an electronic device, a storage medium, and a program product are provided, relating to the technical field of information display. The method includes: displaying a first interface, the first interface including a plurality of information items arranged along a first direction, the plurality of information items including a first information item, the first information item including a preview area, the preview area being used to display a preview picture of first content; a first size of the preview area in a second direction being less than a second size of the preview picture in the second direction; in response to a first operation, controlling the plurality of information items to move along the first direction; in at least part of the stage of the plurality of information items moving along the first direction, controlling the preview picture to move relative to the preview area along the second direction to adjust the relative position between the preview picture and the preview area. In one case, by using the above scheme, the technical problem of poor display effect of the preview picture can be solved, and the comprehensiveness of the displayed preview picture in the preview area is improved.

Description

Technical Field

[0001] In some cases, the field of information display technology is involved, and in particular, an information display method, electronic device, storage medium, and program product are involved. Background Technology

[0002] In some applications, when displaying a news feed in the interface, a preview of the corresponding media content can be shown in one or more items of the news feed. However, in related technologies, the display effect of the preview is not good. Summary of the Invention

[0003] In some cases, an information display method, electronic device, storage medium, and program product are provided.

[0004] Firstly, an information display method is provided, including:

[0005] The first interface is displayed, which includes multiple information items arranged along a first direction. The multiple information items include a first information item, which includes a preview area for displaying a preview of the first content. The first size of the preview area in a second direction is smaller than the second size of the preview in the second direction.

[0006] In response to the first operation, the plurality of information items are controlled to move along the first direction;

[0007] During at least a portion of the movement of the plurality of information items along the first direction, the preview screen is controlled to move relative to the preview area along the second direction to adjust the relative position between the preview screen and the preview area.

[0008] Secondly, an information display device is also provided, comprising:

[0009] An interface display module is used to display a first interface, which includes multiple information items arranged along a first direction. The multiple information items include a first information item, which includes a preview area for displaying a preview of the first content. The first size of the preview area in a second direction is smaller than the second size of the preview in the second direction.

[0010] A first moving module is configured to control the plurality of information items to move along the first direction in response to a first operation;

[0011] The second movement module is used to control the preview screen to move relative to the preview area along the second direction during at least a portion of the movement of the plurality of information items along the first direction, so as to adjust the relative position between the preview screen and the preview area.

[0012] Thirdly, an electronic device is also provided, comprising:

[0013] One or more processors;

[0014] Memory, used to store one or more programs.

[0015] When the one or more programs are executed by the one or more processors, the one or more processors implement the information display method as described in some cases.

[0016] Fourthly, a computer-readable storage medium is also provided, on which a computer program is stored, which, when executed by a processor, implements the information display method as described in some cases.

[0017] Fifthly, a computer program product is also provided, which, when executed by a computer, causes the computer to implement the information display method as described in some cases. Attached Figure Description

[0018] The above and other features, advantages, and aspects of various scenarios will become more apparent when viewed in conjunction with the accompanying drawings and the following specific implementations. Throughout the drawings, the same or similar reference numerals denote the same or similar elements. It should be understood that the drawings are schematic, and the originals and elements are not necessarily drawn to scale.

[0019] Figure 1 This is a schematic diagram of an exemplary system provided in one scenario;

[0020] Figure 2 This is a flowchart illustrating an information display method provided in one specific scenario.

[0021] Figure 3 This is a schematic diagram illustrating the movement process of a preview screen in one scenario.

[0022] Figure 4 This is a schematic diagram illustrating the movement process of an alternative preview screen provided in one scenario.

[0023] Figure 5 This is an illustration of a preview screen provided in one scenario;

[0024] Figure 6 A flowchart illustrating an alternative information display method provided in one scenario;

[0025] Figure 7 A structural block diagram of an information display device provided in one scenario;

[0026] Figure 8 This is a schematic diagram of the structure of an electronic device provided in one scenario. Detailed Implementation

[0027] The following description will be provided in more detail with reference to the accompanying drawings. While some situations are shown in the drawings, it should be understood that the technical solutions provided in some situations can be implemented in various forms and should not be construed as limited to the forms described herein. Rather, these forms are provided to provide a more thorough and complete understanding of the technical solutions provided in some situations. It should be understood that the accompanying drawings and various situations are for illustrative purposes only and are not intended to limit the scope of protection.

[0028] It should be understood that in some cases, the steps described in the method may be performed in a different order, and / or in parallel. Furthermore, the method may include additional steps and / or omit the steps shown. The scope of the technical solution is not limited in this respect.

[0029] In some cases, the term "comprising" and its variations are used in an open-ended sense, meaning "including but not limited to". The term "based on" means "at least partially based on". The term "one situation" means "at least one situation"; the term "another situation" means "at least one additional situation"; the term "some situations" means "at least some situations". Definitions for other terms will be given in the description below.

[0030] It should be noted that in some cases, the concepts of "first" and "second" are used only to distinguish different devices, modules or units, and are not used to limit the order of the functions performed by these devices, modules or units or their interdependencies.

[0031] It should be noted that the use of "one" or "more" in some contexts is illustrative rather than restrictive, and those skilled in the art should understand that, unless explicitly stated otherwise in the context, it should be understood as "one or more".

[0032] In some cases, the names of messages or information exchanged between multiple devices are used for illustrative purposes only and are not intended to limit the scope of these messages or information.

[0033] It is understandable that before using any publicly available technical solutions, users should be informed of the types, scope of use, and usage scenarios of the personal information involved in each situation, and their authorization should be obtained in accordance with relevant laws and regulations through appropriate means.

[0034] For example, upon receiving a user's proactive request, a prompt message can be sent to the user to explicitly inform them that the requested operation will require the acquisition and use of the user's personal information. This allows the user to autonomously choose, based on the prompt message, whether to provide personal information to the software or hardware such as electronic devices, applications, servers, or storage media that perform the technical solutions in certain situations.

[0035] As an optional but non-limiting implementation, in response to a user's active request, sending a prompt message to the user can be done via a pop-up window, where the prompt message can be presented in text format. Furthermore, the pop-up window can also include a selection control allowing the user to choose "agree" or "disagree" to provide personal information to the electronic device.

[0036] It is understood that the above notification and user authorization process are merely illustrative and do not constitute a limitation on the implementation of technical solutions in certain situations. Other methods that comply with relevant laws and regulations may also be applied to the implementation of certain situations.

[0037] It is understood that the data involved in this technical solution (including but not limited to the data itself, the acquisition or use of the data) shall comply with the requirements of relevant laws, regulations and related provisions.

[0038] Figure 1 This is a schematic diagram of an exemplary system provided in this document under one scenario. This exemplary system can be used to implement the methods in some scenarios. References Figure 1 The system 10 includes one or more client devices 11, a server 12, and one or more communication networks 13 coupling the one or more client devices to the server 12. The client devices 11 can be configured to execute one or more applications.

[0039] In one scenario, server 12 may run one or more services or software applications that enable the execution of the methods provided herein.

[0040] In some cases, server 12 may also provide other services or software applications, which may include both non-virtual and virtual environments. In some cases, these services may be provided as web-based services or cloud services, such as to users of client device 11 under a Software as a Service (SaaS) model.

[0041] exist Figure 1In the configuration shown, server 12 may include one or more components that implement the functions performed by server 12. These components may include software components, hardware components, or combinations thereof that can be executed by one or more processors. A user operating client device 11 can sequentially interact with server 12 using one or more client applications to utilize the services provided by these components. It should be understood that various different system configurations are possible and may differ from system 10. Therefore, Figure 1 This is an example of a system for implementing the various methods described, and is not intended to be limiting.

[0042] Users can use client device 11 to input user commands and obtain the results of command execution. The client device can provide an interface that allows users to interact with it. The client device can also output information to the user through this interface. Although... Figure 1 Only six client devices are described, but those skilled in the art will understand that in some cases, any number of client devices can be supported.

[0043] Client device 11 may include various types of computer devices, such as portable handheld devices, general-purpose computers (such as personal computers and laptops), workstation computers, wearable devices, smart screen devices, self-service terminal devices, service robots, gaming systems, clients, various messaging devices, sensors, or other sensing devices. These computer devices can run various types and versions of software applications and operating systems, or include various mobile operating systems. Portable handheld devices may include cellular phones, smartphones, tablets, personal digital assistants (PDAs), etc. Wearable devices may include head-mounted displays (such as smart glasses) and other devices. Gaming systems may include various handheld gaming devices, internet-enabled gaming devices, etc. Client devices are capable of executing various applications, such as various internet-related applications, communication applications (e.g., email applications), short message service (SMS) applications, and can use various communication protocols. In one scenario, the client device may execute an application that provides the functionality described below.

[0044] Network 13 can be any type of network well known to those skilled in the art, and can use any of a variety of available protocols (including but not limited to TCP / IP, SNA, IPX, etc.) to support data communication. By way of example only, one or more networks 13 can be a local area network (LAN), an Ethernet-based network, a token ring network, a wide area network (WAN), the Internet, a virtual network, a virtual private network (VPN), an intranet, an extranet, a blockchain network, a public switched telephone network (PSTN), an infrared network, a wireless network (e.g., Bluetooth, WIFI), and / or any combination of these and / or other networks.

[0045] Server 12 may include one or more general-purpose computers, special-purpose server computers (e.g., PC (personal computer) servers, UNIX servers, mid-range servers), blade servers, mainframe computers, server clusters, or any other suitable arrangement and / or combination. Server 12 may include one or more virtual machines running a virtual operating system, or other computing architectures involving virtualization (e.g., one or more flexible pools of logical storage devices that can be virtualized to maintain virtual storage devices for servers). In one scenario, server 12 may run one or more services or software applications that provide the functionality described below.

[0046] The computing unit in server 12 can run one or more operating systems, including any of the aforementioned operating systems and any commercially available server operating system. Server 12 can also run any of a variety of additional server applications and / or middleware applications, including HTTP servers, FTP servers, CGI servers, JAVA servers, database servers, etc.

[0047] In one scenario, server 12 may include one or more applications to analyze and merge data feeds and / or event updates received from the user of client device 11. Server 12 may also include one or more applications to display data feeds and / or real-time events via one or more display devices of client device 11.

[0048] In one scenario, server 12 can be a server for a distributed system or a server integrated with blockchain. Server 12 can also be a cloud server, or an intelligent cloud computing server or intelligent cloud host with artificial intelligence technology. A cloud server is a host product in the cloud computing service system, designed to address the shortcomings of traditional physical hosts and Virtual Private Server (VPS) services, such as high management difficulty and weak business scalability.

[0049] System 10 may also include one or more databases 14. In some cases, these databases 14 may be used to store data and other information. For example, one or more of the databases 14 may be used to store information such as audio files and video files. Databases 14 may reside in various locations. For example, a database used by server 12 may be local to server 12, or it may be located away from server 12 and may communicate with server 12 via a network-based or dedicated connection. Databases 14 may be of different types. In some cases, the database used by server 12 may be, for example, a relational database. One or more of these databases may store, update, and retrieve data from and from the databases in response to commands.

[0050] In some cases, one or more of the databases 14 may also be used by the application to store application data. The databases used by the application can be of different types, such as key-value stores, object stores, or regular stores supported by the file system.

[0051] Figure 1 The system 10 can be configured and operated in various ways to enable the application of various methods and apparatuses described in some cases.

[0052] Figure 2 This is a flowchart illustrating an information display method provided in one scenario. The method can be executed by an information display device, which can be implemented by software and / or hardware and is configurable in an electronic device, typically a computer, mobile phone, or tablet. The information display method provided in this scenario is applicable to scenarios where a preview of media content is displayed in information items corresponding to media content, based on an information stream. Figure 2 As shown, in one scenario, the information display method may include:

[0053] S201. Display a first interface, which includes multiple information items arranged along a first direction. The multiple information items include a first information item. The first information item includes a preview area, which is used to display a preview of the first content. The first size of the preview area in a second direction is smaller than the second size of the preview in the second direction.

[0054] The first interface can be understood as an interface displaying multiple information items arranged along a first direction. For example, the first interface can be a display interface for an information stream, which may include multiple information items. These multiple information items can be arranged along the first direction. Different information items in the information stream can correspond to different content, used to display information of different content.

[0055] An information item can be understood as an information entry corresponding to the media content. The display style of information items is not limited; in some examples, information items for media content can be displayed in the form of information cards. The following explanation uses the display of information items in the form of information cards as an example. The content corresponding to an information item can be media content, and the type of media content is not limited. For example, this media content can include, but is not limited to, image content, video content, text content, and / or a combination of one or more of the above, etc.

[0056] The first content can be understood as content whose preview image size is larger than the preview area size of the corresponding information item. In some examples, the first content can be any content whose preview image size is larger than the preview area size of the corresponding information item, regardless of whether it has any associated recommended objects; or, the first content can also be content whose preview image size is larger than the preview area size of the corresponding information item and has associated recommended objects, such as advertising content or recommended videos of objects. The following explanation uses the example of the first content having associated recommended objects.

[0057] The first information item can be understood as the information item in the first interface that corresponds to the first content. The first information item can be used to display information about the first content, such as the title and / or preview of the first content. The first information item may include a preview area, which can be used to display a preview of the first content.

[0058] The preview screen of the first content can be used to allow users to preview the first content in the first information item. Taking the first content as video content as an example, the preview screen of the first content may include part or all of the content screen.

[0059] When the preview image of the first content is scaled proportionally to the same size as the preview image in the second direction, the size of the preview image of the first content in the second direction is larger than the size of the preview area in the first information item in the second direction. For example, if the aspect ratio of the preview image of the first content is greater than the aspect ratio of the preview area in the first information item, the preview image cannot be fully displayed in the horizontal direction when the preview image of the first content is displayed in the preview area with the same height as the preview area; or, if the aspect ratio of the preview image of the first content is smaller than the aspect ratio of the preview area in the first information item, the preview image cannot be fully displayed in the vertical direction when the preview image of the first content is displayed in the preview area with the same width as the preview area.

[0060] The first size can be understood as the size of the preview area in the second direction. The second size can be understood as the size of the preview image in the second direction when the preview image of the first content is scaled proportionally to the size of the preview image in the direction perpendicular to the second direction, which is equal to the size of the preview image in this direction.

[0061] The first direction can be understood as the arrangement direction of information items in the first interface. Optionally, the first direction includes a horizontal direction or a vertical direction. For example, information items in the information flow can be arranged horizontally or vertically in the first interface, without limitation. The second direction can be understood as the direction in which the preview screen of the first content cannot be fully displayed in the preview area. For example, the second direction can include a horizontal direction or a vertical direction. Optionally, the second direction is the same as the first direction, or the second direction is perpendicular to the first direction. For example, when the first direction is vertical, the second direction can be vertical or horizontal; when the first direction is horizontal, the second direction can be horizontal or vertical, and so on. The following explanation uses the example where both the first and second directions are vertical.

[0062] For example, a first interface is displayed, and multiple information items corresponding to the content are arranged and displayed sequentially along a first direction on the first interface, such as... Figure 3 The first picture in the middle and Figure 4 The first image shows how to view different content based on information items in the first interface.

[0063] Taking a scenario where both the first and second directions are vertical as an example, please continue to refer to... Figure 3 The first picture in the middle and Figure 4 The first image shows a first interface that can display multiple information items arranged along a first direction (e.g., vertically). These multiple information items include a first information item 30 corresponding to the first content. The first information item 30 includes a preview area 31, which is used to play a preview screen 32 of the first content. The size of the preview screen 32 of the first content in the second direction is larger than the size of the preview area 31 in the second direction. For example, when the preview screen 32 of the first content is scaled proportionally to a width equal to the width of the preview area 31, the size of the preview screen 32 in the vertical direction is larger than the size of the preview area 31 in the vertical direction. As a result, the preview screen 32 of the first content cannot be fully displayed in the vertical direction. For example, suppose the complete content of the preview screen 32 is as follows: Figure 5 As shown, because the vertical height of the preview screen 32 is greater than the vertical height of the preview area 31, the preview area 31 cannot display the content near the upper boundary of the preview screen 32 and / or the content near the lower boundary of the preview screen 32, such as... Figure 3 The first picture in the middle and Figure 4 As shown in the first picture.

[0064] Please continue to refer to this. Figure 3 The first picture in the middle and Figure 4 In the first image, the multiple information items arranged along the first direction in the first interface may include, in addition to one or more first information items, second information items, such as... Figure 3 and 4 Information items A, B, C, D, E, and / or F are shown. The second information item may correspond to other content besides the first content (e.g., the second content itself). The second information item may not include a preview area; or, a preview of the second content may be fully displayed within the preview area of ​​the second information item, such as the aspect ratio of the preview of the second content being equal to the aspect ratio of the preview area of ​​the second information item.

[0065] S202, in response to the first operation, control multiple information items to move along a first direction.

[0066] The first operation can be understood as a triggering operation used to instruct the swiping of information items displayed within the visible area of ​​the first interface. The execution method of the first operation is not limited; for example, the first operation may include a swiping operation along a first direction within the first interface, or an operation to trigger a switching control displayed within the first interface, etc.

[0067] For example, upon receiving a first operation, information displayed in the visible area of ​​the first interface can be moved along a first direction based on the first operation to switch the information items displayed in the visible area of ​​the first interface.

[0068] Taking a vertical direction as the first direction and a vertical swipe operation as the first operation, upon receiving a vertical swipe operation within the first interface, the information displayed within the visible area of ​​the first interface can be controlled to move synchronously along the swipe direction of this vertical swipe operation. For example, when a user is detected swiping upwards within the first interface, the information items displayed within the visible area of ​​the first interface can be controlled to move synchronously upwards to move other information items following those in the visible area into the visible area of ​​the first interface for display; and / or, when a user is detected swiping downwards within the first interface, the information items displayed within the visible area of ​​the first interface can be controlled to move synchronously downwards to move information items preceding those in the visible area into the visible area of ​​the first interface for display.

[0069] S203. During at least a portion of the movement of multiple information items along the first direction, the preview screen is controlled to move relative to the preview area along the second direction to adjust the relative position between the preview screen and the preview area.

[0070] For example, during at least part of the process of an information item within the visible area moving along a first direction, the preview screen of the first content can be controlled to move along a second direction within the visible area of ​​the first information item, so as to adjust the relative position between the preview screen of the first content and the preview area, and move the part of the screen area that was initially not located within the visible area into the preview area for display.

[0071] In some examples, taking the case where both the first and second directions are vertical, and information items within the visible area move upwards, during at least a portion of the upward movement of the information items within the visible area, the preview screen of the first content can be controlled to move upwards relative to the preview area of ​​the first information item, so as to move the content near the lower boundary of the preview screen into the preview area for display. Alternatively, the preview screen of the first content can be controlled to move downwards relative to the preview area of ​​the first information item, so as to move the content near the upper boundary of the preview screen into the preview area for display. Figure 3 As shown in the first image, before the movement, the center point of the preview screen overlapped with the center point of the preview area, and the content near the top and bottom edges of the preview screen could not be displayed within the preview area. After the movement, the preview screen moved to a position where its top edge overlapped with the top edge of the preview area, and the content near the top edge of the preview screen moved into the preview area for display. Figure 3 As shown in the second picture.

[0072] In some examples, taking the case where both the first and second directions are vertical, and information items within the visible area move downwards as an example, during at least a portion of the downward movement of the information item within the visible area, the preview screen of the first content can be controlled to move downwards relative to the preview area of ​​the first information item, so as to move the content near the upper boundary of the preview screen into the preview area for display. Alternatively, the preview screen of the first content can be controlled to move upwards relative to the preview area of ​​the first information item, so as to move the content near the lower boundary of the preview screen into the preview area for display. Figure 4 As shown in the first image, before the movement, the center of the preview screen overlapped with the center of the preview area, and the content near the top and bottom edges of the preview screen could not be displayed within the preview area. After the movement, the preview screen moved to a position where its bottom edge overlapped with the bottom edge of the preview area, and the content near the bottom edge of the preview screen moved into the preview area for display. Figure 4 As shown in the second picture.

[0073] In the second direction, the method for determining the movement speed of the preview image of the first content relative to the preview area is not limited. Optionally, the first movement speed of the preview image relative to the preview area is determined based on at least one of the following: a second movement speed of the plurality of information items along the first direction; or a fourth distance between the center of the preview image and the center of the preview area; or a first coefficient, wherein the first coefficient is greater than 0 and less than 1, and the first coefficient is preset or determined based on the difference between the second size and the first size.

[0074] The first movement speed can be understood as the movement speed of the preview screen relative to the preview area in the second direction. The second movement speed can be understood as the movement speed of information items within the visible area of ​​the first interface along the first direction. The fourth distance can be understood as the distance between the center of the preview screen and the center of the preview area.

[0075] The first coefficient can be understood as the parallax ratio coefficient, which is greater than 0 and less than 1. The first coefficient can be preset. For preview images with different redundant dimensions relative to the preview area in the second direction (e.g., the difference between the second and first dimensions), the first coefficient can be the same or different. For example, when the redundant dimension is large, the value of the first coefficient can be appropriately reduced, causing the preview image to move faster relative to the preview area, thus moving more content that cannot be displayed within the preview area into the preview area for display; and / or, when the redundant dimension is small, the value of the first coefficient can be appropriately increased, causing the preview image to move slower relative to the preview area, thus preventing the preview image from moving too quickly relative to the preview area. The specific value of the first coefficient is not limited; for example, it can be set to values ​​such as 0.1, 0.2, 0.5, 0.7, or 0.8.

[0076] The method for determining the first moving speed based on the second moving speed, the fourth distance, and / or the first coefficient is not limited. Optionally, the information display method may further include at least one of the following: the first moving speed is positively correlated with the second moving speed; or, the first moving speed is negatively correlated with the fourth distance; or, the first moving speed is negatively correlated with the first coefficient. For example, the faster the information item moves along the first direction, the faster the preview screen moves relative to the preview area in the second direction; and / or, the larger the fourth distance between the center of the preview screen and the center of the preview area, the slower the preview screen moves relative to the preview area in the second direction; and / or, the larger the first coefficient, the slower the preview screen moves relative to the preview area in the second direction.

[0077] In some cases, when the information item in the first interface stops moving along the first direction, whether to continue controlling the preview screen of the first content to move relative to the preview area along the second direction can be set as needed.

[0078] In some examples, when it is detected that an information item in the first interface stops moving along a first direction, the preview screen of the first content can be controlled to stop moving relative to the preview area along a second direction. Optionally, in this case, the information display method may further include: in response to the plurality of information items stopping moving along the first direction, controlling the preview screen to stop moving relative to the preview area.

[0079] In some examples, when it is detected that an information item in the first interface stops moving along the first direction, the preview screen of the first content can continue to move along the second direction. During this continued movement, the preview screen of the first content can be gradually controlled to stop moving relative to the preview area to avoid abrupt stops and improve the smoothness of the stop. Optionally, in this case, the information display method may further include: responding to the plurality of information items stopping moving along the first direction, continuing to control the preview screen to move relative to the preview area along the second direction until the movement of the preview screen meets a first condition.

[0080] The first condition can be understood as the condition that must be met for the preview screen to stop moving relative to the preview area. The first condition can be set as needed; for example, it may include the preview screen of the first content gradually decreasing its movement speed relative to the preview area to zero, and / or the preview screen of the first content moving a distance relative to the preview area reaching a second distance. The second distance can be the distance that the preview screen of the first content needs to move relative to the preview area, determined based on a third distance. The third distance can be understood as the distance that the information items (including the first information item) in the first interface move along a first direction after the preview screen of the first content begins to move relative to the preview area.

[0081] In some cases, the first condition may include gradually reducing the movement speed of the preview screen of the first content relative to the preview area to zero. Optionally, continuing to control the movement of the preview screen relative to the preview area along the second direction until the movement of the preview screen satisfies the first condition includes: continuing to control the movement of the preview screen relative to the preview area along the second direction, and gradually reducing the first movement speed of the preview screen relative to the preview area during the movement until the first movement speed is reduced to zero. For example, after the information item in the first interface stops moving, the preview screen of the first content can continue to be controlled to move along the second direction relative to the preview area, and during the continued movement of the preview screen of the first content, the first movement speed of the preview screen of the first content relative to the preview area in the second direction can be gradually reduced until the first movement speed is reduced to zero. After the first movement speed is reduced to zero, the preview screen of the first content can be controlled to stop moving along the second direction relative to the preview area until at least a portion of the stage where multiple information items in the first interface move along the first direction is reached again.

[0082] In some cases, the first condition may include the preview screen of the first content moving a second distance relative to the preview area. Optionally, continuing to control the preview screen to move along the second direction relative to the preview area until the movement of the preview screen satisfies the first condition includes: continuing to control the preview screen to move along the second direction relative to the preview area until the preview screen moves a second distance relative to the preview area, the second distance being related to a third distance the preview area moves in the first direction. For example, after an information item in the first interface stops moving, the third distance the information item in the first interface has moved can be obtained, and the second distance the preview screen of the first content needs to move relative to the preview area can be determined based on the third distance; and, continuing to control the preview screen of the first content to move along the second direction relative to the preview area, and during the continued movement, the movement speed of the preview screen can be kept constant or the movement speed of the preview screen can be gradually reduced until the preview screen of the first content moves a second distance relative to the preview area. After the preview screen of the first content moves a second distance relative to the preview area, the preview screen of the first content can be controlled to stop moving along the second direction relative to the preview area until at least a portion of the movement of multiple information items in the first interface along the first direction is reached again.

[0083] In some cases, an information display method is provided, which displays a first interface including multiple information items arranged along a first direction. These multiple information items include a first information item, which includes a preview area for displaying a preview of the first content. The preview area has a first size in a second direction, smaller than the preview image's second size in the second direction. In response to a first operation, the multiple information items in the first interface are controlled to move along the first direction. During at least a portion of the movement of these multiple information items along the first direction, the preview image is controlled to move relative to the preview area along a second direction to adjust the relative position between the preview image and the preview area. In one case, using the above solution, when the first information item moves along the first direction in the first interface, the preview image of the first content is controlled to move along the second direction within the preview area of ​​the first information item. This allows content outside the preview area to be displayed during the movement of the first information item, thus solving the technical problem in related technologies where statically centering the preview image in the preview area results in permanent cropping of content outside the preview area. This improves the comprehensiveness of the preview image displayed in the preview area, thereby enhancing the preview effect of the first content.

[0084] Figure 6 This is a flowchart illustrating another information display method provided in one scenario. The solution in this scenario can be combined with one or more alternative solutions in the above scenarios. Optionally, controlling the preview screen to move relative to the preview area along the second direction during at least a portion of the movement of the plurality of information items along the first direction includes: in response to the preview area moving to a first position in the visible area, controlling the preview screen to move relative to the preview area along a third direction until the preview area moves out of the visible area, or the first side boundary of the preview screen overlaps with the first side boundary of the preview area, wherein the third direction is parallel to the second direction.

[0085] Correspondingly, such as Figure 6 As shown, in one scenario, the information display method may include:

[0086] S301. Display a first interface, which includes multiple information items arranged along a first direction. The multiple information items include a first information item. The first information item includes a preview area, which is used to display a preview of the first content. The first size of the preview area in a second direction is smaller than the second size of the preview in the second direction.

[0087] S302, in response to the first operation, control multiple information items to move along a first direction.

[0088] S303, in response to the preview area moving to a first position in the visible area, control the preview screen to move relative to the preview area along a third direction until the preview area moves out of the visible area, or the first side boundary of the preview screen overlaps with the first side boundary of the preview area, wherein the third direction is parallel to the second direction.

[0089] For example, upon receiving the first operation, at least some information items, including the first information item, in the first interface can be controlled to move along a first direction. After the preview area in the first information item moves to a first position in the visible area of ​​the first interface, the preview screen of the first content is then controlled to move relative to the preview area along a third direction until the preview area moves out of the visible area or the first side boundary of the preview screen moves to a position overlapping with the first side editing of the preview area. This allows the user to view the screen content that has been newly moved into the preview area based on the movement of the preview screen, further improving the practicality of controlling the movement of the preview screen relative to the preview area.

[0090] Furthermore, if the preview area has not yet moved to the first position of the visible area, the movement of the preview screen of the first content relative to the preview area of ​​the first information item can be left uncontrolled. For example, the relative position between the preview screen of the first content and the visible area of ​​the first information item can be kept unchanged to avoid meaningless movement of the preview screen of the first content relative to the preview area of ​​the first information item and to reduce the resources occupied by controlling the movement of the preview screen of the first content relative to the preview area of ​​the first information item. In this case, optionally, the information display method may further include: in response to the preview area not yet moving to the first position of the visible area, maintaining the relative position between the preview screen and the preview area unchanged.

[0091] Here, the third direction can be understood as the actual direction in which the preview screen moves. Taking the third direction being parallel to the first direction as an example, the third direction can be the same as the direction in which the information item moves on the first screen, or it can be opposite to the direction in which the information item moves on the first screen; there is no limitation here.

[0092] The first side boundary can be understood as the boundary of the first side. It can be the boundary of the first content's preview screen that first overlaps with the preview area when the preview screen moves relative to the preview area in a third direction. Taking the second direction as the vertical direction as an example, when the preview screen of the first content moves downward relative to the preview area, the first side boundary can be the upper boundary; when the preview screen of the first content moves upward relative to the preview area, the first side boundary can be the lower boundary.

[0093] The first position can be a location within the visible area. The first position can be set as needed. For example, the first position may include a location where the entire preview area of ​​the first information item is moved within the visible area of ​​the first interface; and / or a location where the distance between the center of the preview area of ​​the first information item and the center of the visible area is within a first range. The first range can be set as needed and is not limited here.

[0094] In some cases, the first position may include a position where the entire preview area of ​​the first information item is moved within the visible area of ​​the first interface. For example, when it is detected that the entire preview area of ​​the first information item has moved within the visible area of ​​the first interface, the preview screen of the first content can be controlled to move relative to the preview area along a third direction, without considering whether the distance between the center of the preview area and the center of the visible area is within a first range, thereby improving the timeliness of controlling the movement of the preview screen of the first content relative to the preview area. In this case, optionally, the step of controlling the preview screen to move relative to the preview area along a third direction in response to the preview area moving to the first position of the visible area includes: controlling the preview screen to move relative to the preview area along a third direction in response to the preview area moving within the visible area.

[0095] In some cases, the first position may include a position where the distance between the center of the preview area of ​​the first information item and the center of the visible area is within a first range. For example, when it is detected that the center of the preview area of ​​the first information item has moved to a distance within the first range between it and the center of the visible area, the preview screen of the first content can be controlled to move relative to the preview area in a third direction, without considering whether the preview area has been completely moved into the visible area, thereby improving the timeliness of controlling the movement of the preview screen of the first content relative to the preview area. In this case, optionally, the step of controlling the preview screen to move relative to the preview area in a third direction in response to the preview area moving to the first position of the visible area includes: controlling the preview screen to move relative to the preview area in a third direction in response to the first distance being within the first range, wherein the first distance is the distance between the center of the preview area and the center of the visible area.

[0096] In some examples, when it is detected that the entire preview area of ​​the first information item has moved into the visible area of ​​the first interface, and the center of the preview area of ​​the first information item has moved into a distance within a first range from the center of the visible area, the preview screen of the first content can be controlled to move relative to the preview area in a third direction. This allows the user to view the screen content that has been moved into the preview area based on the movement of the preview screen, further improving the practicality of controlling the movement of the preview screen relative to the preview area.

[0097] In some situations, during the movement of the preview screen relative to the preview area in a third direction, it is possible to detect whether the preview area has moved out of the visible area of ​​the first interface. If it is detected that the preview area has moved out of the visible area of ​​the first interface, the movement of the preview screen of the first content relative to the preview area can be stopped to avoid the situation where the preview screen continues to move relative to the preview area after moving out of the visible area, thus reducing the resources occupied by controlling the movement of the preview screen relative to the preview area. The method for determining whether the preview area has moved out of the visible area of ​​the first interface is not limited. For example, it can be determined that the preview area has moved out of the visible area of ​​the first interface when it partially moves out of the visible area; or it can be determined that the preview area has moved out of the visible area of ​​the first interface when it completely moves out of the visible area, and so on.

[0098] In some cases, during the control of the preview screen to move relative to the preview area in a third direction, it can be detected whether the first side boundary of the preview screen has moved to a position overlapping with the first side boundary of the preview area. If it is detected that the first side boundary of the preview screen has moved to a position overlapping with the first side boundary of the preview area, the control of the preview screen to move relative to the preview area can be stopped until the movement direction of the information item changes. In this case, optionally, the information display method may further include: in response to the first side boundary of the preview screen overlapping with the first side boundary of the preview area, controlling the preview screen to stop moving relative to the preview area.

[0099] In some cases, during the process of controlling the preview screen to move relative to the preview area along a third direction, it can be detected whether the first side boundary of the preview screen has moved to a position overlapping with the first side boundary of the preview area. If it is detected that the first side boundary of the preview screen has moved to a position overlapping with the first side boundary of the preview area, the preview screen can be controlled to move relative to the preview area in the opposite direction of the third direction until the preview area moves out of the visible area of ​​the first interface, or until the second side boundary of the preview screen overlaps with the second side boundary of the preview area. In this case, optionally, the information display method may further include: in response to the first side boundary of the preview screen overlapping with the first side boundary of the preview area, controlling the preview screen to move relative to the preview area along a fourth direction until the preview area moves out of the visible area, or the second side boundary of the preview screen overlaps with the second side boundary of the preview area, wherein the fourth direction is the opposite direction of the third direction.

[0100] The second side boundary can be understood as the boundary of the second side, which can be opposite to the first side. The fourth direction can be the opposite direction of the third direction.

[0101] In the above scenario, after controlling the preview screen to move relative to the preview area along the fourth direction, if it is detected that the preview area has moved out of the visible area of ​​the first interface, the control of the preview screen to move relative to this preview area can be stopped; and / or, if it is detected that the second side boundary of the preview area has moved to a position overlapping with the second side boundary of the preview area, the control of the preview screen to move relative to this preview area can be stopped, or the operation of controlling the preview screen to move relative to the preview area along the third direction can be returned, which can be set as needed.

[0102] In some examples, where both the first and second directions are vertical, and the third direction is opposite to the movement direction of the information item, the process of controlling the movement of the preview screen of the first content relative to the preview area of ​​the first information item can be described as follows:

[0103] First, based on the movement distance of the information item (e.g., the first information item) and the parallax ratio coefficient (e.g., the first coefficient), the theoretical movement of the preview image to the target position within the visible area is calculated.

[0104] For example, assuming the distance the center of the information item moves relative to the center of the visible area is △S1(t), and the parallax ratio coefficient is k (0 < k < 1), then the distance the center of the preview screen of the first content moves relative to the center of the visible area is △S2(t): △S2(t) = k × △S1(t).

[0105] Here, H1 is the actual height of the preview screen of the first content, and H2 is the visible height of the preview area. Assuming that the initial state before moving is that the center of the preview screen is aligned with the center of the preview area, the maximum height that the preview screen can move relative to the preview area is Smax = (H1-H2) / 2. When the screen is shifted to this maximum height, the first side boundary of the preview screen overlaps with the first side boundary of the visible area, or the second side boundary of the preview screen overlaps with the second side boundary of the visible area.

[0106] Subsequently, to achieve smooth physical easing and an adaptive effect where "the closer the preview image's boundary is to the preview area's boundary, the slower the preview image moves," a linear mapping approach can be avoided. Instead, a first-order nonlinear damping model based on displacement can be introduced to solve for the actual displacement. This model sets the image's movement speed to be proportional to the remaining deviation from the target position, thus enabling deceleration characteristics.

[0107] Subsequently, in each frame's sliding event callback, the actual displacement S3(t) of the video frame of the first content can be calculated based on the movement distance △S2(t) of the center of the preview screen of the first content relative to the center of the visible area. Based on this actual displacement S3(t), the vertical offset position of the preview screen within the preview area is adjusted, thereby realizing the movement of the preview screen relative to the preview area.

[0108] In one scenario, the information display method provides that after the preview area in the first information item is moved to the first position of the visible area of ​​the first interface, the preview screen of the first content is then controlled to move relative to the preview area in a third direction. This allows the user to view the screen content that has been moved to the preview area based on the movement of the preview screen, further improving the practicality of controlling the movement of the preview screen relative to the preview area.

[0109] Figure 7 This is a structural block diagram of an information display device provided in one scenario. The device can be implemented by software and / or hardware, and can be configured in an electronic device, typically a computer, mobile phone, or tablet computer. It can display a preview of media content based on an information stream within information items corresponding to the media content by executing an information display method. Figure 7 As shown, in one scenario, the information display device may include: an interface display module 701, a first moving module 702, and a second moving module 703, wherein...

[0110] The interface display module 701 is used to display a first interface, which includes a plurality of information items arranged along a first direction. The plurality of information items include a first information item. The first information item includes a preview area, which is used to display a preview of the first content. The first size of the preview area in a second direction is smaller than the second size of the preview in the second direction.

[0111] The first moving module 702 is configured to control the plurality of information items to move along the first direction in response to the first operation;

[0112] The second movement module 703 is used to control the preview screen to move relative to the preview area along the second direction during at least a portion of the phases in which the plurality of information items move along the first direction, so as to adjust the relative position between the preview screen and the preview area.

[0113] In some cases, the provided information display device displays a first interface via an interface display module. The first interface includes multiple information items arranged along a first direction, including a first information item. Each first information item includes a preview area for displaying a preview of the first content. The first size of the preview area in a second direction is smaller than the second size of the preview image in the second direction. A first movement module responds to a first operation by controlling the multiple information items in the first interface to move along the first direction. A second movement module controls the preview image to move relative to the preview area along a second direction during at least a portion of the movement of the multiple information items along the first direction, thereby adjusting the relative position between the preview image and the preview area. In one scenario, using the above solution, when the first information item moves along a first direction in the first interface, the preview screen of the first content is controlled to move along a second direction in the preview area of ​​the first information item. This allows screen content not located within the preview area to have a display opportunity during the movement of the first information item. This solves the technical problem in related technologies where statically centering the preview screen in the preview area results in permanent cropping of screen content outside the preview area. This improves the comprehensiveness of the preview screen displayed in the preview area, thereby enhancing the preview effect of the first content.

[0114] Optionally, the second moving module 703 may be specifically used to: in response to the preview area moving to a first position in the visible area, control the preview screen to move relative to the preview area along a third direction until the preview area moves out of the visible area, or the first side boundary of the preview screen overlaps with the first side boundary of the preview area, wherein the third direction is parallel to the second direction.

[0115] Optionally, the second moving module 703 may be specifically configured to perform at least one of the following: in response to the preview area moving into the visible area, controlling the preview screen to move relative to the preview area in a third direction; or, in response to a first distance being within a first range, controlling the preview screen to move relative to the preview area in a third direction, wherein the first distance is the distance between the center of the preview area and the center of the visible area.

[0116] Furthermore, the information display device may further include: a third moving module, configured to control the preview screen to stop moving relative to the preview area in response to the first side boundary of the preview screen overlapping with the first side boundary of the preview area; or, a fourth moving module, configured to control the preview screen to move relative to the preview area along a fourth direction in response to the first side boundary of the preview screen overlapping with the first side boundary of the preview area, until the preview area moves out of the visible area, or the second side boundary of the preview screen overlaps with the second side boundary of the preview area, wherein the fourth direction is the opposite direction of the third direction.

[0117] Furthermore, the information display device may also include: a position holding module, used to maintain the relative position between the preview screen and the preview area in response to the preview area not having moved to the first position of the visible area.

[0118] Furthermore, the information display device may further include: a fifth movement module, configured to control the preview screen to stop moving relative to the preview area in response to the plurality of information items stopping moving along the first direction; or, a sixth movement module, configured to continue controlling the preview screen to move relative to the preview area along the second direction in response to the plurality of information items stopping moving along the first direction, until the movement of the preview screen satisfies the first condition.

[0119] Optionally, the sixth movement module may be specifically used to perform at least one of the following: continue to control the preview screen to move relative to the preview area along the second direction, and during the movement, gradually reduce the first movement speed of the preview screen relative to the preview area until the first movement speed is reduced to zero; or, continue to control the preview screen to move relative to the preview area along the second direction until the preview screen moves a second distance relative to the preview area, the second distance being related to a third distance that the preview area moves in the first direction.

[0120] Optionally, the first moving speed of the preview screen relative to the preview area is determined based on at least one of the following: the second moving speed of the plurality of information items along the first direction; or, the fourth distance between the center of the preview screen and the center of the preview area; or, a first coefficient, wherein the first coefficient is greater than 0 and less than 1, and the first coefficient is preset or determined based on the difference between the second size and the first size.

[0121] Furthermore, the information display status may also include at least one of the following: the first moving speed is positively correlated with the second moving speed; or, the first moving speed is negatively correlated with the fourth distance; or, the first moving speed is negatively correlated with the first coefficient.

[0122] Optionally, the first direction may be a horizontal or vertical direction; the second direction may be the same as the first direction, or the second direction may be perpendicular to the first direction.

[0123] In some cases, the provided information display device can execute the information display method provided in any of the aforementioned cases, possessing the corresponding functional modules and beneficial effects for executing the information display method. Technical details not described in detail in this case can be found in the information display method provided in the aforementioned cases.

[0124] The following is for reference. Figure 8 This diagram illustrates the structure of an electronic device (e.g., a client device) 800 suitable for implementing the methods described above in some scenarios. Terminal devices in some scenarios may include, but are not limited to, mobile terminals such as mobile phones, laptops, digital radio receivers, PDAs (personal digital assistants), PADs (tablet computers), PMPs (portable multimedia players), in-vehicle terminals (e.g., in-vehicle navigation terminals), and fixed terminals such as digital TVs and desktop computers. Figure 8 The electronic devices shown are merely examples and should not be construed as limiting their functionality or scope of use in any situation.

[0125] like Figure 8 As shown, the electronic device 800 may include a processing unit (e.g., a central processing unit, a graphics processor, etc.) 801, which can perform various appropriate actions and processes according to a program stored in a read-only memory (ROM) 802 or a program loaded from a storage device 808 into a random access memory (RAM) 803. The random access memory 803 also stores various programs and data required for the operation of the electronic device 800. The processing unit 801, the read-only memory 802, and the random access memory 803 are interconnected via a bus 804. An input / output (I / O) interface 805 is also connected to the bus 804.

[0126] Typically, the following devices can be connected to the input / output interface 805: input devices 806 including, for example, a touchscreen, touchpad, keyboard, mouse, camera, microphone, accelerometer, gyroscope, etc.; output devices 807 including, for example, a liquid crystal display (LCD), speaker, vibrator, etc.; storage devices 808 including, for example, magnetic tape, hard disk, etc.; and communication devices 809. Communication device 809 allows electronic device 800 to communicate wirelessly or wiredly with other devices to exchange data. Although Figure 8 An electronic device 800 with various devices is shown; however, it should be understood that it is not required to implement or possess all of the devices shown. More or fewer devices may be implemented or possessed alternatively.

[0127] In some cases, the provided electronic device can execute the method provided in any of the scenarios, possessing the corresponding functional modules and beneficial effects for executing this method. Technical details not described in detail in this scenario can be found in the methods provided in the aforementioned scenarios.

[0128] Specifically, the processes described in the flowchart above can be implemented as computer software programs. For example, in one scenario, a computer program product is provided, comprising a computer program carried on a non-transitory computer-readable medium, the computer program containing program code for performing the methods shown in the flowchart. In some scenarios, the computer program can be downloaded and installed from a network via communication device 809, or installed from storage device 808, or installed from read-only memory 802. When the computer program is executed by processing device 801, it performs the functions defined in the methods of some scenarios.

[0129] In some cases, the provided computer program product, when executed by a processor, can implement the method provided in any of the aforementioned cases, possessing the corresponding functional modules and beneficial effects for executing this method. Technical details not described in detail in this case can be found in the methods provided in the aforementioned cases.

[0130] It should be noted that the aforementioned computer-readable medium can be a computer-readable signal medium, a computer-readable storage medium, or any combination thereof. A computer-readable storage medium can be, for example,—but not limited to—an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any combination thereof. More specific examples of a computer-readable storage medium may include, but are not limited to: an electrical connection having one or more wires, a portable computer disk, a hard disk, random access memory (RAM), read-only memory (ROM), erasable programmable read-only memory (EPROM or flash memory), optical fiber, portable compact disk read-only memory (CD-ROM), optical storage device, magnetic storage device, or any suitable combination thereof. In some cases, a computer-readable storage medium can be any tangible medium containing or storing a program that can be used by or in conjunction with an instruction execution system, apparatus, or device. In other cases, a computer-readable signal medium can include a data signal propagated in baseband or as part of a carrier wave, carrying computer-readable program code. Such propagated data signals can take various forms, including but not limited to electromagnetic signals, optical signals, or any suitable combination thereof. A computer-readable signal medium can be any computer-readable medium other than a computer-readable storage medium, which can send, propagate, or transmit a program for use by or in connection with an instruction execution system, apparatus, or device. The program code contained on the computer-readable medium can be transmitted using any suitable medium, including but not limited to: wires, optical fibers, RF (radio frequency), etc., or any suitable combination thereof.

[0131] In one scenario, the client and server can communicate using any currently known or future-developed network protocol, such as HTTP (Hypertext Transfer Protocol), and can interconnect with digital data communication (e.g., communication networks) of any form or medium. Examples of communication networks include local area networks (“LANs”), wide area networks (“WANs”), the internet (e.g., the Internet), and peer-to-peer networks (e.g., ad hoc peer-to-peer networks), as well as any currently known or future-developed networks.

[0132] The aforementioned computer-readable medium may be included in the aforementioned electronic device; or it may exist independently and not assembled into the electronic device.

[0133] The aforementioned computer-readable medium carries one or more programs that, when executed by the electronic device, cause the electronic device to: display a first interface, the first interface including a plurality of information items arranged along a first direction, the plurality of information items including a first information item, the first information item including a preview area for displaying a preview of first content; the preview area having a first size in a second direction, smaller than the preview image having a second size in the second direction; in response to a first operation, controlling the plurality of information items to move along the first direction; and, in at least a portion of the movement of the plurality of information items along the first direction, controlling the preview image to move relative to the preview area along the second direction to adjust the relative position between the preview image and the preview area.

[0134] In some cases, the content stored on the provided computer-readable medium, when executed by an electronic device, can implement the method provided in any of the aforementioned cases, possessing the corresponding functional modules and beneficial effects for performing this method. Technical details not described in detail in this case can be found in the methods provided in the foregoing cases.

[0135] Computer program code for performing operations under certain conditions can be written in one or more programming languages ​​or a combination thereof. These programming languages ​​include, but are not limited to, object-oriented programming languages—such as Java, Smalltalk, and C++—as well as conventional procedural programming languages—such as the "C" language or similar programming languages. The program code can be executed entirely on the user's computer, partially on the user's computer, as a standalone software package, partially on the user's computer and partially on a remote computer, or entirely on a remote computer or server. In cases involving remote computers, the remote computer can be connected to the user's computer via any type of network—including a local area network (LAN) or a wide area network (WAN)—or can be connected to an external computer (e.g., via the Internet using an Internet service provider).

[0136] The flowcharts and block diagrams in the accompanying figures illustrate the architecture, functionality, and operation of possible implementations of systems, methods, and computer program products under various scenarios. In this respect, each block in a flowchart or block diagram may represent a module, segment, or portion of code containing one or more executable instructions for implementing the specified logical function. It should also be noted that in some alternative implementations, the functions indicated in the blocks may occur in a different order than those indicated in the figures. For example, two consecutively indicated blocks may actually be executed substantially in parallel, and they may sometimes be executed in reverse order, depending on the functions involved. It should also be noted that each block in the block diagrams and / or flowcharts, and combinations of blocks in the block diagrams and / or flowcharts, can be implemented using a dedicated hardware-based system that performs the specified function or operation, or using a combination of dedicated hardware and computer instructions.

[0137] The units described in some situations can be implemented in software or hardware. In some cases, the name of the module does not necessarily limit the functionality of the unit itself.

[0138] In some cases, the functions described above can be performed at least in part by one or more hardware logic components. For example, exemplary types of hardware logic components that can be used, without limitation, include: Field Programmable Gate Arrays (FPGAs), Application-Specific Integrated Circuits (ASICs), Application Standard Products (ASSPs), System-on-Chip (SoCs), Complex Programmable Logic Devices (CPLDs), and so on.

[0139] In certain contexts, a machine-readable medium can be a tangible medium that may contain or store a program for use by or in conjunction with an instruction execution system, apparatus, or device. A machine-readable medium can be a machine-readable signal medium or a machine-readable storage medium. Machine-readable media can be, but is not limited to, electronic, magnetic, optical, electromagnetic, infrared, or semiconductor systems, apparatus, or devices, or any suitable combination of the foregoing. More specific examples of machine-readable storage media include electrical connections based on one or more wires, portable computer disks, hard disks, random access memory (RAM), read-only memory (ROM), erasable programmable read-only memory (EPROM or flash memory), optical fibers, portable compact disk read-only memory (CD-ROM), optical storage devices, magnetic storage devices, or any suitable combination of the foregoing.

[0140] Depending on one or more scenarios, Example 1 provides an information display method, including:

[0141] The first interface is displayed, which includes multiple information items arranged along a first direction. The multiple information items include a first information item, which includes a preview area for displaying a preview of the first content. The first size of the preview area in a second direction is smaller than the second size of the preview in the second direction.

[0142] In response to the first operation, the plurality of information items are controlled to move along the first direction;

[0143] During at least a portion of the movement of the plurality of information items along the first direction, the preview screen is controlled to move relative to the preview area along the second direction to adjust the relative position between the preview screen and the preview area.

[0144] According to one or more scenarios, Example 2, based on the method of Example 1, wherein controlling the preview screen to move relative to the preview area along the second direction during at least a portion of the phases in which the plurality of information items move along the first direction includes:

[0145] In response to the preview area moving to a first position in the visible area, the preview screen is controlled to move relative to the preview area along a third direction until the preview area moves out of the visible area or the first side boundary of the preview screen overlaps with the first side boundary of the preview area, wherein the third direction is parallel to the second direction.

[0146] According to one or more scenarios, Example 3, based on the method of Example 2, wherein controlling the preview screen to move relative to the preview area in a third direction in response to the preview area moving to a first position in the visible area includes at least one of the following:

[0147] In response to the preview area moving into the visible area, control the preview screen to move relative to the preview area along a third direction; or...

[0148] In response to a first distance within a first range, the preview screen is controlled to move relative to the preview area in a third direction, wherein the first distance is the distance between the center of the preview area and the center of the visible area.

[0149] According to one or more scenarios, Example 4, based on the method described in Example 2, further includes:

[0150] In response to the first side boundary of the preview screen overlapping with the first side boundary of the preview area, the preview screen is controlled to stop moving relative to the preview area; or...

[0151] In response to the first side boundary of the preview screen overlapping with the first side boundary of the preview area, the preview screen is controlled to move relative to the preview area along a fourth direction until the preview area moves out of the visible area, or the second side boundary of the preview screen overlaps with the second side boundary of the preview area, wherein the fourth direction is the opposite direction of the third direction.

[0152] According to one or more scenarios, Example 5, based on the method described in Example 2, further includes:

[0153] In response to the fact that the preview area has not yet moved to the first position of the visible area, the relative position between the preview screen and the preview area remains unchanged.

[0154] According to one or more scenarios, Example 6, based on the method described in Example 1, further includes:

[0155] In response to the plurality of information items stopping moving along the first direction, the preview screen is controlled to stop moving relative to the preview area; or...

[0156] In response to the plurality of information items stopping moving along the first direction, the preview screen continues to be controlled to move relative to the preview area along the second direction until the movement of the preview screen meets the first condition.

[0157] According to one or more scenarios, Example 7 describes the method described in Example 6, wherein the step of continuing to control the preview screen to move relative to the preview area along the second direction until the movement of the preview screen satisfies a first condition includes at least one of the following:

[0158] Continue controlling the preview screen to move relative to the preview area along the second direction, and during the movement, gradually reduce the first moving speed of the preview screen relative to the preview area until the first moving speed is reduced to zero; or,

[0159] Continue to control the preview screen to move relative to the preview area along the second direction until the preview screen moves a second distance relative to the preview area, the second distance being related to the third distance the preview area moves in the first direction.

[0160] According to one or more scenarios, in Example 8, based on the method described in Example 1, the first movement speed of the preview screen relative to the preview area is determined based on at least one of the following:

[0161] The plurality of information items move at a second speed along the first direction; or...

[0162] The fourth distance between the center of the preview screen and the center of the preview area; or...

[0163] A first coefficient, wherein the first coefficient is greater than 0 and less than 1, and the first coefficient is preset or determined based on the difference between the second dimension and the first dimension.

[0164] According to one or more of the following scenarios, Example 9, based on the method described in Example 8, further includes at least one of the following:

[0165] The first moving speed is positively correlated with the second moving speed; or,

[0166] The first moving speed is negatively correlated with the fourth distance; or,

[0167] The first moving speed is negatively correlated with the first coefficient.

[0168] Depending on one or more scenarios, Example 10 describes the method described in Example 1.

[0169] The first direction includes either a horizontal direction or a vertical direction;

[0170] The second direction is the same as the first direction, or the second direction is perpendicular to the first direction.

[0171] According to one or more scenarios, Example 11 provides an information display device, comprising:

[0172] An interface display module is used to display a first interface, which includes multiple information items arranged along a first direction. The multiple information items include a first information item, which includes a preview area for displaying a preview of the first content. The first size of the preview area in a second direction is smaller than the second size of the preview in the second direction.

[0173] A first moving module is configured to control the plurality of information items to move along the first direction in response to a first operation;

[0174] The second movement module is used to control the preview screen to move relative to the preview area along the second direction during at least a portion of the movement of the plurality of information items along the first direction, so as to adjust the relative position between the preview screen and the preview area.

[0175] According to one or more scenarios, Example 12 provides an electronic device, including:

[0176] One or more processors;

[0177] Memory, used to store one or more programs.

[0178] When the one or more programs are executed by the one or more processors, the one or more processors implement the information display method as described in any of Examples 1-10.

[0179] According to one or more scenarios, Example 13 provides a computer-readable storage medium having a computer program stored thereon that, when executed by a processor, implements the information display method as described in any of Examples 1-10.

[0180] According to one or more scenarios, Example 14 provides a computer program product that, when executed by a computer, causes the computer to implement the information display method as described in any of Examples 1-10.

[0181] The above description is merely an illustration of some scenarios and the technical principles employed. Those skilled in the art should understand that the scope of disclosure in some scenarios is not limited to technical solutions formed by specific combinations of the above-described technical features, but should also cover other technical solutions formed by arbitrary combinations of the above-described technical features or their equivalents without departing from the above-described disclosed concept. For example, technical solutions formed by substituting the above features with (but not limited to) technical features with similar functions disclosed in some scenarios.

[0182] Furthermore, while the operations are described in a specific order, this should not be construed as requiring these operations to be executed in the specific order shown or in a sequential order. Multitasking and parallel processing may be advantageous in certain environments. Similarly, although some specific implementation details are included in the above discussion, these should not be interpreted as limitations on the scope of some cases. Certain features described in the context of a single case can also be implemented in combination within that single case. Conversely, various features described in the context of a single case can also be implemented individually or in any suitable sub-combination in multiple cases.

[0183] Although the subject matter has been described using language specific to structural features and / or methodological logic, it should be understood that the subject matter defined in the appended claims is not necessarily limited to the specific features or actions described above. Rather, the specific features and actions described above are merely illustrative examples of implementing the claims.

Claims

1. An information display method, comprising: The first interface is displayed, which includes multiple information items arranged along a first direction. The multiple information items include a first information item, which includes a preview area for displaying a preview of the first content. The first size of the preview area in a second direction is smaller than the second size of the preview in the second direction. In response to the first operation, the plurality of information items are controlled to move along the first direction; During at least a portion of the movement of the plurality of information items along the first direction, the preview screen is controlled to move relative to the preview area along the second direction to adjust the relative position between the preview screen and the preview area.

2. The method according to claim 1, wherein controlling the preview screen to move relative to the preview area along the second direction during at least a portion of the phase in which the plurality of information items move along the first direction comprises: In response to the preview area moving to a first position in the visible area, the preview screen is controlled to move relative to the preview area along a third direction until the preview area moves out of the visible area or the first side boundary of the preview screen overlaps with the first side boundary of the preview area, wherein the third direction is parallel to the second direction.

3. The method according to claim 2, wherein controlling the preview screen to move relative to the preview area in a third direction in response to the preview area moving to a first position in the visible area includes at least one of the following: In response to the preview area moving into the visible area, control the preview screen to move relative to the preview area along a third direction; or... In response to a first distance within a first range, the preview screen is controlled to move relative to the preview area along a third direction, wherein... The first distance is the distance between the center of the preview area and the center of the visible area.

4. The method according to claim 2, further comprising: In response to the first side boundary of the preview screen overlapping with the first side boundary of the preview area, the preview screen is controlled to stop moving relative to the preview area; or... In response to the first side boundary of the preview screen overlapping with the first side boundary of the preview area, the preview screen is controlled to move relative to the preview area along a fourth direction until the preview area moves out of the visible area, or the second side boundary of the preview screen overlaps with the second side boundary of the preview area, wherein the fourth direction is the opposite direction of the third direction.

5. The method according to claim 2, further comprising: In response to the fact that the preview area has not yet moved to the first position of the visible area, the relative position between the preview screen and the preview area remains unchanged.

6. The method according to claim 1, further comprising: In response to the plurality of information items stopping moving along the first direction, the preview screen is controlled to stop moving relative to the preview area; or... In response to the plurality of information items stopping moving along the first direction, the preview screen continues to be controlled to move relative to the preview area along the second direction until the movement of the preview screen meets the first condition.

7. The method according to claim 6, wherein continuing to control the preview screen to move relative to the preview area along the second direction until the movement of the preview screen satisfies the first condition includes at least one of the following: Continue controlling the preview screen to move relative to the preview area along the second direction, and during the movement, gradually reduce the first moving speed of the preview screen relative to the preview area until the first moving speed is reduced to zero; or, Continue to control the preview screen to move relative to the preview area along the second direction until the preview screen moves a second distance relative to the preview area, the second distance being related to the third distance the preview area moves in the first direction.

8. The method according to claim 1, wherein the first movement speed of the preview image relative to the preview area is determined based on at least one of the following: The plurality of information items move at a second speed along the first direction; or... The fourth distance between the center of the preview screen and the center of the preview area; or... The first coefficient, where... The first coefficient is greater than 0 and less than 1, and the first coefficient is preset or determined based on the difference between the second size and the first size.

9. The method of claim 8, further comprising at least one of the following: The first moving speed is positively correlated with the second moving speed; or, The first moving speed is negatively correlated with the fourth distance; or, The first moving speed is negatively correlated with the first coefficient.

10. The method according to claim 1, The first direction includes either a horizontal direction or a vertical direction; The second direction is the same as the first direction, or the second direction is perpendicular to the first direction.

11. An information display device, comprising: An interface display module is used to display a first interface, which includes multiple information items arranged along a first direction. The multiple information items include a first information item, which includes a preview area for displaying a preview of the first content. The first size of the preview area in a second direction is smaller than the second size of the preview in the second direction. A first moving module is configured to control the plurality of information items to move along the first direction in response to a first operation; The second movement module is used to control the preview screen to move relative to the preview area along the second direction during at least a portion of the movement of the plurality of information items along the first direction, so as to adjust the relative position between the preview screen and the preview area.

12. An electronic device, comprising: At least one processor; as well as A memory communicatively connected to the at least one processor; wherein, The memory stores a computer program that can be executed by the at least one processor, the computer program being executed by the at least one processor to enable the at least one processor to perform the information display method according to any one of claims 1-10.

13. A computer-readable storage medium storing computer instructions that, when executed by a processor, implement the information display method according to any one of claims 1-10.

14. A computer program product comprising a computer program that, when executed by a processor, implements the information display method according to any one of claims 1-10.

Images