Social message display method and device, equipment and storage medium

Abstract

The application discloses a social message display method and device, equipment and storage medium, and belongs to the field of human-computer interaction. The method is executed by a first client, and the method comprises the following steps: receiving a first social message sent by a first account in a chat session, displaying the first social message in a first view layout; and displaying the first social message in a second view layout under the condition that a first trigger condition is met; wherein at least one of the size, the layout position of the second view layout and the first view layout and the account information of the first account is different. The display mode of the view layout of the social message is changed after the trigger condition is met, the social message in the chat session can be dynamically displayed, the display mode of the social message is enriched, and the display efficiency of the social message is improved.

Description

Technical Field

[0001] This application relates to the field of human-computer interaction, and in particular to a method, apparatus, device, and storage medium for displaying social messages. Background Technology

[0002] Message bubbles, as a form of message delivery, are divided into messages representing oneself and messages representing the recipient. Message bubbles present messages sent by users and can separate messages between different users.

[0003] In related technologies, message bubbles are primarily laid out in a left-right format to distinguish between the two parties in a conversation. For example, message bubbles sent by the user themselves are displayed on the right side of the chat interface, while message bubbles sent by other users are displayed on the left side. The display order of message bubbles is generally arranged from top to bottom in chronological order, with each message bubble occupying its own line.

[0004] However, the display format of message bubbles in related technologies is relatively simple, and the display method of message bubbles occupying a single line results in a lot of unused display space on the chat interface. Summary of the Invention

[0005] This application provides a method, apparatus, device, and storage medium for displaying social messages, the technical solution of which is as follows.

[0006] According to one aspect of this application, a method for displaying social messages is provided, the method being executed by a first client, the first client being logged into a first account, the method comprising:

[0007] Receive the first social message sent by the first account in the chat session;

[0008] The first social message is displayed in a first-view layout;

[0009] If the triggering conditions are met, the first social message will be displayed in a second view layout;

[0010] The second view layout differs from the first view layout in at least one of the following: size, layout position, and account information of the first account.

[0011] According to one aspect of this application, a social messaging display device is provided, the device comprising:

[0012] The receiving module is used to receive the first social message sent by the first account in the chat session;

[0013] A display module is used to display the first social message in a first view layout;

[0014] The display module is used to display the first social message in a second view layout when the triggering conditions are met;

[0015] The second view layout differs from the first view layout in at least one of the following: size, layout position, and account information of the first account.

[0016] According to another aspect of this application, a computer device is provided, comprising: a processor and a memory, wherein the memory stores at least one computer program, the at least one computer program being loaded and executed by the processor to implement the social message display method as described above.

[0017] According to another aspect of this application, a computer storage medium is provided, wherein at least one computer program is stored in the computer-readable storage medium, and the at least one computer program is loaded and executed by a processor to implement the method for displaying social messages as described above.

[0018] According to another aspect of this application, a computer program product is provided, comprising a computer program stored in a computer-readable storage medium; the computer program is read from and executed by a processor of a computer device from the computer-readable storage medium, causing the computer device to perform the social message display method as described above.

[0019] The beneficial effects of the technical solutions provided in this application include at least the following:

[0020] After receiving a first social message from a first account on a first client, the first social message is displayed in a zoomed-in view layout (first view layout). Upon meeting a trigger condition, such as receiving a new social message in a chat session, the first social message is displayed in a zoomed-out view layout (second view layout). The first social message differs in at least one of the following display parameters: display size, display position, and account information. For example, the first social message may be larger in the first view layout than in the second view layout, and the account information may be more abundant in the first view layout than in the second view layout. This method of changing the view layout of social messages upon meeting trigger conditions allows for dynamic display of social messages in a chat session. In this embodiment, the first view layout is used to display the content of the first social message in detail, while the second view layout is used for quick browsing of the first social message. The second view layout provides a more compact display method, allowing for the display of more social messages within a limited space, thus improving the display efficiency of social messages. Attached Figure Description

[0021] To more clearly illustrate the technical solutions in the embodiments of this application, the accompanying drawings used in the description of the embodiments will be briefly introduced below. Obviously, the accompanying drawings described below are only some embodiments of this application. For those skilled in the art, other drawings can be obtained based on these drawings without creative effort.

[0022] Figure 1 This is an architecture diagram of a computer system provided in one embodiment of this application;

[0023] Figure 2 This is a schematic diagram of a message display method in the related technology provided in one embodiment of this application;

[0024] Figure 3 This is a schematic diagram of a method for displaying social messages provided in one embodiment of this application;

[0025] Figure 4 This is a flowchart of a method for displaying social messages according to an embodiment of this application;

[0026] Figure 5 This is a schematic diagram of a method for displaying social messages provided in one embodiment of this application;

[0027] Figure 6 This is a schematic diagram of a method for displaying social messages provided in one embodiment of this application;

[0028] Figure 7 This is a schematic diagram of a method for displaying social messages provided in one embodiment of this application;

[0029] Figure 8 This is a schematic diagram of a method for displaying social messages provided in one embodiment of this application;

[0030] Figure 9 This is a schematic diagram of a method for displaying social messages provided in one embodiment of this application;

[0031] Figure 10 This is a schematic diagram of a method for displaying social messages provided in one embodiment of this application;

[0032] Figure 11 This is a schematic diagram of a method for displaying social messages provided in one embodiment of this application;

[0033] Figure 12 This is a flowchart of a method for displaying social messages according to an embodiment of this application;

[0034] Figure 13 This is a schematic diagram of a method for displaying social messages provided in one embodiment of this application;

[0035] Figure 14This is a schematic diagram of a method for displaying social messages provided in one embodiment of this application;

[0036] Figure 15 This is a schematic diagram of a method for displaying social messages provided in one embodiment of this application;

[0037] Figure 16 This is a schematic diagram of a method for displaying social messages provided in one embodiment of this application;

[0038] Figure 17 This is a flowchart of a method for displaying social messages according to an embodiment of this application;

[0039] Figure 18 This is a structural block diagram of a social message display device provided in one embodiment of this application;

[0040] Figure 19 This is a structural block diagram of a computer device provided in one embodiment of this application. Detailed Implementation

[0041] To make the objectives, technical solutions, and advantages of this application clearer, the embodiments of this application will be described in further detail below with reference to the accompanying drawings.

[0042] Exemplary embodiments will now be described in detail, examples of which are illustrated in the accompanying drawings. When the following description relates to the drawings, unless otherwise indicated, the same numerals in different drawings denote the same or similar elements. The embodiments described in the following exemplary embodiments do not represent all embodiments consistent with this application. Rather, they are merely examples of apparatuses and methods consistent with some aspects of this application as detailed in the appended claims.

[0043] The terminology used in this application is for the purpose of describing particular embodiments only and is not intended to be limiting of the application. The singular forms “a,” “the,” and “the” used in this application and the appended claims are also intended to include the plural forms unless the context clearly indicates otherwise. It should also be understood that the term “and / or” as used herein refers to and includes any and all possible combinations of one or more of the associated listed items.

[0044] It should be understood that although the terms first, second, etc., may be used in this application to describe various information, this information should not be limited to these terms. These terms are only used to distinguish information of the same type from one another. For example, without departing from the scope of this application, a first parameter may also be referred to as a second parameter, and similarly, a second parameter may also be referred to as a first parameter. Depending on the context, the word "if" as used herein may be interpreted as "when," "when," or "in response to determination."

[0045] It should be noted that this application may display prompt interfaces, pop-ups, or output voice prompts before and during the collection of user data. These prompt interfaces, pop-ups, or voice prompts are used to inform the user that their data is being collected. This ensures that the application only begins the steps for collecting user data after receiving confirmation from the user regarding the prompt interface or pop-up; otherwise (i.e., without user confirmation), the steps for collecting user data end, meaning no user data is collected. In other words, all user data collected in this application is collected with the user's consent and authorization, and the collection, use, and processing of related user data must comply with the relevant laws, regulations, and standards of the relevant countries and regions.

[0046] Figure 1 An architectural diagram of a computer system provided in an exemplary embodiment of this application is given. The computer system 100 includes: a first terminal 110, a server 120, and a second terminal 130.

[0047] The first terminal 110 has a first client 111 installed and running. The first client 111 is a client of the target application. For example, the first client 111 can be an application with instant messaging functionality or a web client. When the first terminal 110 runs the first client 111, the user interface of the first client 111 is displayed on the screen of the first terminal 110. The target application can be any one of the following: instant messaging program, social interaction program, voice call program, conferencing program, online community program, payment program, shopping program, dating program, marriage and dating program, translation program, video playback program, note-taking program, educational program, editing program, and browser. The target application is a chat-enabled program, and the target application also supports displaying the first social message in a first view layout or a second view layout in the chat session. In this embodiment, the application is an instant messaging program as an example. The first terminal 110 is the terminal used by the first user 112, and the first account of the first user 112 is logged in on the first client 111. This application embodiment uses an instant messaging program as an example for description.

[0048] The second terminal 130 installs and runs the second client 131, which is a client for the target application. For example, the second client 131 can be an application with instant messaging functionality or a web client. When the second terminal 130 runs the second client 131, the user interface of the second client 131 is displayed on the screen of the second terminal 130. The target application can be any one of the following: instant messaging program, social interaction program, voice call program, conferencing program, online community program, payment program, shopping program, dating program, marriage and dating program, translation program, video playback program, note-taking program, educational program, editing program, or browser. The target application is a chat-enabled program, and it also supports displaying first social messages in a first view layout or a second view layout in a chat session. In this embodiment, an instant messaging program is used as an example. The second terminal 130 is the terminal used by the second user 132, and the second account of the second user 132 is logged in on the second client 131.

[0049] Optionally, the first account and the second account can be friends in the communication list or have temporary communication permissions.

[0050] Optionally, the target application installed on the first terminal 110 and the second terminal 130 is the same, or the application installed on the two terminals is the same type of target application on different operating system platforms (Android or iOS). The first terminal 110 can refer to one of a plurality of terminals, and the second terminal 130 can refer to another of a plurality of terminals. This embodiment only uses the first terminal 110 and the second terminal 130 as examples. The device types of the first terminal 110 and the second terminal 130 may be the same or different, and the device types include at least one of the following: smartphone, tablet computer, e-book reader, MP3 player, MP4 player, laptop computer, and desktop computer.

[0051] Figure 1 Only two terminals are shown in the diagram, but in different embodiments, multiple other terminals 140 can access the server 120. Optionally, one or more terminals 140 may also be terminals corresponding to developers, on which a development and editing platform supporting instant messaging clients is installed. Developers can edit and update the client on the terminal 140 and transmit the updated application installation package to the server 120 via wired or wireless network. The first terminal 110 and the second terminal 130 can download the application installation package from the server 120 to update the client.

[0052] The first terminal 110, the second terminal 130, and other terminals 140 are connected to the server 120 via a wireless network or a wired network.

[0053] Server 120 includes at least one of a single server, multiple servers, a cloud computing platform, and a virtualization center. Server 120 is used to provide backend services for clients supporting three-dimensional instant messaging. Optionally, server 120 undertakes the main computing work, and the terminal undertakes the secondary computing work; or, server 120 undertakes the secondary computing work, and the terminal undertakes the main computing work; or, server 120 and the terminal use a distributed computing architecture for collaborative computing.

[0054] In an illustrative example, server 120 includes processor 122, user account database 123, instant messaging service module 124, and user-facing input / output interface (I / O interface) 125. Processor 122 loads instructions stored in server 120 and processes data in user account database 123 and instant messaging service module 124. User account database 123 stores user account data used by first terminal 110, second terminal 130, and other terminals 140, such as user account avatars, nicknames, and group memberships. Instant messaging service module 124 provides multiple chat rooms (two-person or multi-person chat) for users to chat, send emoticons, send red envelopes, etc., in real-time. User-facing I / O interface 125 establishes communication and exchanges data with first terminal 110 and / or second terminal 130 via wireless or wired network.

