Content display method and device and electronic equipment

Abstract

The invention provides a content display method and device and electronic equipment, and relates to the field of artificial intelligence. Comprising the steps of obtaining content generated by a preset model in response to a triggering operation on a first generation control; displaying a fragment of the content in at least one target window associated with the first generation control; wherein the fragment is presented in the form of the target animation. According to the method, when the content generated by the preset model is displayed in the at least one target window, the fragment is presented in the form of the target animation, so that the content display is vivid and interesting, the content display effect is improved, the visual traction can be enhanced, the attention of a user is attracted, and the participation degree of the user is improved.

Description

Technical Field

[0001] This application relates to the field of artificial intelligence, and particularly to a large content display method, apparatus, and electronic device. Background Art

[0002] In the field of artificial intelligence, some models can generate new content. For example, large models, which are machine learning models with large-scale parameters and complex computational structures. With the development of artificial intelligence, large models have been widely used. For example, generative large models can be used to generate new content, such as text, pictures, music, etc., and then display the generated content. Summary of the Invention

[0003] This application aims to solve at least one of the technical problems in the related art to some extent.

[0004] The first aspect embodiment of this application proposes a content display method, including:

[0005] Upon receiving a trigger operation on a first generation control, obtain the content generated by a preset model;

[0006] Display a fragment of the content in at least one target window associated with the first generation control; wherein, the fragment is presented in the form of a target animation.

[0007] The second aspect embodiment of this application proposes a content display apparatus, including:

[0008] A first acquisition module, configured to obtain the content generated by a preset model upon receiving a trigger operation on a first generation control;

[0009] A display module, configured to display a fragment of the content in at least one target window associated with the first generation control; wherein, the fragment is presented in the form of a target animation.

[0010] The third aspect embodiment of this application proposes an electronic device, including: a memory, a processor, and a computer program stored on the memory and executable on the processor. When the processor executes the program, the method proposed in the first aspect embodiment of this application is implemented.

[0011] The fourth aspect embodiment of this application proposes a computer-readable storage medium storing a computer program, which when executed by a processor, implements the method proposed in the first aspect embodiment of this application.

[0012] The fifth aspect embodiment of this application provides a computer program product, including a computer program, which when executed by a processor, implements the method proposed in the first aspect embodiment of this application.

[0013] The content display method, device, electronic device, and storage medium provided by the present application have the following beneficial effects:

[0014] In the present application, when displaying the content generated by the preset model in at least one target window, by presenting the fragments of the content in the form of a target animation, the content display becomes vivid and interesting, improving the content display effect, thereby enhancing the visual traction, attracting the user's attention, and increasing the user's participation.

[0015] The additional aspects and advantages of the present application will be partially given in the following description, partially become obvious from the following description, or be understood through the practice of the present application. BRIEF DESCRIPTION OF THE DRAWINGS

[0016] The above and / or additional aspects and advantages of the present application will become obvious and easy to understand from the following description of the embodiments in conjunction with the drawings, where:

[0017] Figure 1 is a schematic flowchart of a content display method provided by an embodiment of the present application;

[0018] Figure 2 is a schematic diagram of a target window provided by an embodiment of the present application Figure 1 ;

[0019] Figure 3 is a schematic diagram of a target window provided by an embodiment of the present application Figure 2 ;

[0020] Figure 4 is a schematic flowchart of another content display method provided by an embodiment of the present application;

[0021] Figure 5 is a schematic diagram of a target window provided by an embodiment of the present application Figure 3 ;

[0022] Figure 6 is a schematic flowchart of another content display method provided by an embodiment of the present application;

[0023] Figure 7 is a schematic structural diagram of a content display device provided by an embodiment of the present application;

[0024] Figure 8 shows a block diagram of an exemplary electronic device suitable for implementing the embodiments of the present application. DETAILED DESCRIPTION OF THE EMBODIMENTS

[0025] Some embodiments of the present application will be described in detail herein, and examples thereof are shown in the accompanying drawings. When the following description refers to the accompanying drawings, unless otherwise indicated, the same numbers in different drawings represent the same or similar elements. Various changes, variations, and equivalents of the methods, apparatuses, and / or systems described herein will become apparent after understanding the present application. For example, the order of operations described herein is merely exemplary and is not limited to those set forth herein, but may be changed as will be apparent after understanding the present application, except for operations that must be performed in a specific order. Additionally, descriptions of features known in the art may be omitted for the sake of clarity and brevity.

[0026] The embodiments described in some embodiments of the present application below do not represent all embodiments consistent with the present application. On the contrary, they are merely examples of apparatuses and methods consistent with some aspects of the present application as detailed in the appended claims.

[0027] The content display method, apparatus, electronic device, and storage medium of embodiments of the present application will be described below with reference to the accompanying drawings.

[0028] In some embodiments, content can be generated by a large model, such as generating text, pictures, music, etc., and then the generated content is displayed. And how to improve the display effect of the content generated by the model and increase the visual traction is relatively important.

[0029] Based on this, an embodiment of the present application proposes a content display method. Figure 1 It is a schematic flowchart of a content display method provided by an embodiment of the present application.

[0030] In the embodiments of the present application, this content display method is exemplified by being configured in a content display apparatus, and this content display apparatus can be applied to any electronic device or chip so that the electronic device or chip can perform the content display function.

[0031] As Figure 1 shown, the content display method may include the following steps:

[0032] Step 101, in response to a trigger operation on a first generation control, obtain the content generated by a preset model.

[0033] In some embodiments, the preset model may be a large model or other models capable of generating content such as text, and the present application does not limit this.

[0034] In some embodiments, the first generation control may be a control on a terminal device such as a mobile phone or a tablet, or a control on a vehicle-mounted device in an automotive intelligent cockpit, etc.

[0035] In an application scenario, in the interaction interface of the artificial intelligence (AI) generative client of an electronic device, a user can input a target query and trigger a first generation control on the interaction interface, so that the client can obtain the content generated by the large model based on the target query. For example, if the target query is "Generate a speech for me", the large model can generate a speech according to this target query.

[0036] In another application scenario, when a user edits content in an editor on an electronic device, such as a text editor or a rich text editor, etc., the user can trigger a first generation control on the interface to use the large model to generate content. The editor can obtain the content generated by the large model and display it, so as to assist the user in editing content through the first generation control.

[0037] In yet another application scenario, when a user inputs content in a text input box on an electronic device, such as a text message input box or an information input box in various application programs, etc., the user can trigger a first generation control on the interface to use the large model to generate content. The client to which the text input box belongs can obtain the content generated by the large model and display it. Then the user can copy and paste the content generated by the large model into the text input box, so as to assist the user in editing content through the first generation control.

[0038] In some embodiments, the content generated by the preset model can be all the generated content, or the content generated step by step, etc., and there is no limitation on this.

[0039] In some embodiments, the form of the content generated by the preset model may include but is not limited to text, pictures, etc.

[0040] Step 102, display a fragment of the content in at least one target window associated with the first generation control; wherein, the fragment is presented in the form of a target animation.

[0041] In some embodiments, all fragments of the content generated by the preset model can be displayed in one target window associated with the first generation control.

[0042] In some embodiments, fragments of the content generated by the preset model can be displayed in multiple target windows associated with the first generation control.

[0043] As an example, the same segment can be displayed in multiple target windows respectively. In this example, the multiple target windows can be windows on the same electronic device or windows on different electronic devices. For example, if electronic device A is associated with electronic device B and the user triggers the first generation control on the generative client interface of electronic device A, then while a segment of the content generated by the preset model is displayed in the target window of electronic device A, a segment of the content generated by the preset model can be synchronously displayed in the target window of electronic device B.

[0044] As another example, different segments can be displayed in multiple target windows to achieve the joint display of the content generated by the preset model in multiple target windows. For example, there are two target windows which belong to the same electronic device. A segment of the previous part of the content generated by the preset model can be displayed in one target window, and a segment of the remaining part of the content generated by the preset model can be displayed in the other target window.

[0045] In some embodiments, the target window associated with the first generation control can be an editor, a display card, etc. Exemplarily, the editor can include but is not limited to a text editor, a rich text editor, etc.

[0046] In some embodiments, the content generated by the preset model can be sliced into multiple segments, and then these segments can be displayed in the target window in the generation order of the multiple segments.

[0047] Exemplarily, the following method can be used to slice the content generated by the preset model: the string included in the content segment can be converted to obtain a character array, where the characters in the character array are characters encoded according to a set character encoding standard, and the characters in the character array are sliced to obtain segments.

[0048] For example, the characters in the character array can be Unicode characters. Exemplarily, the characters in the character array can be sliced according to a preset number of characters. For example, the characters in the character array can be sliced into segments containing 3 characters.

[0049] Thus, by converting the string included in the content segment into characters encoded according to a set character encoding standard and then slicing, incorrect slicing of multi-byte characters can be avoided, safe slicing can be achieved, and the probability of incorrect display is reduced.

[0050] In some embodiments, the segments of the content can be displayed one by one in the target window in the generation order of the multiple segments. Thus, by displaying the segments of the content one by one, the content generated by the preset model can be gradually displayed, which can make it easier for the user to follow the displayed content to read, guide the user to gradually digest the information, and improve the information reception efficiency.

[0051] In some embodiments, each segment may include one or more characters. Additionally, the number of characters included in different segments may be the same or different, and this application does not limit this.

[0052] In some embodiments, during the process of displaying a segment in the target window, the segment may be presented in the form of a target animation. Thus, the display effect of the segment can be improved and the visual traction can be enhanced.

[0053] In some embodiments, after the target animation ends, the segment may remain in the state at the end of the target animation.

[0054] Exemplarily, the target animation may include, but is not limited to, color gradient animation, fade-in animation, blur gradient animation, blur fade-in animation, etc.

[0055] Among them, the display form of the color gradient animation includes: the segment gradually transitions from the initial color to the target color. Exemplarily, the target color may be a color that matches the theme color of the target window, or it may be a default color, etc., and this application does not limit this.

[0056] It can be understood that the initial color is the color of the segment at the start of the color gradient animation, and the target color is the color of the segment at the end of the color gradient animation.

[0057] Exemplarily, if the segment is presented in the form of a color gradient animation, then after the color gradient animation ends, the segment may remain in the target color at the end of the color gradient animation.

[0058] Exemplarily, in addition to the initial color and the target color, the color gradient animation may also include one or more other colors. That is to say, it can transition from the initial color, through one or more intermediate colors, and then to the target color. For example, the display form of the color gradient animation may include: transitioning from light blue to dark blue, from dark blue to purple, and from purple to the target color.

[0059] Among them, the display form of the fade-in animation may include: the segment gradually transitions from transparent to opaque.

[0060] Exemplarily, the fade-in animation may include multiple animation states, such as transparent, semi-transparent, opaque, etc.

[0061] Among them, the display form of the blur gradient animation may include: the segment gradually becomes clear from being blurred.

[0062] Exemplarily, the blur gradient animation may include multiple animation states, and the blur degree of the multiple animation states gradually decreases to zero. For example, the blur degree is represented by the blur radius. At the 0% moment, the blur radius is 15px. At the 30% moment, the blur radius is 10px. At the 100% moment, that is, the end state of the animation, the blur radius is 0px.

[0063] Among them, the display form of the blurred fade-in animation may include: while the segment fades in, it gradually becomes clear from being blurred. Exemplarily, the initial state of the blurred fade-in animation may be that the segment is transparent and blurred, and the end state of the blurred fade-in animation may be that the segment is opaque and clear.

[0064] It can be understood that the blurred fade-in animation can be obtained by combining the fade-in animation and the blurred gradient animation.

[0065] It should be noted that the target animation may include one or more animations among the above animations, and this application does not make any limitations in this regard. For example, the target animation may include a color gradient animation or a blurred fade-in animation. Another example is that the target animation may include a color gradient animation and a blurred fade-in animation.

[0066] In some embodiments, if the target animation includes multiple animations, the multiple animations may start simultaneously and proceed independently of each other. The animation durations of different animations may be different, so as to complement each other in terms of time sampling, or the animation durations between different animations may also be different, and no limitations are made in this regard.

[0067] In some embodiments, if the target animation includes multiple animations, the multiple animations may proceed with the next animation after the previous animation ends, so as to easily capture the animation effects of each animation.

[0068] As an example, the solution of the embodiments of this application can be applied to devices such as mobile phones and tablets, and can also be applied to in-vehicle device. Taking the automotive intelligent cockpit scenario as an example, for instance, during the driving of a vehicle, when it is detected that a user in the intelligent cockpit inputs voice information of "Please generate an article according to the current scenery outside the vehicle", and a corresponding generation control is triggered, the in-vehicle device can obtain the article generated by the large model based on the pictures of the scenery outside the vehicle collected by the in-vehicle camera, and display the segments of the article one by one in a target window associated with the generation control on the in-vehicle screen. The segments are presented using a color gradient animation and a blurred fade-in animation.

[0069] In the embodiments of this application, if a trigger operation on the first generation control is detected, the content generated by the preset model is obtained, and the segments of the content are displayed in at least one target window associated with the first generation control. In this application, when the content generated by the preset model is displayed in at least one target window, by presenting the segments of the content in the form of a target animation, the content display is made vivid and interesting, improving the content display effect, thereby enhancing the visual traction, attracting the user's attention, and increasing the user's participation.

[0070] In one embodiment of the present application, a fragment of content may be displayed in a target window associated with a first generation control. The fragment may be presented in the form of a target animation, and the background of the target window may be presented in the form of a color transition animation. The explanation of the target animation can be referred to the above embodiment and is not limited herein.