[0055] The method for displaying social messages provided in this application will be described in conjunction with the above embodiments, taking the execution subject of the method as... Figure 1 The example shown illustrates a client running on a terminal. This terminal runs a client, for example, an application that supports instant messaging.

[0056] In related technologies, message bubbles are primarily laid out in a left-right format to distinguish between the two parties in a conversation. For example, message bubbles sent by the user themselves are displayed on the right side of the chat interface, while message bubbles sent by other users are displayed on the right side. The display order of message bubbles is generally arranged from top to bottom in chronological order, with fixed intervals, and each message bubble occupies its own line. The size of the message bubble varies according to the message content; for example, the width and height of the message bubble adaptively adjust according to the length of the message content. However, the display format of message bubbles in related technologies is relatively simple and fails to meet users' personalized needs. Furthermore, since only one message can be displayed per line on the screen, and message bubbles maintain a fixed interval, a significant amount of blank space remains unused.

[0057] For example, in conjunction with the reference Figure 2 ,like Figure 2As shown in part (a) of the diagram, chat interface 200 is user A's chat interface. Chat interface 200 is used to display the chat conversation between user A and user B. Messages sent by user A are carried on message bubbles 201, and messages sent by user B are carried on message bubbles 202. Messages sent by user A are displayed on the right side of chat interface 200, and messages sent by user B are displayed on the left side of chat interface 200. For example, user A sends the message "Look at the pictures I took on the roadside today [picture]", and user B sends the message "They're really good!". Message bubbles maintain a fixed interval, leaving a significant amount of blank space unused. Figure 2 As shown in part (b) of the figure, there is blank space on the left side of the message sent by user A (unused space 1), blank space between the messages sent by user A and user B (unused space 2), and blank space on the right side of the message sent by user B (unused space 3).

[0058] Based on this, in order to solve the problems existing in the related technologies, this application provides a method for displaying social messages. Figure 3 This illustration shows a schematic diagram of a method for displaying social messages according to an exemplary embodiment of this application. The method is executed by a computer device, with the computer device serving as the... Figure 1 Taking the first terminal 110 as an example, this method is executed by the first terminal 110, or by the first client on the first terminal 110, where the first client is logged into a first account. The steps of this method are briefly described below:

[0059] (1) Receive the first social message sent by the first account in the chat session;

[0060] Chat session 10 is either a two-person chat session or a multi-person chat session. Multi-person chat sessions can also be called group chat sessions.

[0061] In some embodiments, a chat interface is displayed on the first client. This chat interface is provided by an instant messaging program. Optionally, the chat interface can be an interface for a two-person chat session or an interface for a multi-person chat session (a group chat session).

[0062] In some embodiments, the first client receives a first social message 30 sent by the first account in chat session 10. Optionally, the first social message 30 includes, but is not limited to, at least one of text messages, voice messages, image messages, video messages, emoticon messages, file messages, hyperlink messages, and character messages. For example, the first client (the client logged into the first account) receives one or more of the following sent by the first account: text messages, voice messages, image messages, video messages, emoticon messages, file messages, hyperlink messages, and character messages. This application does not limit the message type of the first social message 30.

[0063] (2) Display the first social message 30 in the first view layout, where the first view layout is the view layout corresponding to the zoomed-in display.

[0064] In some embodiments, the first social message 30 is displayed in a first view layout in a chat session. The first view layout corresponds to a magnified display; that is, the first view layout is the view layout corresponding to the magnified display. The first view layout can also be referred to as the magnified display layout.

[0065] (3) When the first triggering condition is met, the first social message 30 is displayed in the second view layout, which is the view layout corresponding to the thumbnail display.

[0066] In some embodiments, the first social message 30 is displayed in a second view layout in a chat session. The second view layout corresponds to a thumbnail display; that is, the second view layout is the view layout corresponding to the thumbnail display. The second view layout can also be referred to as the thumbnail display layout.

[0067] In some embodiments, the second view layout and the first view layout differ in at least one of the following: size, layout position, and account information of the first account.

[0068] Optionally, in the first view layout, the first social message 30 is displayed at a first size corresponding to the first view layout; or, the first social message 30 is displayed at a first layout position corresponding to the first view layout; or, the first social message 30 is displayed with the first information content corresponding to the first view layout.

[0069] Optionally, in the second view layout, the first social message 30 is displayed at the second size corresponding to the second view layout; or, the first social message 30 is displayed at the second layout position corresponding to the second view layout; or, the first social message 30 is displayed with the second information content corresponding to the second view layout.

[0070] The size of the first dimension is larger than that of the second dimension, the importance of the first layout position in the chat session 10 is higher than that of the second layout position in the chat session 10, and the richness of the first information content is higher than that of the second information content.

[0071] In some embodiments, when a first triggering condition is met, the first social message 30 is switched from a first view layout to a second view layout. Optionally, the first social message 30 is switched from a first size corresponding to the first view layout to a second size corresponding to the second view layout; or, the first social message 30 is switched from a first layout position corresponding to the first view layout to a second layout position corresponding to the second view layout; or, the account information of the first account corresponding to the first social message 30 is switched from first information content corresponding to the first view layout to second information content corresponding to the second view layout.

[0072] In some embodiments, the second view layout includes one of a single-line exclusive layout and a side-by-side display layout. The single-line exclusive layout is used to indicate that the first social message 30 is displayed on a single line, and the side-by-side display layout is used to indicate that the first social message 30 and the second social message 20 are displayed side-by-side on a single line. The second social message 20 is a historical social message in the chat session 10.

[0073] In some embodiments, the first triggering condition includes at least one of the following: receiving a third social message 40, the third social message 40 being the latest social message in the chat session 10; the number of the first social message 30 and the second social message 20 reaching a preset number; the message bubble carrying the first social message 30 touching the bottom of the interface of the chat session 10; and the first social message 30 containing preset keywords.

[0074] For example, such as Figure 3 As shown in part (a) of the diagram, a second social message 20 is displayed in chat session 10. The second social message 20 is a historical social message in chat session 10; for example, the message content of the second social message is "How do you play this game?". Figure 3 As shown in part (b) of the figure, a first social message 30 sent by a first account is received in the chat session 10. For example, the message content of the first social message 30 is "Can't you play Candy Crush?" The first social message 30 is displayed in the chat session 10 in a first view layout and is displayed in the center layout position of the chat session 10.

[0075] After the first triggering condition is met, for example, after receiving the third social message 40 (the latest social message) in chat session 10, such as Figure 3 As shown in part (c) of the figure, the first social message 30 is changed from a large size (first size) to a small size (second size), the layout position of the first social message 30 is changed from a central layout position (first layout position) to a non-central layout position (second layout position), and the account information corresponding to the first account is changed from a three-dimensional virtual image 31 (first information content) to a two-dimensional avatar 32 (second information content).

[0076] (4) If the second triggering condition is met, the first social message will be switched from the second view layout to the first view layout.

[0077] The first view layout is the view layout corresponding to the zoomed-in display, and the second view layout is the view layout corresponding to the zoomed-out display.

[0078] In some embodiments, when a second triggering condition is met, the first social message 30 is restored from the second view layout to the first view layout. Optionally, the first social message 30 is switched from the second size corresponding to the second view layout to the first size corresponding to the first view layout; or, the first social message 30 is switched from the second layout position corresponding to the second view layout to the first layout position corresponding to the first view layout; or, the account information of the first account corresponding to the first social message 30 is switched from the second information content corresponding to the second view layout to the first information content corresponding to the first view layout.

[0079] In some embodiments, the second triggering condition includes at least one of the following: receiving a recall operation for the third social message 40; receiving a deletion operation for the third social message 40; receiving a view operation for the first social message 30; receiving a swipe operation for the message bubble carrying the first social message 30.

[0080] For example, such as Figure 3 As shown in part (c) of the diagram, the first social message 30 is displayed in a second view layout in chat session 10, with the first social message 30 and the second social message 20 displayed side-by-side in a row. Upon fulfillment of a second triggering condition, for example, the message bubble carrying the first social message 30 slides along the direction of the third social message 40 in chat session 10, as shown... Figure 3 As shown in part (d) of the figure, the first social message 30 is switched from the second view layout back to the first view layout, the first social message 30 is switched from a small size (second size) to a large size (first size), the layout position of the first social message 30 is switched from a non-center layout position (second layout position) to a center layout position (first layout position), and the account information corresponding to the first account is switched from a two-dimensional avatar 32 (second information content) back to a three-dimensional virtual image 31 (first information content).

[0081] The following examples will provide a detailed description of the method for displaying social messages.

[0082] Figure 4 This is a flowchart illustrating a method for displaying social messages according to an exemplary embodiment of this application. The method is executed by a computer device, with the computer device serving as the... Figure 1Taking the first terminal 110 as an example, the method is executed by the first terminal 110 or by a first client on the first terminal 110, where the first client is logged into a first account. The method includes at least a portion of steps 210, 220, and 230:

[0083] Step 210: Receive the first social message sent by the first account in the chat session;

[0084] Optionally, an instant messaging program is installed in the first client, which provides instant messaging functionality. The first account is the user account logged into the first client. Optionally, the first account can also be an account controlled by Artificial Intelligence (AI), a robot, or a chat assistant; this application does not limit this.

[0085] This application's embodiments mainly use the first account as a user account as an example for illustration.

[0086] In some embodiments, a chat session is either a first type or a second type of chat session. Optionally, a first type of chat session is a long-term chat session that needs to be manually disbanded; a second type of chat session is a temporary chat session that can be automatically disbanded.

[0087] Optionally, a chat session can be a two-person chat session or a multi-person chat session. A multi-person chat session can also be called a group chat session. The chat interface of a two-person or multi-person chat session displays a message list sorted chronologically.

[0088] Taking a two-person chat session as an example, this multi-person chat session includes two accounts: Account 1 and Account 2. When User 1 sends a message to User 2, it can be understood that User 1 sends a message through Account 1 to Account 2, which is controlled by User 2.

[0089] Taking a multi-user chat session as an example, this multi-user chat session includes at least two accounts, which include a first account, a second account, and other accounts. It should be noted that in the following embodiments, sending a message from the first user to the second user can be understood as the first user sending a message through the first account to the second account controlled by the second user, or the first user sending a message through the first account to all other accounts in the chat session except for the first account.

[0090] In some embodiments, a first social message sent by a first account is received on a first client. The first social message includes, but is not limited to, at least one of text messages, voice messages, image messages, video messages, emoticon messages, file messages, hyperlink messages, and character messages.

[0091] For example, a first client (the client logged into the first account) receives one or more of the following sent by the first account: text messages, voice messages, image messages, video messages, emoticon messages, file messages, hyperlink messages, and character messages. This application does not limit the message type of the first social message.

[0092] Step 220: Display the first social message in a first view layout;

[0093] In some embodiments, a first social message is displayed in a first view layout in a chat session. The first view layout corresponds to a magnified display; that is, the first view layout is the view layout corresponding to the magnified display. In this embodiment, the first view layout can also be referred to as a magnified display layout.

[0094] In some embodiments, the layout elements of the first view layout include at least one of size, layout position, and account information of the first account. The size indicates the display area of ​​the message bubble carrying the first social information in the chat session. The layout position indicates the display position of the first social message in the chat session. The account information of the first account indicates the account information displayed in the chat session for the first social message.

[0095] Optionally, in the first view layout, the first social message is displayed at a first size corresponding to the first view layout; or, in the first view layout, the first social message is displayed at a first layout position corresponding to the first view layout; or, in the first view layout, the first social message is displayed with first information content corresponding to the first view layout.

[0096] In some embodiments, the first social message includes at least one of the following:

[0097] The first social message is the latest social message in a chat session;

[0098] The first social message is the social message with the highest importance in a chat conversation;

[0099] • The first social message is the social message in a chat conversation that includes emojis;

[0100] The first social message is the longest social message in a chat session;

[0101] • First social messages are the social messages with the most diverse message types in chat conversations.

[0102] In some embodiments, the first social message is the latest social message in the chat session. The chat session displays a message list sorted chronologically, and the first social message is the most recently sent social message in the message list. Optionally, when the first social message is the latest social message, the first social message is displayed in a first view layout in the chat session, that is, the latest social message is enlarged and displayed in the chat session.

[0103] In some embodiments, the first social message is the social message with the highest importance level in the chat session. The importance level indicates the degree of importance of the social message in the chat session. The importance level can be manually marked by the user or automatically determined by the system. For example, social messages in the chat session containing time, location, person's name, notification, announcement, or special characters are marked as important social messages, with different importance levels corresponding to different types of social messages. For instance, social messages with notifications in the chat session have an importance level of 80%, social messages with time in the chat session have an importance level of 70%, and social messages with person's name in the chat session have an importance level of 60%. Optionally, the importance level of each social message in the chat session is marked, and the first social message is displayed in a first view layout in the chat session; that is, the social message with the highest importance level is enlarged and displayed in the chat session.

[0104] In some embodiments, the first social message is a social message in a chat session that includes emoticons. Emoticons in a chat session typically represent a way of communicating an emotion, attitude, tone, or context, helping to enhance the interactivity and emotional delivery of social messages. Emoticons include text emoticons, emoji emoticons, and image emoticons. Optionally, when the first social message includes emoticons, the first social message is displayed in a first view layout in the chat session, that is, the social message including emoticons is displayed in a magnified manner in the chat session.

[0105] In some embodiments, the first social message is the longest social message in the chat session. The message length indicates the visual length of the first social message (e.g., if the social message is text, the message length indicates how long the text may be). Optionally, when the first social message is the longest social message in the chat session, the first social message is displayed in a first view layout in the chat session; that is, the longest social message is displayed in a magnified manner in the chat session.

[0106] In some embodiments, the first social message is the social message with the most diverse message types in the chat session. The message type indicates that the first social message includes messages with different types of content. Optionally, the message type includes, but is not limited to, at least one of text messages, voice messages, image messages, video messages, emoticon messages, file messages, hyperlink messages, and character messages. For example, in a chat session, social message 1 includes a text message, social message 2 includes a voice message, and social message 3 includes both text and image messages. Social message 3 is the social message with the most diverse message types (including both text and image types) among the three social messages. Optionally, when the first social message is the social message with the most diverse message types in the chat session, the first social message is displayed in a first view layout in the chat session; that is, the social message with the most diverse message types is displayed in a magnified manner in the chat session.

[0107] It should be noted that the above is merely an exemplary description of the first social message, and this application does not limit the first social message.

[0108] For example, let's take the case where the first social message is the latest social message in the chat session. (Refer to the references.) Figure 5 This displays message list 300 for the first account, which includes multiple chat sessions. Optionally, such as... Figure 5 As shown in part (a) of the diagram, in response to a selection operation for chat session 301, such as Figure 5 As shown in part (b) of the diagram, the chat interface 302 corresponding to chat session 301 is displayed. Multiple social messages are displayed in chat interface 302. The first social message is the latest social message among the multiple social messages, and it is displayed in a first view layout. For example, social message 1 is a social message sent by "Charming Little Li," and its content is "Have you heard?"; social message 2 is a social message sent by "Shushu," and its content is "What's wrong?"; social message 3 is a social message sent by "Cute Villain," and its content is "Xu X posted an update saying he's releasing a new song~"; social message 4 is a social message sent by "Kaka," and its content is "Really?". Among these, social message 4 is the first social message, and it is the latest social message among the four social messages. Figure 5 As shown in Figure (b), social messages 4 are displayed in a first-view layout (enlarged display layout).

[0109] In this embodiment, by selecting the first social message from different dimensions, the platform can display the most suitable content according to different user needs and contexts, thereby enhancing user engagement and interactivity. This method of determining the first social message can adapt to different dialogue scenarios, enhancing the flexibility and personalization of the social experience.

[0110] Step 230: If the first triggering condition is met, display the first social message in the second view layout.

[0111] In some embodiments, the first social message is displayed in a second view layout in a chat session. The second view layout corresponds to a thumbnail display; that is, the second view layout is the view layout corresponding to the thumbnail display. In this embodiment, the second view layout may also be referred to as a thumbnail display layout.

[0112] In some embodiments, the layout elements of the second view layout include at least one of size, layout position, and account information of the first account. The size indicates the display area of ​​the message bubble carrying the first social information in the chat session. The layout position indicates the display position of the first social message in the chat session. The account information of the first account indicates the account information displayed in the chat session for the first social message.

[0113] Optionally, in the second view layout, the first social message is displayed at a second size corresponding to the second view layout; or, in the second view layout, the first social message is displayed at a second layout position corresponding to the second view layout; or, in the second view layout, the first social message is displayed with second information content corresponding to the second view layout.

[0114] In some embodiments, the second view layout and the first view layout differ in at least one of size, layout position, and account information of the first account. Optionally, the first social message differs in size under the first view layout and the second view layout; or, the first social message differs in layout position under the first view layout and the second view layout; or, the first social message differs in account information under the first view layout and the second view layout; or, the first social message differs in both size and layout position under the first view layout and the second view layout; or, the first social message differs in both size and account information under the first view layout and the second view layout; or, the first social message differs in both size, layout position, and account information under the first view layout and the second view layout. This application does not limit this.

[0115] In some embodiments, when a first triggering condition is met, the first social message is switched from a first view layout to a second view layout; that is, when the first triggering condition is met, the first social message is switched from a zoomed-in display layout to a zoomed-out display layout. The first triggering condition is the condition that causes the first social message to switch from the first view layout to the second view layout.

[0116] Optionally, if the first triggering condition is met, at least one of the following can be switched from the first view layout to the second view layout: size, layout position, and account information.

[0117] In summary, the method provided in this application, after receiving a first social message sent by a first account on a first client, displays the first social message in a zoomed-in view layout (first view layout). Upon meeting a trigger condition, such as receiving a new social message in a chat session, it displays the first social message in a zoomed-out view layout (second view layout). The first social message differs in at least one of the following display parameters: display size, display position, and account information. For example, the first social message may have a larger display size in the first view layout than in the second view layout, and the account information may be more abundant in the first view layout than in the second view layout. This method of changing the view layout of social messages upon meeting a trigger condition allows for dynamic display of social messages in a chat session. In this application embodiment, the first view layout is used to display the content of the first social message in detail, while the second view layout is used for quick browsing of the first social message. The second view layout provides a more compact display method, allowing for the display of more social messages within a limited space, thus improving the display efficiency of social messages.

[0118] This application describes two methods for switching view layouts:

[0119] Switching Method 1: The first social message is switched from the first view layout to the second view layout;

[0120] Switching Method 2: The first social message is switched from the second view layout to the first view layout.

[0121] In some embodiments, when a first triggering condition is met, the first social message is switched from a first view layout to a second view layout. When a second triggering condition is met, the first social message is switched from a second view layout to a first view layout. The first view layout is the view layout corresponding to zoomed-in display, and the second view layout is the view layout corresponding to zoomed-out display. The two different switching methods are described below.

[0122] The following section introduces the first switching method.

[0123] In some embodiments, upon meeting a first triggering condition, the display of the first social message is switched from a first view layout to a second view layout. The first triggering condition is the condition that initiates the switch from the first view layout to the second view layout. The first view layout is the view layout corresponding to zoomed-in display, and the second view layout is the view layout corresponding to zoomed-out display.

[0124] Optionally, if the first triggering condition is met, at least one of the following can be switched from the first view layout to the second view layout: size, layout position, and account information.

[0125] The following describes the switching process from the first view layout to the second view layout.

[0126] • The size of the first social message changes from the first view layout to the second view layout.

[0127] In some embodiments, when a first triggering condition is met, the first social message is switched from a first size corresponding to a first view layout to a second size corresponding to a second view layout.

[0128] The first trigger condition is the condition that triggers the first social message to switch from the first size to the second size. The first size is used to indicate the size of the display area of ​​the message bubble carrying the first social information in the first view layout, and the second size is used to indicate the size of the display area of ​​the message bubble carrying the first social message in the second view layout.

[0129] In some embodiments, under a first view layout, the first social message is displayed at a first size corresponding to the first view layout. Optionally, if a first triggering condition is met, the first social message is switched from being displayed at the first size corresponding to the first view layout to being displayed at a second size corresponding to the second view layout.

[0130] In some embodiments, the first view layout is the view layout corresponding to zoomed-in display, and the second view layout is the view layout corresponding to zoomed-out display. The first view layout corresponds to a first size, and the second view layout corresponds to a second size. Optionally, the size of the first size is larger than the size of the second size.

[0131] In this embodiment, the display size of the first social message changes when it switches between different view layouts. This change is automatically adjusted between different layout modes. In the first view layout, the display size of the social message is larger; while in the second view layout, the display size of the social message becomes smaller. This switching process can be automatically adjusted according to the layout mode to improve the user's browsing experience.

[0132] In some embodiments, the first social message is carried by a message bubble. The size indicates the area of ​​the message bubble carrying the first social information displayed in the chat session. Optionally, the size includes the width of the message bubble, or the size includes the height of the message bubble; or the size includes both the width and height of the message bubble.

[0133] In some embodiments, when a first triggering condition is met, the height and / or width of the message bubble is switched from a first size corresponding to a first view layout to a second size corresponding to a second view layout.

[0134] Optionally, the width of the message bubble can be switched from the first width corresponding to the first view layout to the second width corresponding to the second view layout; or, the height of the message bubble can be switched from the first height corresponding to the first view layout to the second height corresponding to the second view layout; or, the width of the message bubble can be switched from the first width corresponding to the first view layout to the second width corresponding to the second view layout, and the height of the message bubble can be switched from the first height corresponding to the first view layout to the second height corresponding to the second view layout.

[0135] The first width indicates the display width of the message bubble carrying the first social information in the first view layout, and the second width indicates the display width of the message bubble carrying the first social information in the second view layout. The first height indicates the display width of the message bubble carrying the first social information in the first view layout, and the second height indicates the display width of the message bubble carrying the first social information in the second view layout.

[0136] For example, in conjunction with the reference Figure 6 In chat session 400, the first social message 401 is displayed in a first-view layout, such as... Figure 6 As shown in part (a) of the figure, for example, the first social message 401 is a social message sent by "Student A", the message content of the first social message 401 is "How to play this game", the height of the message bubble carrying the first social message 401 is the first height, the width of the message bubble carrying the first social message 401 is the first width, and the size of the message bubble carrying the first social message 401 is the first size (see Figure 1). Figure 6 (Figure (a) shows the dimensions within the dashed box). When the first trigger condition is met, the first social message 401 is displayed in a second view layout. The height of the message bubble carrying the first social message 401 is the second height, the width of the message bubble carrying the first social message 401 is the second width, and the size of the message bubble carrying the first social message 401 is the second size (see Figure [link]). Figure 6(Figure (b) shows the dimensions within the dashed box). The first width is greater than the second width, the first height is greater than the second height, and the first dimension is greater than the second dimension.

[0137] In this embodiment, when switching between different view layouts, the size of the message bubble carrying the first social message is automatically adjusted, making the layout of the chat interface more suitable for the device's screen size and display characteristics. This method of adaptively adjusting the size of the message bubble according to different view layouts avoids a crowded chat interface or excessive blank space.

[0138] • The layout of the first social message has changed from the first view layout to the second view layout.