[0071] Among them, the display form of the color transition animation may include at least one of the following: the hue of the background color changes over time, the change strategy corresponding to the lightness of the background color changes over time, the saturation of the background color changes with the display position, etc.

[0072] Exemplarily, the change strategy may include that the lightness of the background color changes with the display position.

[0073] For example, the change strategy changing over time may include: at time t1, the lightness of the background color gradually decreases from the upper left corner to the lower right corner of the background; at time t2, the lightness of the background color gradually decreases from the lower right corner to the upper left corner of the background.

[0074] In some embodiments, the color transition animation may be generated in the following manner: the grid surface may be determined according to the planar grid of the background, the second color of other vertices on the grid surface except the target vertex may be determined according to the first color of the target vertex on the grid surface, and the color transition animation may be generated according to the first color of the target vertex and the second color of other vertices.

[0075] Exemplarily, the grid surface of the background may be one or more, which is not limited herein. Exemplarily, if there are multiple grid surfaces, the color transition animation may be generated according to the reference color of the target vertex corresponding to the multiple grid surfaces and the interpolated color of other vertices.

[0076] Exemplarily, the position or the first color of the target vertex changes according to a specified rule. For example, the specified rule may include that the position of the target vertex changes according to a specified function, where the specified function may be a sine wave or a cosine wave, etc., that is, an offset changing with time such as a sine wave or a cosine wave may be added to the position of the target vertex.

[0077] Exemplarily, other vertices may be obtained by interpolating according to the position of the target vertex on the surface grid, and the second color of other vertices may be obtained by interpolating according to the first color of the target vertex.

[0078] Exemplarily, multiple surfaces may be spliced together to construct a complex surface. By constraining the control points at the spliced surface, the geometric continuity requirements of the spliced surface are ensured, so that a single color tone can randomly and smoothly perform color transition in all directions, thereby making the background color present a rich and three-dimensional hierarchical gradient effect.

[0079] Exemplarily, the geometric continuity requirements may include but are not limited to n-th order set continuity, n-th order curvature continuity, etc.

[0080] Thus, a mesh surface of the background is obtained through surface calculation, and the positions or colors of target vertices are dynamically changed according to specified rules, so as to drive the color flow of the entire surface, and random and smooth color transition animations in various directions can be added to the planar mesh to achieve a dynamic effect of hierarchical gradient.

[0081] Exemplarily, the parallel computing power of a Graphics Processing Unit (GPU) can be utilized to calculate surface calculation and color interpolation, which can reduce the resource consumption of a Central Processing Unit (CPU), reduce the CPU occupancy rate, and effectively improve the smoothness of the color transition animation.

[0082] Exemplarily, the solution of this embodiment can be applied to the display of content generated by a large model on a vehicle-mounted device, so as to enrich the animation effect expression ability of the User Interface (UI) of the vehicle-mounted device, thereby improving the UI picture quality.

[0083] In the embodiment of the present application, a segment is displayed in a target window. The segment can be presented in the form of a target animation, and the background of the target window can be presented in the form of a color transition animation, so as to further improve the display effect through multiple dimensions such as the animation presentation of the segment and the animation presentation of the window background.

[0084] In any embodiment of the present application, when the target window starts to display content, the height of the target window can be the default height, so as to reduce the occupied space of the target window on the screen of the electronic device. If the content generated by the preset model is not fully displayed within the target window when the height of the target window is at the default height, then the height of the target window can increase as the content displayed within the target window increases.

[0085] Taking the user's use of a large model to assist in editing a text message as an example, as Figure 2 and Figure 3 shown, a target window 502 is floatingly displayed on the editing interface of the newly created text message. Figure 2 In Figure 3 the height of the target window 201 is at the default height,

[0086] In addition, as Figure 2 and Figure 3As shown, a prompt message of "Generating..." and a control of "Stop Generating" can also be displayed in the target window 201. If it is detected that the "Stop Generating" control is triggered, the content generated by the large model can stop being displayed in the target window.

[0087] Exemplarily, the increase amplitude of the height of the target window can be determined according to the increased height of the content displayed in the target window. For example, for each additional line of content displayed in the target window, the increase amplitude of the target window can be the sum of the height of one line of displayed content and the line spacing.

[0088] Thus, if the height of the target window is at the default height and the content generated by the preset model is not fully displayed in the target window, the height of the target window can increase as the content displayed in the target window increases, gradually and dynamically adjusting the height of the target window, thereby improving the utilization rate of the screen space. In addition, dynamically adjusting the window height as the content displayed in the window increases can enable users to intuitively see the content generation and change process, enhancing the user's sense of participation and interactive experience.

[0089] In some embodiments, if the height of the target window increases as the content displayed in the target window increases, and when the height of the target window reaches the maximum value but the content generated by the preset model is not fully displayed in the target window, the page in the target window can scroll in a specified direction of the target window as the content displayed in the target window increases, so that new content is dynamically displayed in the target window until the content generated by the preset model is fully displayed in the target window.

[0090] Among them, the specified direction can be the direction of the bottom of the target window. Then, by scrolling the page in the target window in the direction of the bottom of the target window, the displayed content can be moved upward, and new content will be added to the bottom of the window, so that new content is dynamically displayed in the target window, that is, new content can be dynamically displayed in the visible area of the target window.

[0091] Exemplarily, the page in the target window has a corresponding scroll bar. By scrolling the scroll bar in the direction of the bottom of the target window, the displayed content can be moved upward, so that new content is dynamically displayed in the target window until the content generated by the preset model is fully displayed in the target window.

[0092] Thus, if the height of the target window reaches the maximum value and the content generated by the preset model is not fully displayed in the target window, the page in the target window can scroll in a specified direction of the target window as the content displayed in the target window increases, enabling new content to be dynamically displayed in the visible area of the target window. Thus, users do not need to manually scroll the page to find new content, which is also convenient for users to check whether the generation by the preset model is completed, reducing the user's operation burden and improving the usage efficiency and convenience.

[0093] In practical applications, during the process of displaying a segment in the target window, the user may slide the page within the target window, such as scrolling the page upward. At this time, the cursor may exceed the bottom of the visible area of the target window. To improve the display effect of the content, the target window can be adjusted. The following will be described in conjunction with Figure 4 for illustration. Figure 4 FIG. is a schematic flowchart of another content display method provided by an embodiment of the present application.

[0094] As Figure 4 shown, the content display method may include the following steps:

[0095] Step 401, in response to a trigger operation on the first generation control, obtain the content generated by the preset model.

[0096] Step 402, display a segment of the content in at least one target window associated with the first generation control; wherein, the segment is presented in the form of a target animation.

[0097] In the present application, steps 401-step 402 can adopt any implementation manner in the embodiments of the present application, so details will not be described herein again.

[0098] Step 403, in response to detecting that the distance between the current position of the cursor and the bottom of the visible area of the target window is greater than a preset value, adjust the target window so that the cursor is within the visible area.

[0099] In the present application, during the process of displaying a segment of the content in the target window, if it is detected that the distance between the current position of the cursor and the bottom of the visible area of the target window is greater than a preset value, it can be determined that the cursor is not within the visible area. Then, the target window can be adjusted so that the cursor is within the visible area.

[0100] In some embodiments, before detecting whether the distance between the current position of the cursor and the bottom of the visible area of the target window is greater than a threshold value, it can be detected whether the difference between the current scrolling position of the page in the target window and the previously recorded scrolling start point has reached or exceeded a preset distance. If it has reached or exceeded the preset distance, the current position of the cursor within the target window can be obtained, and the distance between the current position of the cursor and the bottom of the visible area of the target window can be determined, and it can be judged whether the distance is greater than a preset value. If it is greater than the preset value, the target window can be adjusted so that the cursor is within the visible area of the target window.

[0101] In some embodiments, the target window can be adjusted by at least one of the following methods: increasing the height of the target window, scrolling the page within the target window in a specified direction. Wherein, the specified direction can be the direction of the bottom of the target window.

[0102] Exemplarily, when adjusting the target window, it is possible to first determine whether the height of the target window has reached the maximum value. If it has not reached the maximum value, the height of the target window can be increased so that the cursor is within the visible area of the target window. If the target window has reached the maximum value and the cursor is still not within the visible area of the target window, the page within the target window can be scrolled a specified distance in a specified direction from the starting position before scrolling so that the cursor is within the visible area of the target window. Herein, the specified distance is the distance between the current position of the cursor and the bottom of the visible area. Additionally, the specified distance can be characterized by the number of pixels, for example, the specified distance is 20 pixels.

[0103] Thus, in the case where the cursor exceeds the bottom of the visible area of the target window, it is possible to make the cursor be within the visible area by increasing the height of the target window, smoothly scrolling the page within the target window in a specified direction, etc., so as to display new content within the target window, dynamically display the content output by the model, facilitate the user to follow the displayed content for reading, guide the user to gradually digest the information, and improve the information reception efficiency.

[0104] In some embodiments, during the process of displaying a segment within the target window, if it is detected that the page within the target window has scrolled to the top, it can be considered that the user has a need to start reading the content generated by the preset model from the beginning. Then, the adjustment of the target window can be stopped, such as stopping increasing the height of the target window, or stopping operations such as scrolling the page in a specified direction, so as to meet the user's viewing needs.

[0105] Step 404, display the adjusted target window.

[0106] In this application, the adjusted target window can be displayed in real time. Exemplarily, if the height of the target window is increased, then the target window with the increased height can be displayed. If the page within the target window is scrolled in a specified direction, the current page content after scrolling can be displayed in real time.

[0107] In the embodiments of this application, if it is detected that the current position of the cursor exceeds the visible area of the target window, the target window can be adjusted so that the cursor is within the visible area of the target window. Thus, by automatically and real-time adjusting the target window, the cursor can be made to be within the visible area to dynamically and real-time display new content, further improving the intelligence of content display.

[0108] Since it takes a certain amount of time for the preset model to generate content, in order to reduce the anxiety of users waiting, in any embodiment of the present application, before inserting the content generated by the preset model into the target window, a content loading animation can be displayed in the content display area of the target window. The content loading animation indicates that the content is in the generation state. If it is detected that the content starts to be inserted into the target window, the display of the content loading animation is ended, and a fragment of the content is displayed in the target window. Thus, before inserting the content generated by the preset model into the target window, by displaying the content loading animation in the content display area, the anxiety of users waiting can be reduced and the user experience can be improved.

[0109] Among them, the content loading animation can be used to indicate that the content is in the generation state, that is, it can indicate that the preset model is generating content.

[0110] Taking the example that the large model gradually returns the generated content to the client, before inserting the content returned for the first time into the target window, a loading animation can be displayed in the content display area of the target window. When the first fragment of the content returned for the first time is to be inserted into the target window, the display of the content loading animation can be ended, and the fragments of the content gradually returned by the large model are displayed one by one in the target window.

[0111] Exemplarily, the content display area can be the area near the top of the target window for displaying content.

[0112] Exemplarily, the content display area can include a preset number of strip-shaped areas, and the content loading animation can be displayed within the preset number of strip-shaped areas.

[0113] Exemplarily, the length of each strip-shaped area in the preset number of strip-shaped areas can be the same as the length of each line of content in the target window, and the height of the strip-shaped area can be the same as the height of each line of content.

[0114] Exemplarily, the length of a partial number of strip-shaped areas near the top of the target window in the preset number can be the same as the length of each line of content, and the height is the same as the height of each line of content, while the length of the remaining number of strip-shaped areas can be less than the length of each line of content, and the height is the same as the height of each line of content.

[0115] Taking the example of a user using a large model to assist in editing a text message, Figure 5 The content display area in the target window 201 shown in includes three strip-shaped areas. The lengths of the first two strip-shaped areas near the top of the target window 201 are the same as the length of each line of content, and the height is the same as the height of each line of content, while the height of the third strip-shaped area is the same as the height of each line of content, but its length is less than the length of each line of content.

[0116] Thus, by displaying a content loading animation within the bar-shaped area for displaying content in the target window, not only can the anxiety of users waiting be reduced, but also the position where the content generated by the preset model is to be displayed can be prompted, improving the user's attention to the content to be displayed.

[0117] Exemplarily, the display form of the content loading animation may include: the color within the bar-shaped area gradually changes according to the content insertion direction within the bar-shaped area. For example, if the content insertion direction is from left to right, the color within the bar-shaped area may gradually change from left to right over time.

[0118] Thus, based on the form that the color within the bar-shaped area gradually changes according to the content insertion direction within the bar-shaped area, displaying the content loading animation can prompt the user in what direction the segments are displayed one by one, further improving the user's attention to the displayed content.

[0119] Figure 6 It is a schematic flowchart of another content display method provided by an embodiment of the present application.

[0120] As Figure 6 shown, the target animation in the above embodiment can be generated in the following manner:

[0121] Step 601, obtain the target animation parameters of the segment; wherein, the target animation parameters include the animation parameters of at least one animation type.

[0122] Among them, the target animation parameters may include but are not limited to animation type information, animation parameters corresponding to the animation type, etc.

[0123] Exemplarily, the animation type may include but is not limited to color gradient type, fade-in type, blur gradient type, blur fade-in type, etc.

[0124] Exemplarily, the animation parameters corresponding to each animation type may include but are not limited to animation duration, animation key points, animation state information corresponding to the animation key points, etc. Exemplarily, the animation key points can be represented by percentages, such as 0% and 100%, where 0% represents the initial state of the animation and 100% represents the end state of the animation.