[0139] In some embodiments, when a first triggering condition is met, the first social message is switched from the first layout position corresponding to the first view layout to the second layout position corresponding to the second view layout.

[0140] The first trigger condition is the condition that causes the first social message to switch from the first layout position to the second layout position. The first layout position indicates the display position of the first social message in the chat session under the first view layout, and the second layout position indicates the display position of the first social message in the chat session under the second view layout.

[0141] In some embodiments, under a first view layout, the first social message is displayed at a first layout position corresponding to the first view layout. Optionally, if a first triggering condition is met, the first social message is switched from the first layout position corresponding to the first view layout to a second layout position corresponding to the second view layout.

[0142] In some embodiments, the first view layout is the view layout corresponding to zoomed-in display, and the second view layout is the view layout corresponding to zoomed-out display. The first view layout corresponds to a first layout position, and the second view layout corresponds to a second layout position. Optionally, the position of the first layout position in the chat session has higher importance than the position of the second layout position in the chat session. Here, position importance can also be referred to as position emphasis.

[0143] In some embodiments, positional importance refers to the level of importance of different layout positions within a chat session, indicating the display priority of different layout positions and the degree of visual focus of user attention. In a chat session, the first layout position has a higher display priority than the second layout position. That is, the first layout position may be more conspicuous and easily noticed, while the second layout position is relatively less conspicuous and may be located in a secondary position within the chat session. Because the first layout position has a higher display priority, users' eyes will first focus on the content in the first layout position when browsing the chat session.

[0144] For example, the first layout position is the central layout position in the chat session, that is, the first layout position corresponds to the user's visual focus center. For instance, the first layout position corresponds to the middle message area in the chat session. The second layout position is a non-central layout position in the chat session, that is, the second layout position corresponds to the user's non-visual focus center. For instance, the second layout position corresponds to the upper message area in the chat session.

[0145] In this embodiment, when a first triggering condition is met, the layout position of the first social message in the chat session changes. The first social message switches from one position (first layout position) to another position (second layout position), and the first layout position is more important than the second layout position in the chat session. This dynamic layout change can flexibly adjust the display strategy according to real-time needs, enhancing the clarity, hierarchy, and intelligent interaction of the chat interface.

[0146] In some embodiments, the first social message is carried by a message bubble. The layout position is used to indicate the display position of the first social message in the chat session. When a first triggering condition is met, the position of the message bubble in the chat session is switched from the first layout position corresponding to the first view layout to the second layout position corresponding to the second view layout.

[0147] In some embodiments, the second view layout includes one of a single-line exclusive layout and a side-by-side display layout. The single-line exclusive layout indicates that the first social message is displayed on a single line, while the side-by-side display layout indicates that the first social message and the second social message are displayed side-by-side on a single line. The second social message is a historical social message in the chat session. Optionally, the second social message is a historical social message sent by the first account, or it may be a historical social message sent by another account, for example, a historical social message sent by the second account.

[0148] In some embodiments, the second view layout includes one of a single-row exclusive layout and a side-by-side display layout. Optionally, if a first triggering condition is met, the first social message is displayed in a single-row exclusive layout; or, the first social message is displayed in a side-by-side display layout.

[0149] Optionally, the display type (single-line exclusive layout or side-by-side display layout) of the first social message in the second view layout is determined based on display factors. Display factors include at least one of the following: message length of the first social message, number of characters in the first social message, message type of the first social message, and number of third social messages. The third social message is the most recently received social message in the chat session. Optionally, the third social message may be a social message sent by one account, or it may be a social message sent by multiple accounts. This application does not limit this.

[0150] For example, when the length of the first social message does not reach a length threshold, it is displayed in a single-line exclusive layout if the first trigger condition is met; when the length of the first social message reaches the length threshold, it is displayed in a side-by-side layout if the first trigger condition is met. For example, when the number of characters in the first social message does not reach a character threshold, it is displayed in a single-line exclusive layout if the first trigger condition is met; when the number of characters in the first social message reaches the character threshold, it is displayed in a side-by-side layout if the first trigger condition is met. For example, when the number of message types in the first social message does not reach a preset number of types (e.g., the preset number of types is two, and the first social message only includes text messages), it is displayed in a single-line exclusive layout if the first trigger condition is met; when the number of message types in the first social message reaches a preset number of types (e.g., the preset number of types is two, and the first social message includes text messages and image messages), it is displayed in a side-by-side layout if the first trigger condition is met. For example, when the number of third social messages does not reach the quantity threshold, the first social message is displayed in a single-line exclusive layout if the first trigger condition is met; when the number of third social messages reaches the quantity threshold, the first social message and the second social message are displayed in a side-by-side layout if the first trigger condition is met.

[0151] It should be noted that the above are merely illustrative examples and do not constitute a limitation on single-line exclusive layouts and side-by-side display layouts. All implementation methods of these types are within the scope of protection of this application. For example, when the message length of the first social message reaches a length threshold, the first social message is displayed in a single-line exclusive layout if the first triggering condition is met; when the message length of the first social message does not reach the length threshold, the first social message and the second social message are displayed in a side-by-side layout if the first triggering condition is met. As another example, when the message word count of the first social message reaches a word count threshold, the first social message is displayed in a single-line exclusive layout if the first triggering condition is met; when the message word count of the first social message does not reach the word count threshold, the first social message and the second social message are displayed in a side-by-side layout if the first triggering condition is met. As yet another example, when the message type of the first social message reaches a preset number of types, the first social message is displayed in a single-line exclusive layout if the first triggering condition is met; when the message type of the first social message does not reach the preset number of types, the first social message and the second social message are displayed in a side-by-side layout if the first triggering condition is met. For example, when the number of third social messages reaches a certain threshold, the first social message is displayed in a single-line exclusive layout if the first triggering condition is met; when the number of third social messages does not reach the threshold, the first and second social messages are displayed in a side-by-side layout if the first triggering condition is met.

[0152] For example, in conjunction with the reference Figure 7 This will be illustrated using the example of determining the display type (single-row exclusive layout or side-by-side display layout) of the first social message in the second view layout based on the number of third social messages. Figure 7 As shown in part (a) of the diagram, chat session 500 displays a first social message 501 and a second social message 502. The first social message 501 is a social message sent by "Student B," and its content is "Don't you know how to play Candy Crush?" The second social message 502 is a social message sent by "Student A," and its content is "How do you play this game?" Figure 7 As shown in part (b) of the figure, when a third social message 503 is received and there is only one third social message 503, the first social message 501 and the second social message 502 are displayed side by side in a side-by-side layout.

[0153] In this embodiment, when switching between different view layouts, the layout position of the first social message in the chat session is automatically adjusted, making the layout of the chat interface more suitable for the device's screen size and display characteristics. This method of adaptively adjusting the layout position of the first social message in the chat session according to different view layouts avoids a crowded chat interface or excessive blank space. Based on display factors (message length of the first social message, number of characters in the first social message, message type of the first social message, and number of third social messages), the first social message is determined to be displayed in a single line side-by-side or exclusively in a single line. This display method helps optimize the display effect of the chat interface, making it more in line with user needs and improving the efficiency and readability of information transmission.

[0154] • The account information in the first social message has switched from a first-view layout to a second-view layout.

[0155] In some embodiments, when a first triggering condition is met, the account information of the first account corresponding to the first social message is switched from the first information content corresponding to the first view layout to the second information content corresponding to the second view layout.

[0156] The first trigger condition is the condition that causes the first social message to switch from the first information content to the second information content. The first information content is used to indicate the account information displayed in the first view layout, and the second information content is used to indicate the account information displayed in the second view layout.

[0157] In some embodiments, under a first view layout, the first social message is displayed with the first information content corresponding to the first view layout. Optionally, when a first triggering condition is met, the first social message is switched from displaying the first information content corresponding to the first view layout to displaying the second information content corresponding to the second view layout.

[0158] In some embodiments, the first view layout is the view layout corresponding to zoomed-in display, and the second view layout is the view layout corresponding to zoomed-out display. The first view layout corresponds to first information content, and the second view layout corresponds to second information content. Optionally, the content richness of the first information content is higher than the content richness of the second information content.

[0159] Optionally, the account information of the first account includes at least one of the following: a three-dimensional virtual avatar of the account, a two-dimensional avatar of the account, the account name, and the account status information. The account status information refers to the personalized status set by the account. For example, the user may set their personalized status to "busy" or "listening to music."

[0160] In some embodiments, the content richness of the first information content is higher than that of the second information content. For example, in the first view layout, the first information content corresponding to the first social message includes the account's three-dimensional virtual avatar and the account's status information; in the second view layout, the second information content corresponding to the first social message includes the account's status information.

[0161] In this embodiment, when the first social message switches between different view layouts, the account information of the first social message changes. This change is automatically adjusted between different layout modes. In the first view layout, the social message corresponds to the first information content; while in the second view layout, the social message corresponds to the second information content, and the content richness of the first information content is higher than that of the second information content. This switching process can be automatically adjusted according to the layout method to improve the user's browsing experience.

[0162] In some embodiments, account information includes a 3D virtual avatar of the account and a 2D avatar of the account. Upon meeting a first triggering condition, the first social message is switched from displaying the 3D virtual avatar of the account corresponding to the first view layout to displaying the 2D avatar of the account corresponding to the second view layout. The 3D virtual avatar of the account is the account's personalized character image.

[0163] In some embodiments, the 3D virtual avatar of an account can be a static virtual avatar, or it can be a dynamic virtual avatar. For example, the 3D virtual avatar of an account can be a virtual character that the account is dressed up as. Another example is a virtual pet that the account raises. This application embodiment mainly uses a virtual character as an example for illustration. This application embodiment does not limit the specific type of 3D virtual avatar.

[0164] For example, in conjunction with the reference Figure 8 In chat session 600, the first social message 601 is displayed in a first-view layout, such as... Figure 8 As shown in part (a) of the diagram, the first social message 601 corresponds to the first information content of the account's three-dimensional virtual avatar 602 in the first view layout. Under the condition of satisfying the first triggering condition, such as Figure 8 As shown in part (b) of the figure, the three-dimensional virtual image 602 of the account corresponding to the first view layout is switched to the two-dimensional avatar 603 of the account corresponding to the second view layout.

[0165] In some embodiments, the account's 3D virtual avatar can also be a dynamic virtual avatar. Optionally, the actions of the 3D virtual avatar are related to the message content of the first social message.

[0166] Optionally, if the content of the first social message is related to positive emotions, the 3D virtual avatar performs a first type of action. If the content of the first social message is related to negative emotions, the 3D virtual avatar performs a second type of action. If the content of the first social message is related to neutral emotions, the 3D virtual avatar performs a third type of action.

[0167] The first type of actions is associated with positive emotions, manifesting as active, cheerful, or excited movements. Examples include smiling, waving, and jumping. The second type of actions is associated with negative emotions, manifesting as negative, sad, or angry movements. Examples include bowing one's head, sighing, shaking one's head, and sitting down listlessly. The third type of actions is associated with neutral emotions, manifesting as calm, neutral, or objective movements. Examples include standing, nodding, and simple gestures.

[0168] In this embodiment, under the first triggering condition, switching the 3D virtual avatar to a 2D avatar allows for the display of different user images based on different view layouts, providing a more flexible display method. The 3D virtual avatar represents the account's personalized character image. This personalized design allows users to display themselves in their own unique way in different scenarios or situations, enhancing the immersiveness and interactivity of virtual interaction.

[0169] • First trigger condition

[0170] In some embodiments, when a first triggering condition is met, the first social message is switched from a first size corresponding to a first view layout to a second size corresponding to a second view layout. Optionally, the first social message is carried by a message bubble, and the height and / or width of the message bubble is switched from the first size corresponding to the first view layout to the second size corresponding to the second view layout.