[0125] Exemplarily, for the color gradient type, the animation state information corresponding to the animation key points may include color information; for the fade-in type, the animation state information corresponding to the animation key points may include opacity; for the blur gradient type, the animation state information corresponding to the animation key points may include blur radius; for the blur fade-in type, the animation state information corresponding to the animation key points may include opacity and blur radius.

[0126] Exemplarily, in order to enrich the animation effect, the animation parameters of any animation type may include an easing function, which can be used to control the animation speed, that is, how the animation speed changes over time. Thus, through the easing function, the animation can be naturally accelerated and decelerated, avoiding the mechanical feeling of linear change and making the animation more natural and smooth.

[0127] Step 602, generate a target animation according to the animation parameters of at least one animation type; wherein, the target animation includes animations of at least one animation type.

[0128] In this application, the animations of each animation type can be generated according to the animation parameters of each animation type, and the target animation can be obtained according to the animations of at least one animation type. The target animation includes animations of at least one animation type.

[0129] In some embodiments, the target animation parameters may include animation parameters of the color gradient type. The first time points of each first animation key point in the first animation duration can be determined according to the first animation duration and each first animation key point in the animation parameters of the color gradient type, and the color gradient animation corresponding to the color gradient type can be generated according to the color information and the first time points corresponding to each first animation key point in the order of each first animation key point.

[0130] For the explanation of the color gradient animation, reference can be made to the above embodiments, so it will not be elaborated here.

[0131] Exemplarily, the first animation key point can be represented by a percentage. The first time point of the first animation key point in the first animation duration can be obtained by multiplying the first animation duration by the percentage.

[0132] For example, the first animation duration of the color gradient type is 1.2s, and there are 4 first animation key points in the animation parameters of the color gradient type, which are 0%, 33%, 66%, and 100% in sequence. The color information corresponding to 0% is light blue, the color information corresponding to 33% is dark blue, the color information corresponding to 66% is purple, and the color information corresponding to 100% is black. Multiplying the first animation duration of 1.2s by each first animation key point can obtain the first time point. Then, in the order of each first animation key point, a color gradient animation is generated. When a segment is presented using this color gradient animation, the segment successively experiences light blue, dark blue, purple, and black, and finally remains at black. Here, the color transition stage is controlled by a percentage, which can ensure a smooth color transition.

[0133] Thus, by determining the first time points corresponding to each first animation key point according to the first animation duration and each first animation key point in the animation parameters of the color gradient type, and then according to each first time point and the corresponding color information, a color gradient animation from the initial color to the target color can be generated, forming a visual effect of flowing gradient, improving the content display effect, and by controlling the color transition stage through each first animation key point, the color transition can be made smooth.

[0134] In some embodiments, the target animation parameters may include animation parameters of the blur fade-in type. The second time points of each second animation key point in the second animation duration can be determined according to the second animation duration and each second animation key point in the animation parameters of the blur fade-in type, and a blur fade-in animation corresponding to the blur fade-in type can be generated in the order of each second animation key point according to the first transparency parameter, blur parameter, and second time point corresponding to each second animation key point.

[0135] Among them, the explanatory description of the blur fade-in animation can be referred to the above embodiments, so it will not be elaborated here.

[0136] Exemplarily, the second animation key point can be represented by a percentage. The second animation duration can be multiplied by the percentage to obtain the second time point of the second animation key point in the second animation duration.

[0137] Exemplarily, the first transparency parameter can be represented by opacity. The blur effect can be achieved by using the filter property filter:blur(). Then the blur parameter can be the blur radius. The larger the blur radius, the more obvious the blur effect. Among them, the blur radius can be adjusted according to the font size to ensure a natural effect.

[0138] For example, the second animation duration in the animation parameters of the blur fade-in type is 0.8s. There are 2 second animation key points in the animation parameters of the blur fade-in type, which are 0% and 100% in sequence. The opacity corresponding to 0% is 0, and the blur radius is 15px. The opacity corresponding to 100% is 1, and the blur radius is 0. Multiplying the second animation duration 0.8s by the 2 second animation key points respectively can obtain the second time points 0s and 0.8s. Then, in the order of the 2 second animation key points, a blur fade-in animation is generated. When the segment is presented with this blur fade-in animation, the segment gradually transitions from transparent and blurred to opaque and clear, that is, it gradually becomes clear while fading in, and finally remains in the opaque and clear state.

[0139] Thus, through the blur parameter, the segment can present a process of gradually becoming clear from blurred, which can enhance the visual traction. Through the first transparency parameter, the linear transformation of the segment from completely transparent to opaque can be controlled, avoiding the abruptness of direct display, thereby improving the presentation effect of the segment using the blur fade-in animation.

[0140] In order to save the computing amount of the blur fade-in animation, in some embodiments, the animation parameters of the blur fade-in type may include text shadow parameters, second transparency parameters, etc. According to the text shadow parameters and the second transparency parameters, a blur fade-in animation is generated.

[0141] Exemplarily, the text shadow parameters can be used to characterize the style of the text itself. The text shadow parameters may include a horizontal offset, a vertical offset, a shadow blur radius, etc. The second transparency parameter can be represented by opacity.

[0142] For example, the horizontal offset and the vertical offset in the text shadow parameters can be 0, the shadow blur radius can be 30px, the opacity can be 0, and in addition, the color of the text can be set to colorless. Based on these parameters, a blur fade-in animation can be obtained.

[0143] Since the text shadow only samples transparency, the computing amount during the blur calculation based on the text shadow parameters is relatively small. This can not only improve the generation efficiency of the blur fade-in animation, but also save computing resources.

[0144] In the embodiments of the present application, by obtaining the target animation parameters of the segment, the target animation parameters may include the animation parameters of at least one animation type. According to the animation parameters of at least one animation type, at least one animation type of animation can be generated, so as to meet different animation presentation requirements of the segment.

[0145] In order to enrich the display effect of the content, in an embodiment disclosed in the present application, the target animation parameters of the segment may include the animation parameters of multiple animation types. According to the presentation order of the multiple animation types, according to the animation parameters of each animation type, an animation of each animation type is generated, and a target animation is obtained according to the animations of the multiple animation types.

[0146] For example, the target animation parameters may include the animation parameters of the color fade type and the animation parameters of the blur fade-in type. Then, according to the animation of the color fade type, a color fade animation corresponding to the color fade type is generated, and according to the animation parameters of the blur fade-in type, a blur fade-in animation corresponding to the blur fade-in type is generated.

[0147] Exemplarily, the presentation order of the multiple animation types may be the same or different. That is to say, the animations of the multiple animation types may be presented simultaneously or presented sequentially in order, and this is not limited.

[0148] Among them, the sequential presentation may be that after the animation of the previous animation type starts, the animation of the adjacent next animation type starts. The delay duration of the next animation type compared to the previous one can be set according to actual needs. For example, the animation of the adjacent next animation type can start when the animation of the previous animation type ends.