[0171] In some embodiments, when a first triggering condition is met, the first social message is switched from its first layout position corresponding to the first view layout to its second layout position corresponding to the second view layout. Optionally, the first social message is carried by a message bubble, and the position of the message bubble in the chat session is switched from its first layout position corresponding to the first view layout to its second layout position corresponding to the second view layout. The second view layout includes one of a single-line exclusive layout and a side-by-side display layout.

[0172] In some embodiments, when a first triggering condition is met, the account information of the first account corresponding to the first social message is switched from the first information content corresponding to the first view layout to the second information content corresponding to the second view layout. Optionally, the first social message is switched from displaying the three-dimensional virtual image of the account corresponding to the first view layout to displaying the two-dimensional avatar of the account corresponding to the second view layout.

[0173] In some embodiments, the first triggering condition described above includes at least one of the following:

[0174] • Received a third-party social message, which is the latest social message in the chat session;

[0175] • The number of first and second social messages has reached the preset number;

[0176] • The message bubble carrying the first social message touches the bottom of the chat window;

[0177] • The first social message contains preset keywords.

[0178] In some embodiments, the first trigger condition is receiving a third social message. The third social message is the latest social message in the chat session. Optionally, the third social message is one or more social messages sent by one account, or it may be social messages sent by multiple accounts. Upon receiving at least one third social message, the first social message is switched from the first view layout to the second view layout.

[0179] In some embodiments, the first triggering condition is that the number of first social messages and second social messages reaches a preset number. Here, the second social message is a historical social message in the chat session; it can also be understood as a historical social message received in the chat session before the first social message was received. Optionally, the second social message is one or more social messages sent by a single account, or it may be social messages sent by multiple accounts. When the number of first social messages and second social messages reaches the preset number, the display of the first social message is switched from the first view layout to the second view layout.

[0180] In some embodiments, the first triggering condition is that the message bubble carrying the first social message touches the bottom of the chat window. The chat window is the window containing the chat session receiving the first social message. Optionally, when the message bubble carrying the first social message touches the bottom of the chat window, it indicates that the message bubble is large, and the first social message is switched from a first view layout to a second view layout to receive new social messages in the chat session.

[0181] In some embodiments, the first triggering condition is that the first social message contains a preset keyword. The preset keyword is the keyword that triggers the first social message to switch from a first view layout to a second view layout. Optionally, the preset keyword includes at least one of words, emoticons, special symbols, or other string types. For example, the preset keyword could be the words "zoom out" or "switch view." Another example is the special symbol "#". When the first social message contains a preset keyword, the first social message is switched from the first view layout to the second view layout.

[0182] In this embodiment, when a first trigger condition is met, the first social message switches from a first view layout to a second view layout. Switching the view layout by meeting the first trigger condition enhances the interactivity during the chat. Furthermore, by setting multiple first trigger conditions, the system can more flexibly respond to various situations, avoiding the failure to trigger the view layout due to a single condition not being met. This multi-dimensional judgment enhances the system's adaptability.

[0183] The second switching method will be introduced below.

[0184] In some embodiments, when a second triggering condition is met, the display of the first social message is switched from the second view layout to the first view layout. The second triggering condition is the condition that initiates the switch of the first social message from the second view layout to the first view layout. The first view layout is the view layout corresponding to zoomed-in display, and the second view layout is the view layout corresponding to zoomed-out display.

[0185] Optionally, if the second triggering condition is met, at least one of the following can be switched from the second view layout to the first view layout: size, layout position, and account information.

[0186] In this embodiment of the application, when the second triggering condition is met, the first social message can be switched between different view layouts, and the display method can be adjusted according to specific view requirements, which can improve user experience and interface adaptability.

[0187] The following describes the switching process from the second view layout to the first view layout.

[0188] • The size of the first social message changes from the second view layout to the first view layout.

[0189] In some embodiments, when a second triggering condition is met, the first social message is switched from the second size corresponding to the second view layout to the first size corresponding to the first view layout.

[0190] The second trigger condition is the condition that triggers the first social message to switch from the second size to the first size. The first size is used to indicate the size of the display area of ​​the message bubble carrying the first social information in the first view layout, and the second size is used to indicate the size of the display area of ​​the message bubble carrying the first social message in the second view layout.

[0191] In some embodiments, the first social message is displayed at a second size corresponding to the second view layout in the second view layout. Optionally, if a second triggering condition is met, the first social message is switched from the second size corresponding to the second view layout to the first size corresponding to the first view layout. Optionally, the size of the second size is smaller than the size of the first size.

[0192] In some embodiments, the first social message is carried by a message bubble. The size indicates the area of ​​the message bubble carrying the first social information displayed in the chat session. Optionally, the size includes the width of the message bubble, or the size includes the height of the message bubble; or the size includes both the width and height of the message bubble.

[0193] In some embodiments, when a second triggering condition is met, the height and / or width of the message bubble is switched from the second size corresponding to the second view layout to the first size corresponding to the first view layout.

[0194] For details, please refer to the above introduction on "Switching the size of the first social message from the first view layout to the second view layout", which will not be repeated here.

[0195] • The layout of the first social message has been changed from the second view layout to the first view layout.

[0196] In some embodiments, when a second triggering condition is met, the first social message is switched from the second layout position corresponding to the second view layout to the first layout position corresponding to the first view layout.

[0197] The second trigger condition is the condition that causes the first social message to switch from the second layout position to the first layout position. The first layout position indicates the display position of the first social message in the chat session under the first view layout, and the second layout position indicates the display position of the first social message in the chat session under the second view layout.

[0198] In some embodiments, under the second view layout, the first social message is displayed at the second layout position corresponding to the second view layout. Optionally, when a second triggering condition is met, the first social message is switched from the second layout position corresponding to the second view layout to the first layout position corresponding to the first view layout. Optionally, the positional importance of the second layout position in the chat session is lower than the positional importance of the first layout position in the chat session.

[0199] In some embodiments, the first social message is carried by a message bubble. The layout position indicates the display position of the first social message in the chat session. Upon meeting a second triggering condition, the message bubble's position in the chat session is switched from the second layout position corresponding to the second view layout to the first layout position corresponding to the first view layout. The second view layout includes one of a single-line exclusive layout and a side-by-side display layout.

[0200] Optionally, if the second triggering condition is met, the first social message is switched from a single-line exclusive layout to a first view layout; or, if the second triggering condition is met, the first social message is switched from a side-by-side display layout to a first view layout.

[0201] For details, please refer to the above introduction on "the layout position of the first social message is changed from the first view layout to the second view layout", which will not be repeated here.

[0202] • The account information in the first social message has switched from a second-view layout to a first-view layout.

[0203] In some embodiments, when the second triggering condition is met, the account information of the first account corresponding to the first social message is switched from the second information content corresponding to the second view layout to the first information content corresponding to the first view layout.

[0204] The second triggering condition is the condition that causes the first social message to switch from the second information content to the first information content. The first information content is used to indicate the account information displayed in the first view layout, and the second information content is used to indicate the account information displayed in the second view layout.

[0205] In some embodiments, under the second view layout, the first social message is displayed with the second information content corresponding to the second view layout. Optionally, when a second triggering condition is met, the first social message is switched from displaying the second information content corresponding to the second view layout to displaying the first information content corresponding to the first view layout. Optionally, the content richness of the second information content is lower than that of the first information content.

[0206] In some embodiments, account information includes a 3D virtual avatar and a 2D profile picture of the account. Upon meeting a second triggering condition, the first social message is switched from displaying the 2D profile picture of the account corresponding to the second view layout to displaying the 3D virtual avatar of the account corresponding to the first view layout. The 3D virtual avatar of the account is the account's personalized character image.

[0207] For details, please refer to the above introduction on "The account information of the first social message is switched from the first view layout to the second view layout", which will not be repeated here.

[0208] In this embodiment, by switching the first social message between different view layouts, the display method can be adjusted according to specific view requirements. For example, the size of the first social message can be switched (from the second size to the first size), the layout position of the first social message can be switched (from the second layout position to the first layout position), and the account information of the first social message can be switched (from a two-dimensional avatar to a three-dimensional virtual image). Based on user interaction or automatic system adjustments, the view layout of the social message can be changed, making the chat interface clearer and optimizing the presentation of social messages according to different layout requirements. This mechanism not only makes information display clearer and more personalized but also improves the system's interactive smoothness and responsiveness.

[0209] Second trigger condition

[0210] In some embodiments, when a second triggering condition is met, the first social message is switched from a second size corresponding to the second view layout to a first size corresponding to the first view layout. Optionally, the first social message is carried by a message bubble, and the height and / or width of the message bubble is switched from a second size corresponding to the second view layout to a first size corresponding to the first view layout.

[0211] In some embodiments, when a second triggering condition is met, the first social message is switched from the second layout position corresponding to the second view layout to the first layout position corresponding to the first view layout. Optionally, the first social message is carried by a message bubble, and the position of the message bubble in the chat session is switched from the second layout position corresponding to the second view layout to the first layout position corresponding to the first view layout. The second view layout includes one of a single-line exclusive layout and a side-by-side display layout.

[0212] In some embodiments, when a second triggering condition is met, the account information of the first account corresponding to the first social message is switched from the second information content corresponding to the second view layout to the first information content corresponding to the first view layout. Optionally, the first social message is switched from the two-dimensional avatar of the account corresponding to the second view layout to the three-dimensional virtual image of the account corresponding to the first view layout.

[0213] In some embodiments, the second triggering condition described above includes at least one of the following:

[0214] • Received a retraction request for a third-party social media message;

[0215] • Received a delete request for a message from a third-party social media platform;

[0216] • Received a request to view the first social message;

[0217] • Received a swipe action on the message bubble carrying the first social message.

[0218] In some embodiments, the second triggering condition includes receiving a retraction operation for a third social message. The third social message is the latest social message in the chat session. Optionally, upon receiving a retraction operation for a third social message, the first social message is switched from the second view layout to the first view layout. When the first social message is in a single-line exclusive layout, upon receiving a retraction operation for a third social message, the first social message is switched from the single-line exclusive layout to the first view layout. When the first social message is in a side-by-side display layout, upon receiving a retraction operation for a third social message, the first social message is switched from the side-by-side display layout to the first view layout, and the second social message in the side-by-side display layout is switched to a single-line exclusive layout.

[0219] In some embodiments, the second triggering condition includes receiving a deletion operation for a third social message. The third social message is the latest social message in the chat session. Optionally, upon receiving a deletion operation for a third social message, the first social message is switched from a second view layout to a first view layout. When the first social message is in a single-line exclusive layout, upon receiving a deletion operation for a third social message, the first social message is switched from a single-line exclusive layout to a first view layout. When the first social message is in a side-by-side display layout, upon receiving a deletion operation for a third social message, the first social message is switched from a side-by-side display layout to a first view layout, and the second social message in the side-by-side display layout is switched to a single-line exclusive layout.

[0220] In some embodiments, the second triggering condition includes receiving a viewing operation on the first social message. The viewing operation on the first social message includes, but is not limited to, at least one of the following: a click operation, a double-click operation, a tap operation, a long-press operation, and a drag operation on the first social message. Upon receiving a viewing operation on the first social message, the first social message is switched from the second view layout to the first view layout.

[0221] In some embodiments, the second triggering condition includes receiving a swipe operation on a message bubble carrying the first social message. The swipe operation includes at least one of a left swipe, a right swipe, an up swipe, a down swipe, a custom swipe, or other swipe operations. Optionally, upon receiving a swipe operation on the message bubble, the first social message is switched from the second view layout to the first view layout.

[0222] In some embodiments, different message bubbles in a chat session may display different colors. Optionally, the display color of the message bubble may be related to the theme color of the account's 3D virtual avatar, or the display color of the message bubble may be related to the message content of the first social message.