[0149] For example, the target animation parameters may include animation parameters of the color fade type and the blur fade-in type. Among them, the animation duration of the color fade type is 1.2s, and the animation duration of the blur fade-in type is 0.8s. These two animation types can be presented simultaneously, but the duration of the color fade animation is 0.4s longer than that of the blur fade-in animation. Thus, the animation durations of the color fade animation and the blur fade-in animation are staggered, ensuring that the color fade animation and the blur fade-in animation are complementary on the timeline.

[0150] In the embodiments of the present application, the target animation parameters of the segment may include multiple target animations. By presenting the animations of multiple animation types in sequence, generating the animations of each animation type according to the animation parameters of each animation type, and obtaining the target animation based on the animations of multiple animation types, the use of the target animation including multiple animation types to present the segment can improve the effect of the segment and further enhance the visual traction.

[0151] To implement the above embodiments, the present application also proposes a content display device.

[0152] Figure 7 It is a schematic structural diagram of a content display device provided by the embodiments of the present application.

[0153] As Figure 7 shown, the content display device 700 may include:

[0154] A first acquisition module 710, configured to acquire the content generated by the preset model in response to a trigger operation on the first generation control;

[0155] A display module 720, configured to display a segment of the content in at least one target window associated with the first generation control; wherein, the segment is presented in the form of a target animation.

[0156] In some embodiments, the target animation includes at least one of the following:

[0157] A color fade animation in which the segment gradually transitions from an initial color to a target color; wherein, the target color is a color matching the theme color of the target window;

[0158] A blur fade-in animation in which the segment gradually becomes clear while fading in.

[0159] In some embodiments, the background within the target window is presented in the form of a color transition animation, and the display form of the color transition animation includes at least one of the following:

[0160] The hue of the background color changes over time;

[0161] The change strategy corresponding to the lightness of the background color changes over time; wherein, the change strategy includes the lightness changing with the display position;

[0162] The saturation of the background color changes with the display position.

[0163] In some embodiments, in response to the height of the target window being at the default height and the content not being fully displayed within the target window, the height of the target window increases as the content displayed within the target window increases.

[0164] In some embodiments, in response to the height of the target window reaching the maximum value and the content not being fully displayed within the target window, the page within the target window scrolls in a specified direction of the target window as the content displayed within the target window increases, until the content is fully displayed within the target window.

[0165] In some embodiments, the device may further include:

[0166] An adjustment module, configured to adjust the target window in response to detecting that the distance between the current position of the cursor and the bottom of the visible area of the target window is greater than a preset value, so that the cursor is within the visible area;

[0167] A display module 720, further configured to display the adjusted target window.

[0168] In some embodiments, the adjustment module is configured to:

[0169] Increase the height of the target window;

[0170] Scroll the page within the target window in a specified direction.

[0171] In some embodiments, the display module 720 is further configured to display a content loading animation in the content display area within the target window before inserting the content into the target window; wherein, the content loading animation is used to indicate that the content is in a generating state;

[0172] In response to detecting the insertion of the content into the target window, end the display of the content loading animation.

[0173] In some embodiments, the content display area includes a preset number of strip-shaped areas, the length of the strip-shaped area being the same as the length of the content in each row of the target window, and the height of the strip-shaped area being the same as the height of the content in each row.

[0174] In some embodiments, the display form of the content loading animation includes: the color within the strip-shaped area gradually changes according to the content insertion direction within the strip-shaped area.

[0175] In some embodiments, the display module 720 is configured to display the fragments one by one in the target window.

[0176] In some embodiments, the apparatus may further include:

[0177] A second acquisition module, configured to acquire the target animation parameters of the sub-fragments; wherein, the target animation parameters include animation parameters of at least one animation type;

[0178] A first generation module, configured to first generate the target animation according to the animation parameters of the at least one animation type; wherein, the target animation includes animations of at least one animation type.

[0179] In some embodiments, the at least one animation type includes a color fade-in type, and the first generation module is configured to:

[0180] In some embodiments, according to the first animation duration and each first animation key point in the animation parameters of the color fade-in type, determine the first time points of each first animation key point in the first animation duration;

[0181] According to the color information corresponding to each first animation key point and the first time points, generate a color fade animation corresponding to the color fade type in the order of each first animation key point.

[0182] In some embodiments, the at least one animation type includes a blur fade-in type, and the first generation module is configured to:

[0183] According to the second animation duration and each second animation key point in the animation parameters of the blur fade-in type, determine the second time points of each second animation key point in the second animation duration;

[0184] According to the first transparency parameter, blur parameter corresponding to each second animation key point and the second time points, generate a blur fade-in animation corresponding to the blur fade-in type in the order of each second animation key point.

[0185] In some embodiments, the at least one animation type includes a blur fade-in type, and the first generation module is configured to:

[0186] Generate the fade-in animation corresponding to the fade-in type according to the text shadow parameter and the second transparency parameter in the animation parameters of the fade-in type.

[0187] In some embodiments, the animation types of the target animation are multiple. The first generation module is configured to:

[0188] Generate the animation of each animation type according to the animation parameters of each animation type in the presentation order of the multiple animation types in the target animation parameters;

[0189] Obtain the target animation according to the animations of the multiple animation types.

[0190] In some embodiments, the device may further include:

[0191] The first determination module is configured to determine the grid surface according to the planar grid of the background;

[0192] The second determination module is configured to determine the second color of other vertices on the grid surface except the target vertex according to the first color of the target vertex on the grid surface; wherein, the position or the first color of the target vertex changes according to a specified rule;

[0193] The second generation module is configured to generate the color transition animation according to the first color and the second color.

[0194] In the embodiments of the present application, when presenting the content generated by the preset model in at least one target window, by presenting the fragments of the content in the form of the target animation, the content display is made vivid and interesting, improving the content display effect, thereby enhancing the visual traction, attracting the user's attention, and improving the user's participation.

[0195] To implement the above embodiments, the present application further provides an electronic device, including: a memory, a processor, and a computer program stored on the memory and executable on the processor. When the processor executes the program, it implements the content display method proposed in the foregoing embodiments of the present application.

[0196] Figure 8 The block diagram of an exemplary electronic device suitable for implementing the embodiments of the present application is shown. Figure 8 The displayed electronic device 12 is only an example and should not impose any limitation on the functions and usage scope of the embodiments of the present application.

[0197] Such as Figure 8As shown, the electronic device 12 is presented in the form of a general-purpose computing device. The components of the electronic device 12 may include, but are not limited to: one or more processors or processing units 16, a system memory 28, and a bus 18 that connects different system components (including the system memory 28 and the processing unit 16).

[0198] The bus 18 represents one or more of several types of bus architectures, including a memory bus or memory controller, a peripheral bus, a graphics acceleration port, a processor, or a local bus using any of the various bus architectures. By way of example, these architectures include, but are not limited to, Industry Standard Architecture (ISA) bus, Micro Channel Architecture (MAC) bus, Enhanced ISA bus, Video Electronics Standards Association (VESA) local bus, and Peripheral Component Interconnection (PCI) bus.

[0199] The electronic device 12 typically includes a variety of computer system-readable media. These media can be any available media that can be accessed by the electronic device 12, including volatile and non-volatile media, removable and non-removable media.

[0200] The memory 28 may include computer system-readable media in the form of volatile memory, such as random access memory (RAM) 30 and / or cache memory 32. The electronic device 12 may further include other removable / non-removable, volatile / non-volatile computer system storage media. By way of example only, a storage system 34 may be used for reading and writing on a non-removable, non-volatile magnetic medium ( Figure 8 not shown, commonly referred to as a "hard disk drive"). Although Figure 8Not shown in the figure, a disk drive for reading and writing a removable non-volatile disk (such as a "floppy disk") and an optical disk drive for reading and writing a removable non-volatile optical disk (such as: Compact Disc Read Only Memory (hereinafter referred to as: CD-ROM), Digital Video Disc Read Only Memory (hereinafter referred to as: DVD-ROM) or other optical media) can be provided. In these cases, each drive can be connected to the bus 18 through one or more data medium interfaces. The memory 28 may include at least one program product, which has a set (such as at least one) of program modules, and these program modules are configured to execute the functions of the embodiments of the present application.

[0201] A program / utility 40 having a set (at least one) of program modules 42 can be stored in, for example, the memory 28. Such program modules 42 include, but are not limited to, an operating system, one or more application programs, other program modules, and program data. Each or some combination of these examples may include the implementation of a network environment. The program modules 42 generally execute the functions and / or methods in the embodiments described in the present application.

[0202] The electronic device 12 can also communicate with one or more external devices 14 (such as a keyboard, a pointing device, a display 24, etc.), and can also communicate with one or more devices that enable a user to interact with the electronic device 12, and / or communicate with any device that enables the electronic device 12 to communicate with one or more other computing devices (such as a network card, a modem, etc.). Such communication can be carried out through the input / output (I / O) interface 22. And, the electronic device 12 can also communicate with one or more networks (such as a Local Area Network (hereinafter referred to as: LAN), a Wide Area Network (hereinafter referred to as: WAN) and / or a public network, such as the Internet) through the network adapter 20. As shown in the figure, the network adapter 20 communicates with other modules of the electronic device 12 through the bus 18. It should be understood that although not shown in the figure, other hardware and / or software modules can be used in combination with the electronic device 12, including but not limited to: microcode, device drivers, redundant processing units, external disk drive arrays, RAID systems, tape drives, and data backup storage systems, etc.

[0203] The processing unit 16 executes various functional applications and data processing by running the programs stored in the system memory 28, such as implementing the methods mentioned in the foregoing embodiments.

[0204] To implement the above embodiments, the present application also provides a computer-readable storage medium storing a computer program, which when executed by a processor, implements the content display method proposed in the foregoing embodiments of the present application.

[0205] To implement the above embodiments, the present application also provides a computer program product including a computer program, which when executed by a processor, implements the content display method proposed in the foregoing embodiments of the present application.

[0206] The collection, storage, use, processing, transmission, provision, and disclosure of the user's personal information involved in the present application all comply with the provisions of relevant laws and regulations and do not violate public order and good customs.

[0207] In the description of this specification, the descriptions referring to terms such as "one embodiment", "some embodiments", "example", "specific example", or "some examples" mean that the specific features, structures, materials, or characteristics described in connection with the embodiment or example are included in at least one embodiment or example of the present application. In this specification, the schematic representations of the above terms do not necessarily refer to the same embodiment or example. Moreover, the specific features, structures, materials, or characteristics described can be combined in any one or more embodiments or examples in a suitable manner. In addition, without contradiction, those skilled in the art can combine and combine the different embodiments or examples described in this specification and the features of different embodiments or examples.

[0208] In addition, the terms "first" and "second" are only used for descriptive purposes and cannot be understood as indicating or implying relative importance or implicitly specifying the quantity of the indicated technical features. Thus, the features defined with "first" and "second" may explicitly or implicitly include at least one of the features. In the description of the present application, "a plurality" means at least two, such as two, three, etc., unless otherwise specifically defined.

[0209] Any process or method description shown in a flowchart or described in other ways herein can be understood to represent a module, segment, or portion of code including one or more executable instructions for implementing a customized logical function or process, and the scope of the preferred embodiments of the present application includes additional implementations, where the functions can be executed in a substantially simultaneous manner or in a reverse order according to the involved functions, rather than in the order shown or discussed, which should be understood by those skilled in the art to which the embodiments of the present application belong.

[0210] The logic and / or steps represented in the flowchart or otherwise described herein can, for example, be considered as a definable sequence list of executable instructions for implementing logical functions, which can be specifically implemented in any computer-readable medium for use by an instruction execution system, apparatus, or device (such as a computer-based system, a system including a processor, or other systems that can fetch and execute instructions from the instruction execution system, apparatus, or device), or used in conjunction with these instruction execution systems, apparatus, or devices. For the purposes of this specification, a "computer-readable medium" can be any device that can contain, store, communicate, propagate, or transmit a program for use by or in conjunction with an instruction execution system, apparatus, or device. More specific examples (non-exhaustive list) of computer-readable media include the following: electrical connection parts with one or more wirings (electronic devices), portable computer disk cartridges (magnetic devices), random access memory (RAM), read-only memory (ROM), erasable programmable read-only memory (EPROM or flash memory), fiber optic devices, and portable compact disc read-only memory (CDROM). Additionally, the computer-readable medium can even be paper or other suitable media on which the program can be printed, because the program can be obtained electronically, for example, by optically scanning the paper or other media, followed by editing, interpretation, or other suitable processing as necessary, and then stored in a computer memory.

[0211] It should be understood that various parts of the present application can be implemented by hardware, software, firmware, or a combination thereof. In the above embodiments, multiple steps or methods can be implemented by software or firmware stored in a memory and executed by a suitable instruction execution system. For example, if implemented in hardware, as in another embodiment, any one or a combination of the following techniques well known in the art can be used: discrete logic circuits with logic gate circuits for implementing logical functions on data signals, application-specific integrated circuits with suitable combinational logic gate circuits, programmable gate arrays (PGAs), field-programmable gate arrays (FPGAs), etc.

[0212] Those of ordinary skill in the art of this technology can understand that all or part of the steps carried by the method of implementing the above embodiments can be completed by instructing relevant hardware through a program, and the program can be stored in a computer-readable storage medium. When the program is executed, it includes one or a combination of the steps of the method embodiment.