[0223] For example, the display color of the message bubble is related to the theme color of the account's 3D avatar. For instance, if the avatar's theme color is blue, the message bubble will display in blue. Or, for example, if the avatar's theme color is pink, the message bubble will display in pink.

[0224] For example, the display color of the message bubble is related to the message content of the first social message. When the message content of the first social message includes positive sentiment words, the display color of the message bubble is a first display color; when the message content of the first social message includes negative sentiment words, the display color of the message bubble is a second display color; and when the message content of the first social message includes neutral sentiment words, the display color of the message bubble is a third display color. For example, if the message content of the first social message includes "happy," the display color of the message bubble is pink. As another example, if the message content of the first social message includes "sad," the display color of the message bubble is blue.

[0225] In this embodiment, by associating the display color of the message bubble with the theme color of the account's 3D virtual avatar or the message content, personalization can be enhanced, the emotional expression of the message can be improved, and the interactivity and usability of the interface can be optimized. This not only makes social interaction more vivid and layered, but also improves the efficiency of information transmission and the user experience.

[0226] In this embodiment, when a user performs certain specific operations (such as recalling or deleting a third social message, viewing a first social message, or swiping a message bubble), the system automatically adjusts the display method of the first social message according to the operation type, switching the display of the first social message from the second view layout to the first view layout. Dynamically switching the display layout of the first social message based on different trigger conditions improves the flexibility, clarity, and smoothness of the user experience. By automatically adjusting the layout in response to user operations, interface clutter is reduced, the hierarchy of information display is enhanced, the interface becomes more intuitive and adaptable, and operation feedback is more timely, thereby optimizing the overall user interaction experience.

[0227] The embodiments of this application can be applied to various chat interfaces, such as the conversation interface in instant messaging programs; the conversation interface provided by social networking programs; the comment interface in live streaming scenarios; and the conversation interface provided by office programs. The embodiments of this application do not limit the application scenarios.

[0228] Next, with reference to specific schematic diagrams, we will provide a detailed explanation of the various schematic diagrams of the social message display method provided in this embodiment and the technical implementation methods of the backend.

[0229] In some embodiments, social messages appear sequentially in the order they were sent in a chat session. When multiple social messages exist in a chat session, taking the first social message as the latest one as an example and the second social message as a historical social message in the chat session as an example, the first social message (the latest social message) is displayed in a first view layout, and the second social message (historical social message) is displayed in a second view layout.

[0230] In some embodiments, upon meeting a first triggering condition, the first social message is switched from a first view layout to a second view layout. Optionally, upon receiving a third social message, the first social message is switched from the first view layout to the second view layout. In this case, the third social message is a newly sent social message after the first social message, and it is the latest social message in the current chat session. The third social message is displayed in the chat session in the first view layout, while the first and second social messages are displayed in the chat session in the second view layout. When a new social message is received again in the chat session, the above steps are repeated.

[0231] For example, in conjunction with the reference Figure 9 In chat session 700, social messages appear sequentially, such as... Figure 9 As shown in part (a) of the figure, when there is only one social message 701 in the chat session, the social message 701 is displayed in the first view layout, and the three-dimensional virtual image corresponding to the social message 701 is displayed.

[0232] When chat session 700 receives a new social message, the latest social message is displayed in a first-view layout. For example... Figure 9 As shown in Figure (b), when the chat session 700 receives a new social message 702, it displays the social message 702 in a first view layout, displays the three-dimensional virtual image corresponding to the social message 702, and switches the social message 701 from the first view layout to the second view layout.

[0233] When chat session 700 receives a new social message, the latest social message is displayed in a first-view layout. For example... Figure 9 As shown in Figure (c), when chat session 700 receives a new social message 703, it displays social message 703 in a first view layout, displays the corresponding 3D virtual image of social message 703, and switches the display of the aforementioned social message 702 from the first view layout to a second view layout. Optionally, the second view layout is a side-by-side display layout, in which the aforementioned social message 701 and the aforementioned social message 702 are displayed side-by-side in a row.

[0234] When chat session 700 receives a new social message, the latest social message is displayed in a first-view layout. For example... Figure 9 As shown in Figure (d), when chat session 700 receives a new social message 704, it displays the social message 704 in a first view layout, displays the corresponding 3D virtual image of the social message 704, and switches the display of the aforementioned social message 703 from the first view layout to a second view layout. Optionally, the second view layout is a single-line exclusive layout, where the social message 703 is displayed on a single line.

[0235] In some embodiments, social messages in a chat session are carried by message bubbles. Taking a first social message as an example, when the first social message switches from a first view layout to a second view layout in the chat session, it can also be understood that the message bubble carrying the first social message switches from the first view layout to the second view layout. Similarly, when the first social message switches from a second view layout to a first view layout in the chat session, it can also be understood that the message bubble carrying the first social message switches from the second view layout to the first view layout.

[0236] In some embodiments, the size and layout position of the message bubble carrying the first social message in the chat session are calculated. Optionally, the size of the message bubble is divided into two states based on the time order of the message bubbles in the chat session: a maximum size (corresponding to the first size) and a shrunk size (corresponding to the second size). The shrunk size is further divided into a single-line exclusive size (corresponding to a single-line exclusive layout) and a side-by-side display size (corresponding to a side-by-side display layout).

[0237] For example, in conjunction with the reference Figure 10 ,like Figure 10 As shown in part (a) of the diagram, the latest message bubble (the message bubble carrying the latest social message) has the largest size (first size), while the non-latest message bubble (the message bubble carrying the latest social message) has a shrunk size (second size). The shrunk size is further divided into single-line exclusive size and side-by-side display size. Figure 10 As shown in sections (b) and (c), the message bubbles displayed in a single row are of the single-row size, while the message bubbles displayed side by side are of the side-by-side size.

[0238] Optionally, the size of the message bubble is calculated based on the screen width, a fixed screen safety margin, a fixed spacing between message bubbles, and the content height of the message bubble. The fixed spacing between message bubbles includes the fixed spacing between top and bottom bubbles and the fixed spacing between left and right bubbles.

[0239] In some embodiments, message bubbles in a chat session are displayed in a flow layout. For example, referring to the references... Figure 11 The layout mechanism proceeds from left to right first, then from top to bottom. Specifically, the subviews (each message bubble, or each bubble carrying a social message) in the chat session are arranged sequentially from left to right in the order they are added. When the remaining width of the layout view is insufficient to accommodate the width of a new subview (new message bubble), a new line is started, and the arrangement resumes from left to right. If a subview's width is even wider than the layout view, its width is compressed to match the layout view's width. The final result is that the subviews are arranged sequentially from left to right and from top to bottom, with the number of views in each row being variable.

[0240] To facilitate layout, the structure corresponding to each social message (or each message bubble carrying a social message) has been modified. Whenever a new social message (or message bubble carrying a new social message, i.e., the latest message bubble) is inserted, the height information of the social message (or message bubble carrying a social message) in its three forms will be stored locally along with the message structure. The message structure is as follows:

[0241] MsgInfo

[0242] (Existing message structure data)

[0243] rich_height:uint32 (height of the latest message bubble)

[0244] simple_height:uint32 (height of the second-to-last message bubble)

[0245] half_height:uint32 (height of message bubbles displayed side-by-side)

[0246] As shown in the message structure above, three fields will be added to the existing message structure data. This eliminates the need to recalculate the height of the message bubble carrying the social message every time the UI (User Interface) is refreshed. Instead, the height value of the corresponding shape can be obtained based on the position of the message bubble. When receiving / sending a social message, the social message will be preprocessed.

[0247] Figure 12 This is a flowchart of a method for displaying social messages provided in one embodiment of this application.

[0248] Step 1: Receive / send social messages;

[0249] Step 2: Whether to perform preprocessing;

[0250] Step 3: Preprocessing failed;

[0251] Step 4: Calculate the height of the message bubble;

[0252] Among them, message bubbles are message bubbles used to carry social messages.

[0253] Step 5: Calculate the latest message bubble height;

[0254] In some embodiments, the latest social message in the chat session is displayed in a first view layout. When calculating the latest message bubble (the message bubble carrying the latest social message) in the chat session, the height of the latest message bubble is determined based on the account information (3D virtual avatar, account name, etc.) and the message content of the social message. Optionally, the height of the latest message bubble is visually represented using a ternary operator. The ternary operator is shown below:

[0255] What is the latest message bubble height: (Account information height > Message content height)? (Account information height : Message content height)

[0256] The height of the account information can be considered as the height of the three-dimensional virtual image.

[0257] Taking the latest social message as the first social message as an example. Optionally, the account information and message content of the first social message are obtained, compared, and the height of the message bubble carrying the first social message is determined based on the first comparison result. If the first comparison result shows that the height of the account information is greater than the height of the message content, the height of the message bubble carrying the first social message is determined to be the height of the account information; if the first comparison result shows that the height of the account information is not greater than the height of the message content, the height of the message bubble carrying the first social message is determined to be the height of the message content.

[0258] For example, in conjunction with the reference Figure 13 Taking account information, including the account's 3D virtual avatar, as an example, and using the first social message as the latest social message as an example, the height of the latest message bubble is calculated by comparing the height of the 3D virtual avatar with the height of the message content. For example... Figure 13 As shown in part (a) of the diagram, when the height of the 3D virtual avatar is greater than the height of the message content, the height of the latest message bubble is the height of the 3D virtual avatar. For example... Figure 13 As shown in part (b) of the figure, when the height of the 3D virtual image is less than the height of the message content, the height of the latest message bubble is the height of the message content.

[0259] Step 6: Calculate the height of a single-line exclusive message bubble;

[0260] Rules for the height of a single-line exclusive message bubble:

[0261] What is the height of a single-line exclusive message bubble: (Minimum message bubble height > Message content height)? (Minimum message bubble height : Message content height)

[0262] A single-line exclusive message bubble can be considered a bubble carrying historical social messages (relative to the latest social message). Taking the second social message as an example of a historical social message. Optionally, the minimum value of the message bubble and the height of the message content are obtained. The minimum value of the message bubble and the height of the message content are compared, and the height of the message bubble carrying the second social message is determined based on the second comparison result. If the second comparison result shows that the minimum value of the message bubble is greater than the height of the message content, the height of the message bubble carrying the second social message is determined to be the minimum value of the message bubble; if the second comparison result shows that the minimum value of the message bubble is not greater than the height of the message content, the height of the message bubble carrying the second social message is determined to be the height of the message content.

[0263] For example, in conjunction with the reference Figure 14Taking the second social message as an example (historical social messages) and the account information including the account's two-dimensional avatar, and considering the message bubble carrying the second social message as a single-line exclusive message bubble, the height of the single-line exclusive message bubble is calculated by comparing the minimum height of the message bubble with the height of the message content. That is, the height corresponding to the minimum height of the message bubble is compared with the height of the message content. Figure 14 As shown in part (a) of the diagram, when the height corresponding to the minimum message bubble is greater than the height of the message content, the height of a single-line exclusive message bubble is the height corresponding to the minimum message bubble. Figure 14 As shown in part (b) of the figure, when the height corresponding to the minimum message bubble is less than the height of the message content, the height of the message bubble that occupies a single line is the height of the message content.

[0264] Step 7: Calculate the height of the message bubbles displayed side by side;

[0265] In some embodiments, the height calculation rules for side-by-side message bubbles are the same as those for single-row exclusive message bubbles. However, when calculating the height of side-by-side message bubbles, the width becomes half the width of a single-row exclusive bubble. When UI layout is not used, the height value saved in the message structure is the actual calculated height.

[0266] In a streaming layout, the layout is determined by the position of each social message and its corresponding height value. The width and height of the latest message bubble remain unchanged and are determined directly by the `red_height` stored in the message structure data. For exclusive and parallel historical message bubbles, the height is determined by the information of nearby message bubbles. Typically, the height of an exclusive single-line historical message bubble is stored in the local message as `simple_height`, while the height of a parallel line of historical message bubbles is `half_height`.

[0267] Step 8: Assemble the new message structure data;

[0268] Step 9: Insert the latest message bubble.

[0269] In flow layouts, there's a special scenario where significantly different calculated heights of side-by-side message bubbles can create a jarring effect, resulting in large gaps in the UI layout and interaction. To address this issue, the single-row message bubbles at the bottom are merged into a single row of message bubbles. For example, refer to the reference... Figure 15 ,like Figure 15As shown in part (a) of the diagram, message bubbles 801 and 802 are displayed side-by-side. The significant difference in height between message bubbles 801 and 802 results in large gaps in the UI layout. Therefore, message bubble 803, which occupies a single row below, is merged. (See diagram for reference.) Figure 15 As shown in Figure (b), message bubbles 801, 803, and 802 are merged into a single line for display. That is, message bubble 803 changes from a single-line layout to a side-by-side display layout. (Refer to the reference.) Figure 16 The layout mechanism for the aforementioned special scenarios proceeds from top to bottom, then from left to right. There's a nesting mechanism between horizontal and vertical layout priorities; a horizontal layout can nest a vertically laid-out UI, allowing two messages of the same horizontal dimension to be displayed side-by-side in a row. When refreshing the UI, the width and height of each message bubble in the flow layout are determined as follows: Figure 17 As shown in the steps, Figure 17 This is a flowchart of a method for displaying social messages provided in one embodiment of this application.

[0270] Step 1: Receive / send social messages;

[0271] Step 2: Determine if it's a recent social media post;

[0272] Step 3: Retrieve the width and height (rich_height) from the message data;

[0273] In some embodiments, during the process of receiving / sending social messages, the required height of each social message (i.e., the message bubble carrying the social message) in different view layouts is calculated and saved locally along with the message structure data. During UI layout, the height in the message structure data is obtained according to different scenarios for layout. The main focus is on obtaining different heights based on the different positions of the social message in the message list. In UI layout, the main focus is on whether the social message is the last four social messages. If it is the last four social messages, the height will be determined based on the height of the nearby social messages.

[0274] Step 4: Determine if it is the last four social media messages;

[0275] Step 5: Adaptive message processing;

[0276] Step 6: Obtain the width and height (half_height) from the message data;

[0277] Step 7: Perform the first judgment logic;

[0278] The first judgment logic is: the height of the third-to-last social message is greater than or equal to (the height of the second-to-last social message + the height of the fourth-to-last social message).

[0279] Step 8: Perform the second judgment logic;

[0280] The second judgment logic is: the height of the fourth-to-last social message is greater than or equal to (the height of the second-to-last social message + the height of the third-to-last social message).

[0281] Step 9: Social messages are displayed as single lines and merged into single lines;

[0282] Step 10: Perform the third judgment logic;

[0283] The third judgment logic is to determine whether it is the third / fourth to last social message.

[0284] Step 11: Obtain the width and height (simple_height) from the message data;

[0285] Step 12: Obtain the width and height (half_height) from the message data.

[0286] Figure 18 This diagram illustrates a structural block diagram of a social message display device according to an embodiment of this application. The device has the functionality to implement the above-described example of a social message-based display method. This functionality can be implemented in hardware or by hardware executing corresponding software. The device can be the first client described above, or it can be located within the first client. Figure 18 As shown, the device may include a receiving module 1810 and a display module 1820.

[0287] The receiving module 1810 is used to receive the first social message sent by the first account in the chat session;

[0288] Display module 1820 is used to display the first social message in a first view layout, wherein the first view layout is the view layout corresponding to the zoomed-in display.

[0289] Display module 1820 is used to display the first social message in a second view layout when the triggering condition is met. The second view layout is the view layout corresponding to the thumbnail display.

[0290] The second view layout differs from the first view layout in at least one of the following: size, layout position, and account information of the first account.

[0291] In some embodiments, the display module 1820 further includes a display submodule.

[0292] In an optional example, a submodule is displayed to switch the display of the first social message from a first size corresponding to the first view layout to a second size corresponding to the second view layout;

[0293] The display submodule is used to switch the display of the first social message from the first layout position corresponding to the first view layout to the second layout position corresponding to the second view layout.

[0294] The display submodule is used to switch the display of the account information of the first account corresponding to the first social message from the first information content corresponding to the first view layout to the second information content corresponding to the second view layout.

[0295] Wherein, the size of the first dimension is larger than the size of the second dimension, the position of the first layout in the chat session is more important than the position of the second layout in the chat session, and the content richness of the first information content is higher than the content richness of the second information content.

[0296] In some embodiments, the display submodule further includes a display unit.

[0297] In an optional example, the first social message is carried by a message bubble; the display unit is used to switch the height and / or width of the message bubble from a first size corresponding to the first view layout to a second size corresponding to the second view layout.

[0298] In an optional example, the first social message is carried by a message bubble; the display unit is used to switch the position of the message bubble in the chat session from a first layout position corresponding to the first view layout to a second layout position corresponding to the second view layout;

[0299] The second view layout includes one of a single-line exclusive layout and a side-by-side display layout. The single-line exclusive layout is used to indicate that the first social message is displayed on a single line, and the side-by-side display layout is used to indicate that the first social message and the second social message are displayed side-by-side on a single line. The second social message is a historical social message in the chat session.

[0300] In one optional example, the account information includes a three-dimensional virtual avatar of the account and a two-dimensional profile picture of the account;

[0301] The display unit is used to switch the display of the first social message from the three-dimensional virtual image of the account corresponding to the first view layout to the two-dimensional avatar of the account corresponding to the second view layout;

[0302] The three-dimensional virtual image of the account is the personalized avatar of the account.

[0303] In one optional example, the first triggering condition includes at least one of the following:

[0304] A third social message is received, which is the latest social message in the chat session;

[0305] The number of the first social message and the second social message has reached a preset number;

[0306] The message bubble carrying the first social message touches the bottom of the chat window;

[0307] The first social message contains preset keywords.

[0308] In an optional example, the display module 1820 is configured to switch the display of the first social message from the second view layout to the first view layout when a second triggering condition is met.

[0309] In an optional example, a submodule is displayed to switch the display of the first social message from the second size corresponding to the second view layout to the first size corresponding to the first view layout;

[0310] The display submodule is used to switch the display of the first social message from the second layout position corresponding to the second view layout to the first layout position corresponding to the first view layout.

[0311] The display submodule is used to switch the display of the account information of the first account corresponding to the first social message from the second information content corresponding to the second view layout to the first information content corresponding to the first view layout.

[0312] The second view layout includes either a single-row exclusive layout or a side-by-side display layout.

[0313] In one optional example, the second triggering condition includes at least one of the following:

[0314] Received a retraction operation for the third social message;

[0315] A deletion operation was received for the third social message;

[0316] Received a view operation for the first social message;

[0317] A swipe operation is received for the message bubble carrying the first social message.

[0318] In one optional example, the display color of the message bubble is related to the theme color of the account's 3D virtual avatar, or the display color of the message bubble is related to the message content of the first social message.

[0319] It should be noted that the specific limitations of the embodiments of the one or more social message display devices provided above can be found in the limitations of the social message display method above, and will not be repeated here. Each module of the above device can be implemented entirely or partially by software, hardware, or a combination thereof. Each module can be embedded in the processor of the computer device in hardware form or independent of the processor of the computer device, or it can be stored in the memory of the computer device in software form, so that the processor can call and execute the corresponding operations of each module.

[0320] The sequence numbers of the embodiments in this application are for descriptive purposes only and do not represent the superiority or inferiority of the embodiments.

[0321] This application also provides a computer device, which includes a processor and a memory. The memory stores at least one computer program, which is loaded and executed by the processor to implement the social message display method provided in the above-described method embodiments.

[0322] Figure 19 This illustration shows a structural block diagram of a computer device 2800 provided in an exemplary embodiment of this application. The computer device 2800 may be a portable mobile terminal, such as a smartphone, tablet computer, MP3 player (Moving Picture Experts Group Audio Layer III), or MP4 player (Moving Picture Experts Group Audio Layer IV). The computer device 2800 may also be referred to as a user device, portable terminal, or other names. Typically, the computer device 2800 includes a processor 2801 and a memory 2802.

[0323] Processor 2801 may include one or more processing cores, such as a quad-core processor, an octa-core processor, etc. Processor 2801 may be implemented using at least one hardware form selected from DSP (Digital Signal Processing), FPGA (Field Programmable Gate Array), and PLA (Programmable Logic Array). Processor 2801 may also include a main processor and a coprocessor. The main processor, also known as a CPU (Central Processing Unit), is used to process data in the wake-up state; the coprocessor is a low-power processor used to process data in the standby state. In some embodiments, processor 2801 may integrate a GPU (Graphics Processing Unit), which is responsible for rendering and drawing the content to be displayed on the screen. In some embodiments, processor 2801 may also include an AI (Artificial Intelligence) processor, which is used to handle computational operations related to machine learning.

[0324] The memory 2802 may include one or more computer-readable storage media, which may be tangible and non-transitory. The memory 2802 may also include high-speed random access memory and non-volatile memory, such as one or more disk storage devices or flash memory devices. In some embodiments, the non-transitory computer-readable storage media in the memory 2802 is used to store at least one instruction, which is executed by the processor 2801 to implement the social message display method provided in the embodiments of this application.

[0325] In some embodiments, the computer device 2800 may optionally include a peripheral device interface 2803 and at least one peripheral device. The processor 2801, memory 2802, and peripheral device interface 2803 can be connected via a bus or signal line. Each peripheral device can be connected to the peripheral device interface 2803 via a bus, signal line, or circuit board. Specifically, the peripheral device includes at least one of the following: a radio frequency circuit 2804, a touch display screen 2805, a camera assembly 2806, an audio circuit 2807, and a power supply 2808.

[0326] Peripheral device interface 2803 can be used to connect at least one I / O (Input / Output) related peripheral device to processor 2801 and memory 2802. In some embodiments, processor 2801, memory 2802 and peripheral device interface 2803 are integrated on the same chip or circuit board; in some other embodiments, any one or two of processor 2801, memory 2802 and peripheral device interface 2803 can be implemented on separate chips or circuit boards, which is not limited in this embodiment.

[0327] The radio frequency (RF) circuit 2804 is used to receive and transmit RF (Radio Frequency) signals, also known as electromagnetic signals. The RF circuit 2804 communicates with communication networks and other communication devices via electromagnetic signals. The RF circuit 2804 converts electrical signals into electromagnetic signals for transmission, or converts received electromagnetic signals back into electrical signals. Optionally, the RF circuit 2804 includes: an antenna system, an RF transceiver, one or more amplifiers, a tuner, an oscillator, a digital signal processor, a codec chipset, a user identity module card, etc. The RF circuit 2804 can communicate with other terminals through at least one wireless communication protocol. This wireless communication protocol includes, but is not limited to: the World Wide Web, metropolitan area networks, intranets, various generations of mobile communication networks (2G, 3G, 4G, and 5G), wireless local area networks, and / or Wi-Fi (Wireless Fidelity) networks. In some embodiments, the RF circuit 2804 may also include circuitry related to NFC (Near Field Communication), which is not limited in this application.

[0328] The touch display screen 2805 is used to display a UI (User Interface). This UI may include graphics, text, icons, videos, and any combination thereof. The touch display screen 2805 also has the ability to collect touch signals on or above its surface. These touch signals can be input as control signals to the processor 2801 for processing. The touch display screen 2805 is used to provide virtual buttons and / or a virtual keyboard, also known as soft buttons and / or a soft keyboard. In some embodiments, there may be one touch display screen 2805, located on the front panel of the computer device 2800; in other embodiments, there may be at least two touch display screens, respectively located on different surfaces of the computer device 2800 or in a folded design; in some embodiments, the touch display screen 2805 may be a flexible display screen, located on a curved or folded surface of the computer device 2800. Furthermore, the touch display screen 2805 may be configured as a non-rectangular, irregular shape, i.e., a non-rectangular screen. The touch display screen 2805 may be made of materials such as LCD (Liquid Crystal Display) or OLED (Organic Light-Emitting Diode).