[0213] In addition, each functional unit in various embodiments of the present application may be integrated into one processing module, may exist physically alone for each unit, or two or more units may be integrated into one module. The above-mentioned integrated module may be implemented in the form of hardware or in the form of a software functional module. When the integrated module is implemented in the form of a software functional module and sold or used as an independent product, it may also be stored in a computer-readable storage medium.

[0214] The above-mentioned storage medium may be a read-only memory, a magnetic disk or an optical disc, etc. Although the embodiments of the present application have been shown and described above, it can be understood that the above embodiments are exemplary and should not be construed as limiting the present application. Those of ordinary skill in the art can make changes, modifications, substitutions and variations to the above embodiments within the scope of the present application.

Claims

1. A content display method, characterized in that, Including: In response to a triggering operation on the first generation control, obtaining the content generated by a preset model; Displaying a fragment of the content in at least one target window associated with the first generation control; wherein, the fragment is presented in the form of a target animation.

2. The method according to claim 1, wherein The target animation includes at least one of the following: A color gradient animation in which the fragment gradually transitions from an initial color to a target color; wherein, the target color is a color that matches the theme color of the target window; A blur fade-in animation in which the fragment gradually becomes clear while fading in.

3. The method according to claim 1, wherein The background within the target window is presented in the form of a color transition animation, and the display form of the color transition animation includes at least one of the following: The hue of the background color changes over time; The corresponding change strategy of the lightness of the background color changes over time; wherein, the change strategy includes that the lightness changes with the display position; The saturation of the background color changes with the display position.

4. The method according to claim 1, wherein In response to the height of the target window being at the default height and the content not being fully displayed within the target window, the height of the target window increases as the content displayed within the target window increases.

5. The method according to claim 4, wherein In response to the height of the target window reaching the maximum value and the content not being fully displayed within the target window, the page within the target window scrolls in a specified direction of the target window as the content displayed within the target window increases, until the content is fully displayed within the target window.

6. The method according to claim 1, wherein The target window is presented in the following manner: In response to detecting that the distance between the current position of the cursor and the bottom of the visible area of the target window is greater than a preset value, adjusting the target window so that the cursor is within the visible area; Displaying the adjusted target window.

7. The method according to claim 6, wherein The adjusting of the target window includes at least one of the following: Increasing the height of the target window; Scrolling the page within the target window in a specified direction.

8. The method according to claim 1, wherein The method further includes: Before inserting the content into the target window, displaying a content loading animation in the content display area within the target window; wherein, the content loading animation is used to indicate that the content is in the generation state; In response to detecting the insertion of the content into the target window, ending the display of the content loading animation.

9. The method according to claim 8, wherein The content display area includes a preset number of strip-shaped areas, the length of the strip-shaped areas is the same as the length of each line of content in the target window, and the height of the strip-shaped areas is the same as the height of each line of content.

10. The method according to claim 9, wherein The display form of the content loading animation includes: the color within the strip-shaped areas fades gradually in the direction of content insertion within the strip-shaped areas.

11. The method according to claim 1, wherein The displaying of the fragment of the content in at least one target window associated with the first generation control includes: Displaying the fragments one by one in the target window.

12. The method according to claim 1, characterized in that, The target animation is generated in the following manner: Obtaining the target animation parameters of the sub-fragment; wherein, the target animation parameters include the animation parameters of at least one animation type; Generating the target animation according to the animation parameters of the at least one animation type; wherein, the target animation includes the animations of the at least one animation type.

13. The method according to claim 12, wherein The at least one animation type includes a color fade-in type, and the target animation is generated according to the animation parameters of the at least one animation type: Determine first time points of the first animation key points in the first animation duration according to the first animation duration and each first animation key point in the animation parameters of the color fade-in type; Generate a color gradient animation corresponding to the color gradient type according to the color information corresponding to each first animation key point and the first time points, in the order of the first animation key points.

14. The method according to claim 12, wherein The at least one animation type includes a blur fade-in type, and the target animation is generated according to the animation parameters of the at least one animation type: Determine second time points of the second animation key points in the second animation duration according to the second animation duration and each second animation key point in the animation parameters of the blur fade-in type; Generate a blur fade-in animation corresponding to the blur fade-in type according to the first transparency parameter, blur parameter corresponding to each second animation key point, and the second time points, in the order of the second animation key points.

15. The method according to claim 12, wherein The at least one animation type includes a blur fade-in type, and the target animation is generated according to the animation parameters of the at least one animation type: Generate a blur fade-in animation corresponding to the blur fade-in type according to the text shadow parameter and the second transparency parameter in the animation parameters of the blur fade-in type.

16. The method according to claim 12, wherein The animation type of the target animation is multiple, and the target animation is generated in the following manner: Generate an animation of each animation type according to the animation parameters of each animation type in the presentation order of the multiple animation types in the target animation parameters; Obtain the target animation according to the animations of the multiple animation types.

17. The method according to claim 1, wherein The background in the target window is presented in the form of a color transition animation, and the color transition animation is generated in the following manner: Determine a grid surface according to the plane grid of the background; Determine the second color of other vertices on the grid surface except the target vertex according to the first color of the target vertex on the grid surface; wherein, the position or the first color of the target vertex changes according to a specified rule; Generate the color transition animation according to the first color and the second color.

18. A content display device, characterized in that, The device includes: A first acquisition module, configured to acquire the content generated by a preset model in response to a trigger operation on a first generation control; A display module, configured to display a segment of the content in at least one target window associated with the first generation control; wherein, the segment is presented in the form of a target animation.

19. The device according to claim 18, characterized in that, The target animation includes at least one of the following: A color gradient animation in which the segment gradually transitions from an initial color to a target color; wherein, the target color is a color matching the theme color of the target window; A blur fade-in animation in which the segment gradually becomes clear from being blurred while fading in.

20. The device according to claim 18, wherein, The background in the target window is presented in the form of a color transition animation, and the display form of the color transition animation includes at least one of the following: The hue of the background color changes with time; The variation strategy corresponding to the brightness of the background color changes over time; wherein, the variation strategy includes that the brightness changes with the display position. The saturation of the background color changes with the display position.

21. The device according to claim 18, characterized in that, In response to the height of the target window being at the default height and the content not being fully displayed within the target window, the height of the target window increases as the content displayed within the target window increases.

22. The device according to claim 21, wherein, In response to the height of the target window reaching the maximum value and the content not being fully displayed within the target window, the page within the target window scrolls in a specified direction of the target window as the content displayed within the target window increases until the content is fully displayed within the target window.

23. An electronic device, characterized in that, It includes a memory, a processor, and a computer program stored on the memory and executable on the processor. When the processor executes the program, it implements the content display method according to any one of claims 1-17.

24. A computer-readable storage medium storing a computer program, characterized in that, When the computer program is executed by the processor, it implements the large content display method according to any one of claims 1-17.

25. A computer program product, characterized in that, It includes a computer program that implements the content display method according to any one of claims 1-17 when executed by the processor.

Images