[0329] The camera assembly 2806 is used to acquire images or videos. Optionally, the camera assembly 2806 includes a front-facing camera and a rear-facing camera. Typically, the front-facing camera is used for video calls or selfies, and the rear-facing camera is used for taking photos or videos. In some embodiments, there are at least two rear-facing cameras, which are any one of a main camera, a depth-sensing camera, and a wide-angle camera, to achieve background blurring by fusion of the main camera and the depth-sensing camera, and panoramic shooting and VR (Virtual Reality) shooting by fusion of the main camera and the wide-angle camera. In some embodiments, the camera assembly 2806 may also include a flash. The flash can be a single-color temperature flash or a dual-color temperature flash. A dual-color temperature flash is a combination of a warm light flash and a cool light flash, which can be used for light compensation at different color temperatures.

[0330] Audio circuitry 2807 provides an audio interface between the user and computer device 2800. Audio circuitry 2807 may include a microphone and a speaker. The microphone is used to collect sound waves from the user and the environment, converting the sound waves into electrical signals that are input to processor 2801 for processing, or input to radio frequency circuitry 2804 for voice communication. For stereo sound acquisition or noise reduction purposes, multiple microphones may be used, each located at a different location on the computer device 2800. The microphone may also be an array microphone or an omnidirectional microphone. The speaker is used to convert electrical signals from processor 2801 or radio frequency circuitry 2804 into sound waves. The speaker may be a conventional diaphragm speaker or a piezoelectric ceramic speaker. When the speaker is a piezoelectric ceramic speaker, it can convert electrical signals not only into audible sound waves but also into inaudible sound waves for purposes such as distance measurement. In some embodiments, audio circuitry 2807 may also include a headphone jack.

[0331] Power supply 2808 is used to supply power to the various components in computer device 2800. Power supply 2808 can be AC ​​power, DC power, a disposable battery, or a rechargeable battery. When power supply 2808 includes a rechargeable battery, the rechargeable battery can be a wired rechargeable battery or a wireless rechargeable battery. A wired rechargeable battery is a battery that is charged via a wired line, and a wireless rechargeable battery is a battery that is charged via a wireless coil. The rechargeable battery can also be used to support fast charging technology.

[0332] In some embodiments, the computer device 2800 further includes one or more sensors 2809. The one or more sensors 2809 include, but are not limited to, an accelerometer 2810, a gyroscope 2811, a pressure sensor 2812, an optical sensor 2813, and a proximity sensor 2814.

[0333] Accelerometer 2810 can detect the magnitude of acceleration on the three coordinate axes of a coordinate system established by computer device 2800. For example, accelerometer 2810 can be used to detect the components of gravitational acceleration on the three coordinate axes. Processor 2801 can control touch screen 2805 to display the user interface in landscape or portrait view based on the gravitational acceleration signal collected by accelerometer 2810. Accelerometer 2810 can also be used for games or to collect user motion data. Gyroscope 2811 can detect the orientation and rotation angle of computer device 2800. Gyroscope 2811 can work in conjunction with accelerometer 2810 to collect 3D movements of the user on computer device 2800. Based on the data collected by gyroscope 2811, processor 2801 can perform the following functions: motion sensing (e.g., changing the UI based on the user's tilt operation), image stabilization during shooting, game control, and inertial navigation.

[0334] The pressure sensor 2812 can be disposed on the side bezel of the computer device 2800 and / or on the lower layer of the touch display screen 2805. When the pressure sensor 2812 is disposed on the side bezel of the computer device 2800, it can detect the user's grip signal on the computer device 2800 and perform left / right hand recognition or quick operation based on the grip signal. When the pressure sensor 2812 is disposed on the lower layer of the touch display screen 2805, it can control operable controls on the UI interface based on the user's pressure operation on the touch display screen 2805. Operable controls include at least one of button controls, scroll bar controls, icon controls, and menu controls.

[0335] Optical sensor 2813 is used to collect ambient light intensity. In one embodiment, processor 2801 can control the display brightness of touch display screen 2805 based on the ambient light intensity collected by optical sensor 2813. Specifically, when the ambient light intensity is high, the display brightness of touch display screen 2805 is increased; when the ambient light intensity is low, the display brightness of touch display screen 2805 is decreased. In another embodiment, processor 2801 can also dynamically adjust the shooting parameters of camera assembly 2806 based on the ambient light intensity collected by optical sensor 2813.

[0336] The proximity sensor 2814, also known as a distance sensor, is typically located on the front of the computer device 2800. The proximity sensor 2814 is used to detect the distance between the user and the front of the computer device 2800. In one embodiment, when the proximity sensor 2814 detects that the distance between the user and the front of the computer device 2800 is gradually decreasing, the processor 2801 controls the touch display screen 2805 to switch from a screen-on state to a screen-off state; when the proximity sensor 2814 detects that the distance between the user and the front of the computer device 2800 is gradually increasing, the processor 2801 controls the touch display screen 2805 to switch from a screen-off state to a screen-on state.

[0337] Those skilled in the art will understand that the above structure does not constitute a limitation on the computer device 2800, and may include more or fewer components than shown, or combine certain components, or employ different component arrangements.

[0338] This application also provides a computer-readable storage medium storing at least one computer program, which is loaded and executed by a processor to implement the social message display method provided in the above-described method embodiments.

[0339] This application also provides a computer program product, which includes at least one computer program stored in a computer-readable storage medium; the at least one computer program is read from and executed by a processor of a computer device from the computer-readable storage medium, causing the computer device to perform the social message display method provided in the above-described method embodiments.

[0340] It should be understood that "multiple" as used herein refers to two or more. "And / or" describes the relationship between related objects, indicating that three relationships can exist. For example, A and / or B can represent: A alone, A and B simultaneously, or B alone. The character " / " generally indicates that the preceding and following related objects are in an "or" relationship. Furthermore, the step numbers described herein are merely illustrative of one possible execution order. In some other embodiments, the steps may not be executed in numerical order, such as two steps with different numbers being executed simultaneously, or two steps with different numbers being executed in the reverse order of the illustration. This application does not limit this.

[0341] Those skilled in the art will understand that all or part of the steps of the above embodiments can be implemented by hardware or by a program instructing related hardware. The program can be stored in a computer-readable storage medium, such as a read-only memory, a disk, or an optical disk.

[0342] The above description is merely an optional embodiment of this application and is not intended to limit this application. Any modifications, equivalent switching, improvements, etc., made within the spirit and principles of this application should be included within the protection scope of this application.

Claims

1. A method for displaying social messages, characterized in that, The method is executed by a first client, which is logged into a first account. The method includes: Receive the first social message sent by the first account in the chat session; The first social message is displayed in a first-view layout; If the first triggering condition is met, the first social message is displayed in a second view layout; The second view layout differs from the first view layout in at least one of the following: size, layout position, and account information of the first account.

2. The method according to claim 1, characterized in that, The display of the first social message in a second view layout includes at least one of the following: The first social message is switched from the first size corresponding to the first view layout to the second size corresponding to the second view layout; The first social message is switched from the first layout position corresponding to the first view layout to the second layout position corresponding to the second view layout. The account information of the first account corresponding to the first social message is switched from the first information content corresponding to the first view layout to the second information content corresponding to the second view layout; Wherein, the size of the first dimension is larger than the size of the second dimension, the position of the first layout in the chat session is more important than the position of the second layout in the chat session, and the content richness of the first information content is higher than the content richness of the second information content.

3. The method according to claim 2, characterized in that, The first social message is carried by a message bubble; the step of switching the display of the first social message from the first size corresponding to the first view layout to the second size corresponding to the second view layout includes: The height and / or width of the message bubble are switched from the first size corresponding to the first view layout to the second size corresponding to the second view layout.

4. The method according to claim 2, characterized in that, The first social message is carried by a message bubble; switching the display of the first social message from the first layout position corresponding to the first view layout to the second layout position corresponding to the second view layout includes: The position of the message bubble in the chat session is switched from the first layout position corresponding to the first view layout to the second layout position corresponding to the second view layout. The second view layout includes one of a single-line exclusive layout and a side-by-side display layout. The single-line exclusive layout is used to indicate that the first social message is displayed on a single line, and the side-by-side display layout is used to indicate that the first social message and the second social message are displayed side-by-side on a single line. The second social message is a historical social message in the chat session.

5. The method according to claim 2, characterized in that, The account information includes the account's three-dimensional virtual image and the account's two-dimensional avatar; The step of switching the display of the account information of the first account corresponding to the first social message from the first information content corresponding to the first view layout to the second information content corresponding to the second view layout includes: The first social message is switched from the 3D virtual image of the account corresponding to the first view layout to the 2D avatar of the account corresponding to the second view layout; The three-dimensional virtual image of the account is the personalized avatar of the account.

6. The method according to any one of claims 1 to 5, characterized in that, The first triggering condition includes at least one of the following: A third social message is received, which is the latest social message in the chat session; The number of the first social message and the second social message has reached a preset number; The message bubble carrying the first social message touches the bottom of the chat window; The first social message contains preset keywords.

7. The method according to any one of claims 1 to 6, characterized in that, The method further includes: If the second triggering condition is met, the first social message will be switched from the second view layout to the first view layout.

8. The method according to claim 7, characterized in that, The step of switching the display of the first social message from the second view layout to the first view layout includes: The first social message is switched from the second size corresponding to the second view layout to the first size corresponding to the first view layout; The first social message is switched from the second layout position corresponding to the second view layout to the first layout position corresponding to the first view layout. The account information of the first account corresponding to the first social message is switched from the second information content corresponding to the second view layout to the first information content corresponding to the first view layout. The second view layout includes either a single-row exclusive layout or a side-by-side display layout.

9. The method according to claim 7 or 8, characterized in that, The second triggering condition includes at least one of the following: Received a retraction operation for the third social message; A deletion operation was received for the third social message; Received a view operation for the first social message; A swipe operation is received for the message bubble carrying the first social message.

10. The method according to any one of claims 1 to 9, characterized in that, The display color of the message bubble is related to the theme color of the account's 3D virtual avatar, or the display color of the message bubble is related to the message content of the first social message.

11. The method according to any one of claims 1 to 10, characterized in that, The first social message includes at least one of the following: The first social message is the latest social message in the chat session; The first social message is the social message with the highest importance level in the chat session; The first social message is a social message that includes emoticons in the chat session; The first social message is the social message with the longest message length in the chat session; The first social message is the social message with the most diverse message types in the chat session.

12. A social messaging display device, characterized in that, The device includes: The receiving module is used to receive the first social message sent by the first account in the chat session; A display module is used to display the first social message in a first view layout; The display module is used to display the first social message in a second view layout when the triggering conditions are met; The second view layout differs from the first view layout in at least one of the following: size, layout position, and account information of the first account.

13. A computer device, characterized in that, The computer device includes a processor and a memory, the memory storing at least one computer program, the at least one computer program being loaded and executed by the processor to implement the method for displaying social messages as described in any one of claims 1 to 11.

14. A computer storage medium, characterized in that, The computer-readable storage medium stores at least one computer program, which is loaded and executed by a processor to implement the method for displaying social messages as described in any one of claims 1 to 11.

15. A computer program product, characterized in that, The computer program product includes a computer program stored in a computer-readable storage medium; the computer program is read from and executed by a processor of a computer device, causing the computer device to perform the method for displaying social messages as described in any one of claims 1 to 11.

Images