Page display method and device, electronic equipment and readable storage medium

Abstract

The application discloses a page display method and device, electronic equipment and a readable storage medium, and belongs to the technical field of display equipment. The page display method comprises the following steps: receiving the input of a user to target display content in a display interface; in response to the input, acquiring first image data corresponding to a target display page related to the target display content, and acquiring image blur parameters corresponding to the target display page; generating a plurality of target blurred images according to the image blur parameters and the first image data corresponding to the target display page; and displaying the plurality of target blurred images and the target display page according to a first sequence.

Description

Technical Field

[0001] This application belongs to the field of display device technology, specifically relating to a page display method, apparatus, electronic device, and readable storage medium. Background Technology

[0002] As display devices become increasingly sophisticated, the functions they offer are becoming richer and richer. For example, the screen display effect is becoming clearer and clearer, bringing convenience to users' daily information browsing. Based on this, the smoothness of the displayed content's transitions is receiving increasing attention from users.

[0003] Currently, a common method to enhance visual smoothness is to insert an image frame between two image frames, thereby increasing the number of image frames displayed per second. However, since the upper limit of the number of image frames displayed per second on a display screen depends on its hardware configuration, it is difficult to improve the visual display effect of an existing display screen by inserting image frames, given its current hardware configuration. Summary of the Invention

[0004] The purpose of this application is to provide a page display method, apparatus, electronic device, and readable storage medium that can achieve a smooth visual display effect during dynamic changes of displayed content, regardless of the limitations of the display screen hardware configuration.

[0005] In a first aspect, embodiments of this application provide a page display method, the method comprising: Receive user input regarding the target content to be displayed on the interface; In response to input, the system obtains the first image data corresponding to the target display page related to the target display content, and obtains the image blur parameters corresponding to the target display page; based on the image blur parameters and the first image data corresponding to the target display page, the system generates multiple frames of target blurred images. In the first order, display multiple frames of blurred target images and target display pages.

[0006] Secondly, embodiments of this application provide a page display apparatus, the apparatus comprising: The receiving module is used to receive user input on the target content to be displayed on the display interface; The acquisition module is used to acquire, in response to input, the first image data corresponding to the target display page related to the target display content, and the image blur parameters corresponding to the target display page; The processing module is used to generate multiple frames of blurred target images based on the image blur parameters and the first image data corresponding to the target display page; The display module is used to display multiple frames of blurred target images and target display pages in a first order.

[0007] Thirdly, embodiments of this application provide an electronic device including a processor and a memory, the memory storing a program or instructions that can run on the processor, the program or instructions implementing the steps of the method as described in the first aspect when executed by the processor.

[0008] Fourthly, embodiments of this application provide a readable storage medium on which a program or instructions are stored, which, when executed by a processor, implement the steps of the method described in the first aspect.

[0009] Fifthly, embodiments of this application provide a chip, the chip including a processor and a communication interface, the communication interface being coupled to the processor, the processor being used to run programs or instructions to implement the method as described in the first aspect.

[0010] In a sixth aspect, embodiments of this application provide a computer program product stored in a storage medium, which is executed by at least one processor to implement the method described in the first aspect.

[0011] In this embodiment, after receiving user input on a target object, the display device generates multiple frames of blurred images by combining them with the first image data corresponding to the target display page. These multiple frames of blurred images and the target display page are then displayed in a first order, enabling a dynamically changing display effect on the screen. Because the human eye exhibits a delayed response to external light stimuli, the continuous display of multiple blurred images achieves a dynamic and smooth visual display effect, effectively reducing limitations on the display screen's hardware configuration. Attached Figure Description

[0012] Figure 1 This is a flowchart illustrating a page display method provided in an embodiment of this application; Figure 2 This is a schematic diagram of a display interface provided in an embodiment of this application; Figure 3 This is a schematic diagram illustrating the relationship between motion distance and ambiguity provided in an embodiment of this application; Figure 4 This is a schematic diagram of a page display provided in an embodiment of this application; Figure 5 This is a schematic diagram of a target blurred image provided in an embodiment of this application; Figure 6 This is a schematic diagram of the structure of a page display device provided in an embodiment of this application; Figure 7 This is a schematic diagram of the structure of an electronic device provided in an embodiment of this application; Figure 8This is a schematic diagram of the hardware structure of another electronic device provided in an embodiment of this application. Detailed Implementation

[0013] The technical solutions of the embodiments of this application will be clearly described below with reference to the accompanying drawings. Obviously, the described embodiments are only some, not all, of the embodiments of this application. All other embodiments obtained by those skilled in the art based on the embodiments of this application are within the scope of protection of this application.

[0014] The terms "first," "second," etc., used in the specification and claims of this application are used to distinguish similar objects and not to describe a specific order or sequence. It should be understood that such use of data can be interchanged where appropriate so that embodiments of this application can be implemented in orders other than those illustrated or described herein, and the objects distinguished by "first," "second," etc., are generally of the same class and the number of objects is not limited; for example, a first object can be one or more. Furthermore, in the specification and claims, "and / or" indicates at least one of the connected objects, and the character " / " generally indicates that the preceding and following objects are in an "or" relationship.

[0015] As display devices become increasingly sophisticated, the functions they offer are becoming richer and richer. For example, the screen display effect is becoming clearer and clearer, bringing convenience to users' daily information browsing. Based on this, the smoothness of the displayed content's transitions is receiving increasing attention from users.

[0016] Currently, a common method to enhance visual smoothness is to insert an image frame between two image frames, thereby increasing the number of image frames displayed per second. However, since the upper limit of the number of image frames displayed per second on a display screen depends on its hardware configuration, it is difficult to improve the visual display effect of an existing display screen by inserting image frames, given its current hardware configuration.

[0017] In order to address the problems existing in the prior art, the purpose of the embodiments of this application is to provide a page display method, device, electronic device and readable storage medium that can achieve a smooth visual display effect during the dynamic change of the displayed content without being limited by the hardware configuration of the display screen.

[0018] Before introducing the specific implementation methods of this application, the technical terms used in describing the implementation methods of this disclosure will be introduced first.

[0019] The phenomenon of visual persistence involves a delayed response during both the establishment and disappearance of vision, with the delay during the disappearance of vision being longer than that during the establishment of vision, thus forming the phenomenon of visual persistence.

[0020] Apparent motion is a phenomenon that occurs when two stimuli (e.g., a light spot, a line, a picture, or a scene) are presented successively at certain spatial and time intervals, creating the visual effect of continuous movement from one stimulus to another. However, since the two stimuli do not actually move, this phenomenon is called apparent motion.

[0021] The relationship between visual persistence and apparent motion: the duration of visual persistence is approximately 1 / 20 to 1 / 10 of a second, while the time interval between two objects appearing sequentially in apparent motion is 1 / 30 to 1 / 10 of a second. In other words, the conditions for apparent motion to occur fall within the duration of visual persistence. Visual persistence is a physiological characteristic of humans, while apparent motion is a cognitive characteristic. Visual persistence causes the overlapping of images, while apparent motion creates the illusion of animation.

[0022] The page display method provided in this application will be described in detail below with reference to the accompanying drawings, through specific embodiments and application scenarios.

[0023] Figure 1 This is a flowchart illustrating a page display method provided in an embodiment of this application. The page display method can be applied to electronic devices including at least two screens, and the page display method may include the following steps 110 to 140.

[0024] Step 110: Receive user input on the target content to be displayed on the display interface.

[0025] Step 120: In response to the input, obtain the first image data corresponding to the target display page related to the input target display content, and obtain the image blur parameters corresponding to the target display page. Step 130: Generate multiple frames of target blurred images based on the image blur parameters and the first image data corresponding to the target display page.

[0026] Step 140: Display multiple frames of blurred target images and target display pages according to the first order.

[0027] In the embodiments of this application, the display device is, for example, an electronic device including a display screen, such as a smartphone, tablet computer, smart bracelet, smartwatch, and laptop computer.

[0028] Specifically, regarding step 110 above, the display interface refers to the content currently displayed on the screen of the display device. For example, the display interface can be a desktop, an application's interface, etc., and is not limited thereto. When the display interface is a desktop, the displayed content can be the desktop itself, and may also include at least one application identifier. The application identifier can be, for example, an application icon, associated controls of the application, etc. The application can be a browser, app store, address book, memo, application settings, or other applications installed on the display device. When it is an application's interface, the displayed content can include the application's control controls, lists, dialog boxes, etc., which are not listed here.

[0029] In some embodiments, the target display content is the content displayed in the display interface that receives input. For example, the input may be a click input, a long press input, a double-click input, a swipe input, etc., and there is no specific limitation here.

[0030] In connection with step 120 above, after receiving input from the user on the target display content, the display device can respond to the input and obtain the image blur parameters corresponding to the input.

[0031] Optionally, the image blurring parameters may include parameters that affect the blurring effect of the image, such as motion speed, motion direction, and motion distance, without specific limitations. For example, the correlation between image blurring parameters and blurring effect can be preset. For instance, the greater the motion speed, the higher the blur; another example is that the motion direction is the same as the blur direction; yet another example is that the relationship between motion distance and blur follows a normal distribution. Specifically, in an I-frame image, the blur increases sequentially from the first frame to the i-th frame, and decreases sequentially from the i-th frame to the I-th frame. That is, the target display page has the lowest blur at the beginning and end of the motion, and the highest blur in the middle.

[0032] In addition, in response to input, the display device also needs to determine the target display page associated with the target display content and obtain the first image data corresponding to the target display page. For example, when the target display content is an application identifier, the target display page associated with the target display content may correspond to the application's homepage. When the target display content is an associated control of the application, the target display page associated with the target display content may be, for example, the application page corresponding to the control in the application.

[0033] After obtaining the image blur parameters and the first image data corresponding to the target display page, the display device, in accordance with step 130 above, can generate multiple frames of target blurred images based on the image blur parameters and the first image data corresponding to the target display page.

[0034] For example, after obtaining the first image data corresponding to the target display page, multiple copies of the first image data can be made, and then different blurring processes can be applied to each first image to obtain multiple blurred images.

[0035] Optionally, the number of target blurred images can be preset; for example, different numbers can be preset for different application scenarios. Taking the application scenario of launching an application as an example, the preset number of blurred images could be several hundred frames. When a user inputs an application icon on the desktop to launch the application corresponding to the icon, the display device can achieve a dynamic display effect of the application interface by displaying several hundred frames of blurred images corresponding to the application interface.

[0036] After generating multiple blurred images, in step 140 above, the multiple blurred target images and the target display page can be displayed according to the first order.

[0037] When the target blurred image and the target display page are displayed in a first order, the content displayed on the screen can achieve a dynamically changing display effect. This dynamically changing display effect could include, for example, the display area of ​​the content corresponding to the target blurred image on the screen changing from small to large, or the display content corresponding to the target blurred image moving along a certain direction.

[0038] For example, in the scenario of opening an application, the first order could be to display multiple frames of blurred target images first, and then display the target display page; in the scenario of closing an application, the first order could be to display the target display page first, and then display the multiple frames of blurred target images. In another example, it could also be a page scrolling scenario. When the user controls the scrolling of a long page, the first order could be to display the image corresponding to the long page at the start of the scrolling, then display the multiple frames of blurred target images, and finally display the image corresponding to the long page at the end of the scrolling.

[0039] According to an embodiment of this application, after receiving user input on a target object, the display device generates multiple frames of blurred images by combining them with first image data corresponding to the target display page. Then, according to a first order, it displays the multiple frames of blurred target images and the target display page, achieving a dynamic display effect that makes the content displayed on the screen change dynamically. Since the human eye has a delayed response to external light stimuli, the continuous display of multiple blurred images can achieve a dynamic and smooth visual display effect. This effectively reduces the limitations of the display screen hardware configuration, effectively improves the smoothness of the visual display effect of low-frame-rate display devices, and enables low-frame-rate display devices to produce a visual display effect consistent with high-frame-rate display devices.

[0040] As a specific example, when the target display content is a first application identifier, and the input is used to open the first application page corresponding to the first application identifier, the input corresponding image blur parameter includes the first image blur parameter.

[0041] In step 120 above, obtaining the image blur parameters corresponding to the target display page includes: Obtain the first display position of the first application identifier; Based on the first association between the display position and the image blur parameter, the first image blur parameter associated with the first display position is determined, wherein the first image blur parameter includes a first motion distance, a first motion speed, and a first motion direction.

[0042] The blur degree of the target blurred image in each frame can be determined based on the image blur parameters. For example, the first motion distance can be used to represent the distance of the target blurred image from the display start point to the display end point, the first motion speed can be used to represent the speed of the target blurred image from the display start point to the display end point, and the first motion direction can be used to represent the direction of the target blurred image from the display start point to the display end point.

[0043] Taking the first motion distance as an example, and considering the relationship between motion distance and blurriness, the blurriness of the target image corresponding to the target display page is lowest at the starting point and ending point of the first motion distance, and highest at the midpoint of the first motion distance.

[0044] For example, the first application identifier may be the application icon, the application's associated controls, etc. Figure 2 This is a schematic diagram of a display interface provided in an embodiment of this application, combined with... Figure 2 As shown, Figure 2 To display the current display interface of the device, the content displayed on the interface may include application icons, clock controls, calendar controls, weather controls, etc. Optionally, the user can input a first application identifier 201 included in the interface to open the application page of the first application identifier 201. The first display position of the first application identifier is, for example... Figure 2 The display location is shown in app11.

[0045] In some embodiments, the first association between the display position and the image blur parameters may include the image blur parameters corresponding to each display position in the display interface. For example, after determining the display position of the application identifier, the image blur parameters corresponding to the display position of the application identifier can be determined according to the first association. The image blur parameters specifically include motion distance, motion speed, and motion direction.

[0046] Optionally, the first association between the display position and the image blur parameters can be pre-generated. When generating the first association between the display position and the image blur parameters, a reference point can be set for each application identifier, representing the display position of the application identifier. Based on the positional relationship between the application identifier's reference point and the pre-generated reference point, the image blur parameters corresponding to each display position are determined. For example, the reference point can be the center point of the application identifier, the distance from the center point of the application identifier to the center point of the display interface can be used as the movement distance corresponding to the display position, and the direction from the center point of the application identifier to the center point of the display interface can be used as the movement direction. Optionally, the movement speed corresponding to the display position can be set to a fixed movement speed, which is not specifically limited here.

[0047] According to the embodiments of this application, before displaying the first application page, the first image blur parameters required for displaying the first application page can be quickly determined based on the first association relationship between the display position and the image blur parameters, so as to improve the efficiency of generating blurred images and further enhance the smoothness of the application page display process.

[0048] In some embodiments, involving step 130 above, the target display page is a first application page, and the first image data is the image data of the first application page. Generating multiple frames of target blurred images based on image blur parameters and the first image data corresponding to the target display page may specifically include: Step 301: Determine the first image processing parameter associated with the first motion distance based on the second correlation between motion distance and image processing parameters.

[0049] The first image processing parameter includes the number of image frames N and the first blur degree corresponding to the target blurred image in each frame, where N is a positive integer.

[0050] Step 302: Generate N frames of first blurred images based on the image data of the first application page and the first blur degree corresponding to each frame of the target blurred image.

[0051] Step 303: Adjust the display area of ​​the first blurred image in each frame according to the first motion speed and the first motion direction to obtain N frames of target blurred images.

[0052] Among them, the display area of ​​the blurred target image in the (n+1)th frame is greater than the display area of ​​the blurred target image in the nth frame, and 1≤n<n+1≤N.

[0053] In this embodiment, different motion distances can correspond to different image processing parameters, which may include the number of image frames and the blur level for each frame. Optionally, the number of image frames corresponding to different motion distances can be the same or different. When the number of image frames corresponding to different motion distances is different, the value of the number of image frames can increase with the increase of the motion distance, which is not specifically limited here.

[0054] As a concrete example, when generating the second correlation between motion distance and image processing parameters, the relationship between motion distance and blur can be set as a function that satisfies a normal distribution. Specifically, Figure 3 This is a schematic diagram illustrating the relationship between motion distance and ambiguity provided in an embodiment of this application. Figure 3 As shown, the nth frame corresponds to the blur during the motion process, and the Nth frame corresponds to the blur at the end of the motion. The target display page has the lowest blur at the beginning and end of the motion, and the highest blur in the middle process.

[0055] After obtaining the first image blur parameters corresponding to the first display position, the display device can determine the first image processing parameters based on the first motion distance in the first image blur parameters, thereby determining the number of target blurred images to be generated and the blur level corresponding to each frame of target blurred images. Next, the display device can generate N frames of first blurred images based on the first image data corresponding to the target display page and the blur level corresponding to each frame of target blurred images.

[0056] Typically, the display area of ​​the application identifier is smaller than the display area of ​​the application page. Therefore, the dynamic display process of the first application page is specifically a process in which the display area of ​​N frames of images increases frame by frame. Thus, in this embodiment, the display area of ​​each frame of the first blurred image is adjusted according to the first motion speed and the first motion direction to obtain N frames of target blurred images.

[0057] For example, based on the first motion speed and the first motion direction, the display position of the first blurred image in each frame can be determined, and the display area of ​​the first blurred image varies depending on the display position. Optionally, the adjusted first blurred image is the target blurred image. For example, Figure 4 This is a schematic diagram of a page display provided in an embodiment of this application. For example, in conjunction with... Figure 4 The target blurred image 401 in (a) Figure 4 The target blurred image 402 in (b) and Figure 4 As shown in the target blurred image 403 in (c), during the display process of the target display page, the display area of ​​the target blurred image increases from small to large.

[0058] According to the embodiments of this application, since the first image blur parameter is determined in combination with the actual display position of the first application identifier, the blur degree and display area corresponding to the target blurred image in each frame can be flexibly adjusted based on the actual display position of the first application identifier. This can improve the overall smoothness of the content displayed on the screen during the switching process and avoid the occurrence of low smoothness of the visual display effect due to a single blur degree.

[0059] In some embodiments, when the target display content is a second application page and an input is made to close the second application page, step 120 described above, which involves obtaining the image blur parameters corresponding to the target display page, may further include: Obtain the second display position of the second application page corresponding to the second application identifier; Based on the third correlation between the display position and the image blur parameters, the second image blur parameters associated with the second display position are determined, wherein the second image blur parameters include the second motion distance, the second motion speed, and the second motion direction.

[0060] Specifically, the second application page can be an application page from a built-in application on the display device, or it can be an application page from a third-party application.

[0061] In some embodiments, when the target display content is a second application page, the input may be, for example, a swipe input along a predetermined direction, or a click input to the return-to-desktop control, etc., and there are no specific limitations here.

[0062] In this embodiment, the third association between display position and image blur parameters may include the image blur parameters corresponding to each display position in the display interface. That is, each display position may correspond to a movement distance, movement speed, and movement direction. The third association may be the same as or different from the first association provided in this embodiment, and is not specifically limited herein.

[0063] Based on the third association provided in the embodiments of this application, after determining the second display position of the second application identifier corresponding to the second application page, the required second image blur parameters can be quickly obtained.

[0064] According to the embodiments of this application, before closing the second application page, the second image blur parameters required to generate the target blurred image can be quickly determined based on the third correlation between the display position and the image blur parameters, so as to improve the efficiency of generating blurred images and further enhance the smoothness of the content switching process on the display screen.

[0065] In some embodiments, when the target display page is a second application page and the first image data is the image data of the second application page; involving the above step 130, generating multiple frames of target blurred images based on the image blur parameters and the first image data corresponding to the target display page may specifically include: Step 501: Determine the target image processing parameters associated with the second motion distance based on the second correlation between the preset motion distance and the image processing parameters. The target image processing parameters include the number of image frames M and the target blur degree corresponding to each frame of the target blurred image, where M is a positive integer. Step 502: Generate M frames of second blurred images based on the image data of the second application page and the target blur degree corresponding to each frame of target blurred image; Step 503: Adjust the display area of ​​the second blurred image in each frame according to the second motion speed and the second motion direction to obtain M frames of target blurred images; Among them, the display area of ​​the blurred target image in the (m+1)th frame is smaller than the display area of ​​the blurred target image in the mth frame, and 1≤m<m+1≤M.

[0066] Specifically, in the embodiments of this application, different motion distances can correspond to different image processing parameters, which may include the number of image frames and the blur level corresponding to each image frame.

[0067] After obtaining the second image blur parameters corresponding to the second display position, the display device can determine the target image processing parameters associated with the second motion distance based on the second motion distance in the second image blur parameters, so as to obtain the number M of target blurred images to be generated, and the target blur degree corresponding to each frame of target blurred images. Next, the display device performs blur processing on the image data of the second application page according to the target blur degree corresponding to each frame of target blurred images, generating M frames of second blurred images.

[0068] Typically, the display area of ​​the application page is larger than the display area of ​​the application identifier. The dynamic closing process of the second application page can specifically be a process in which the display area of ​​the M-frame images decreases frame by frame. Therefore, in this embodiment, the display area of ​​the second blurred image in each frame is adjusted according to the second motion speed and the second motion direction to obtain the M-frame target blurred image.

[0069] For example, the display position of the second blurred image in each frame can be determined based on the second motion speed and the second motion direction. The display area of ​​the second blurred image varies depending on the display position. Optionally, after the display area of ​​the second blurred image is adjusted, the adjusted second blurred image can be used as the target blurred image.

[0070] According to the embodiments of this application, since the second image blur parameter is determined in combination with the actual display position of the second application identifier, the blur degree and display area corresponding to the target blurred image in each frame can be flexibly adjusted based on the actual display position of the second application identifier. This can improve the overall smoothness of the content displayed on the screen during the switching process and avoid the situation where a single blur degree leads to a low smoothness of the visual display effect.

[0071] In some embodiments, the input includes a sliding control input. When the target display content is a portion of a third application page, and the sliding control input is used to control the sliding of the third application page, the image blurring parameter corresponding to the control input includes a third image blurring parameter, wherein the page length of the third application page is greater than a preset interface length. Regarding step 120 above, obtaining the second blurred image blurring parameter may further include: Step 601: Obtain the sliding speed corresponding to the sliding control input; Step 602: Determine the third motion speed of the third application page based on the conversion relationship between the sliding speed and the preset speed; Step 603: When the third motion speed is greater than the preset speed, obtain the sliding direction corresponding to the sliding control input and the sliding distance of the sliding trajectory corresponding to the sliding control input; Step 604: Determine the third motion direction of the third application page according to the sliding direction corresponding to the sliding control input, and determine the third motion distance of the third application page according to the sliding distance of the sliding trajectory corresponding to the sliding control input and the preset distance conversion relationship.

[0072] For example, the preset interface length can be determined based on the actual size of the display screen on the display device. When the length of the third application page is greater than the preset interface length, the user can adjust the displayed portion of the third application page on the screen by sliding the input control. The third page could be, for example, a contact list page, a message display page, a settings options page, a product display page, or other swipeable pages, which will not be listed here.

[0073] In this embodiment, the input may include swipe control input. Optionally, swipe control input may specifically be input by the user continuously swiping on the screen with a finger or stylus. Swipe control input may also be control input that swipes in a predetermined direction, such as upward swipe control input, downward swipe control input, leftward swipe control input, etc. Users may also use two-finger swipe control input, three-finger swipe control input, etc., without specific limitations. Swipe control input may also be input by the user through page controls; that is, the user controls the page swiping by operating page controls. Page controls include, for example, "Next Page," "Previous Page," "Last Page," etc., which are not listed here.

[0074] Because the human eye has a delayed response to external light stimuli, when the page scrolling speed exceeds a certain speed threshold, the human eye cannot capture a clear image during the scrolling process. Therefore, in this embodiment, a preset speed is set in advance. When the page movement speed exceeds the preset speed, the displayed content on the page is blurred to ensure a smooth visual display effect.

[0075] In this embodiment, after receiving a sliding control input, the display device determines the third movement speed of the third application page according to a preset speed conversion relationship. Optionally, the preset speed conversion relationship can be a pre-set conversion relationship between the sliding speed and the page's movement speed. For example, the preset speed conversion relationship can be that the page's movement speed is a preset multiple of the sliding speed, which is not specifically limited here.

[0076] When the display device receives a sliding control input, it first determines whether the third movement speed corresponding to the sliding control input is greater than a preset speed. If the third movement speed is greater than the preset speed, it then obtains the sliding direction corresponding to the sliding control input and the sliding distance of the sliding trajectory corresponding to the sliding control input. Next, based on the sliding direction corresponding to the sliding control input, the third movement direction of the third application page can be determined, and based on the sliding distance of the sliding trajectory corresponding to the sliding control input, the third movement distance of the third application page can be determined.

[0077] In one example, taking continuous swiping input by a user using a finger or stylus on the screen as an example, when the angle between the swiping direction and the bottom edge of the screen meets a preset angle range, the movement direction of the third application page can be determined to be upward. The display device, after obtaining the swiping distance corresponding to the swiping trajectory of the swiping control input, determines the third movement distance of the third application page by combining it with a preset distance conversion relationship. Optionally, the preset distance conversion relationship can be a pre-set conversion relationship between the swiping distance and the page's movement distance. For example, the preset distance conversion relationship could be that the page's movement distance is a preset multiple of the swiping distance, which is not specifically limited here.

[0078] In another example, taking user input controlling page scrolling as an example, each page control can be associated with a preset page movement speed. This preset page movement speed can be set to be greater than or less than a preset speed; there is no specific limitation here. Optionally, the relationship between the number of times a page control is clicked and the page movement speed can also be preset. For example, the more times the user clicks the page control consecutively, the faster the corresponding scrolling speed.

[0079] When the display device determines that the third motion speed is greater than the preset speed, it can obtain the preset motion direction and motion distance associated with the page control, and use the preset motion direction associated with the page control as the third motion direction, and determine the preset motion distance associated with the page control as the third motion distance.

[0080] According to the embodiments of this application, before controlling the sliding of the third application page, the midpoint movement speed of the third image blur parameters is first obtained, and when the third movement speed is greater than the preset speed, the third movement distance and the third movement direction in the third image blur parameters are obtained, so that the target blurred image obtained after the blurring process can achieve a smooth visual display effect when displayed.

[0081] In some embodiments, the first image data is image data of a third application page; related to step 130 above, generating multiple frames of target blurred images based on the image blur parameters and the first image data corresponding to the target display content may further include: Step 701: Based on the fourth correlation between motion distance and image processing parameters, determine the second image processing parameters associated with the third motion distance, wherein the second image processing parameters include the number of image frames Y and the second blur degree corresponding to the target blurred image in each frame, where Y is a positive integer; Step 702: Based on the third motion speed and the third motion direction, obtain Y second image data to be blurred from the image data of the third application page; Step 703: Based on the second blur degree corresponding to each frame of the target blurred image, perform blur processing on each second image data to obtain the Y-frame target blurred image.

[0082] Specifically, in the embodiments of this application, different motion distances can correspond to different image processing parameters, which may include the number of image frames and the blur level corresponding to each image frame. Optionally, the fourth correlation between motion distance and image processing parameters may be the same as or different from the second correlation provided in the embodiments of this application, and is not specifically limited here.

[0083] After obtaining the third motion distance, the display device can determine the second image processing parameters based on the fourth correlation between the motion distance and the blur parameters, so as to determine the number Y of target blurred images to be generated and the second blur degree corresponding to each frame of target blurred images.

[0084] Because the length of the third application page is greater than the preset interface length, only a portion of the third application page can be displayed on the screen of the display device. Correspondingly, as the third application page is scrolled, the portion of the page displayed on the screen also changes. Therefore, it is necessary to first determine the second image data to be blurred for each frame by combining the third motion speed and the third motion direction; that is, to generate the image data required for each frame of the target blurred image. Then, based on the second blur degree corresponding to each frame of the target blurred image, each second image data is blurred to obtain the Y-frame target blurred image. For example, Figure 5 This is a schematic diagram of a target blurred image provided in an embodiment of this application. The blurred image is one of the blurred frames in a Y-frame blurred image. When the Y-frame target blurred images are displayed continuously, a visual display effect of dynamic sliding within the page can be achieved.

[0085] According to the embodiments of this application, during the sliding process of the third application page, by taking the third application page as the main body of the movement, a blurring effect is added to the second image data corresponding to each frame of the image displayed on the screen to obtain a target blurred image. This can effectively reduce the inter-frame changes between two adjacent image frames, and can reduce the amount of data processing while ensuring a smooth visual effect, thereby reducing device power consumption.

[0086] In some embodiments, when the target display content is a first application identifier and the input is used to open the first application page corresponding to the first application identifier, the first order is to display multiple frames of target blurred images and the target display page in sequence. When the target display content is the second application page, and the input is used to close the second application page, the first order is the target display page and multiple frames of target blurred images displayed sequentially. When the target display content is a portion of the third application page, and the input is used to control the sliding of the third application page, the target display page includes a first subpage and a second subpage. The first order is that the first subpage, the multi-frame target blurred image, and the second subpage are displayed sequentially. The first subpage is the portion of the page displayed before the sliding of the third application page begins, and the second subpage is the portion of the page displayed after the sliding of the third application page ends.

[0087] According to embodiments of this application, by displaying multiple frames of blurred target images and target display pages in a first order, the displayed content on the screen achieves a dynamically changing actual display effect. Since the human eye exhibits a delayed response to external light stimuli, the continuous display of multiple blurred images enables a dynamic and smooth visual display effect. This effectively reduces the limitations of display screen hardware configuration, significantly improves the smoothness of the visual display effect on low-frame-rate display devices, and allows low-frame-rate display devices to produce a visual display effect consistent with high-frame-rate display devices.

[0088] The page display method provided in this application can be executed by a page display device. This application uses a page display device executing the page display method as an example to illustrate the page display device provided in this application.

[0089] Figure 6 This is a schematic diagram of the structure of a page display device provided in an embodiment of this application, combined with... Figure 6 As shown, the page display device includes: a receiving module 610, an acquisition module 620, a processing module 630, and a display module 640.

[0090] The receiving module 610 is used to receive user input on the target display content in the display interface; The acquisition module 620 is used to, in response to input, acquire the first image data corresponding to the target display page related to the target display content, and acquire the image blur parameters corresponding to the target display page; Processing module 630 is used to generate multiple frames of target blurred images based on image blur parameters and first image data corresponding to the target display page; Display module 640 is used to display multiple frames of blurred target images and target display pages according to a first order.

[0091] In this embodiment, after receiving user input on a target object, the display device generates multiple frames of blurred images by combining them with the first image data corresponding to the target display page. These multiple frames of blurred images and the target display page are then displayed in a first order, achieving a dynamically changing display effect on the screen content. Because the human eye exhibits a delayed response to external light stimuli, the continuous display of multiple blurred images enables a dynamic and smooth visual display effect, effectively reducing limitations on the display screen's hardware configuration.

[0092] In some embodiments, when the target display content is a first application identifier and the input is used to open the first application page corresponding to the first application identifier, the input of the corresponding image blur parameter includes the first image blur parameter. The acquisition module 620 is also used to acquire the first display position of the first application identifier; The processing module 630 is further configured to determine a first image blur parameter associated with the first display position based on a first association relationship between the display position and the image blur parameter, wherein the first image blur parameter includes a first motion distance, a first motion speed, and a first motion direction.

[0093] According to the embodiments of this application, before displaying the first application page, the first image blur parameters required for displaying the first application page can be quickly determined based on the first association relationship between the display position and the image blur parameters, so as to improve the efficiency of generating blurred images and further enhance the smoothness of the application page display process.

[0094] In some embodiments, the target display page is a first application page, and the first image data is the image data of the first application page; The processing module 630 is further configured to determine the first image processing parameters associated with the first motion distance based on the second correlation between the motion distance and the image processing parameters, wherein the first image processing parameters include the number of image frames N and the first blur degree corresponding to each frame of the target blurred image, and N is a positive integer; The processing module 630 is also used to generate N frames of first blurred images based on the image data of the first application page and the first blur degree corresponding to each frame of target blurred image; The processing module 630 is also used to adjust the display area of ​​each frame of the first blurred image according to the first motion speed and the first motion direction to obtain N frames of target blurred images; Among them, the display area of ​​the blurred target image in the (n+1)th frame is greater than the display area of ​​the blurred target image in the nth frame, and 1≤n<n+1≤N.

[0095] According to the embodiments of this application, since the first image blur parameter is determined in combination with the actual display position of the first application identifier, the blur degree and display area corresponding to the target blurred image in each frame can be flexibly adjusted based on the actual display position of the first application identifier. This can improve the overall smoothness of the content displayed on the screen during the switching process and avoid the occurrence of low smoothness of the visual display effect due to a single blur degree.

[0096] In some embodiments, when the target display content is a second application page and the input is used to close the second application page, the input of the corresponding image blur parameter includes the second image blur parameter. The acquisition module 620 is also used to acquire the second display position of the second application identifier corresponding to the second application page; The processing module 630 is further configured to determine a second image blur parameter associated with the second display position based on a third association relationship between the display position and the image blur parameter, wherein the second image blur parameter includes a second motion distance, a second motion speed, and a second motion direction.

[0097] According to the embodiments of this application, since the second image blur parameter is determined in combination with the actual display position of the second application identifier, the blur degree and display area corresponding to the target blurred image in each frame can be flexibly adjusted based on the actual display position of the second application identifier. This can improve the overall smoothness of the content displayed on the screen during the switching process and avoid the situation where the visual display effect is low due to a single blur degree.

[0098] In some embodiments, the input includes a sliding control input. When the target display content is a portion of the third application page, and the sliding control input is used to control the sliding of the third application page, the corresponding image blur parameter includes a third image blur parameter, wherein the page length of the third application page is greater than the preset interface length. The acquisition module 620 is also used to acquire the sliding speed corresponding to the sliding control input; The processing module 630 is also used to determine the third motion speed of the third application page based on the conversion relationship between the sliding speed and the preset speed; The acquisition module 620 is also used to acquire the sliding direction corresponding to the sliding control input and the sliding distance of the sliding trajectory corresponding to the sliding control input when the third motion speed is greater than the preset speed; The processing module 630 is also used to determine the third motion direction of the third application page according to the sliding direction corresponding to the sliding control input, and to determine the third motion distance of the third application page according to the sliding distance of the sliding trajectory corresponding to the sliding control input and the preset distance conversion relationship.

[0099] According to the embodiments of this application, before controlling the sliding of the third application page, the midpoint movement speed of the third image blur parameters is first obtained, and when the third movement speed is greater than the preset speed, the third movement distance and the third movement direction in the third image blur parameters are obtained, so that the target blurred image obtained after the post-blurring process can achieve a smooth visual display effect when displayed.

[0100] In some embodiments, the first image data is the image data of a third application page; The processing module 630 is further configured to determine the second image processing parameters associated with the third motion distance based on the fourth correlation between the motion distance and the image processing parameters, wherein the second image processing parameters include the number of image frames Y and the second blur degree corresponding to each frame of the target blurred image, and Y is a positive integer; The processing module 630 is also used to obtain Y second image data to be blurred from the image data of the third application page according to the third motion speed and the third motion direction; The processing module 630 is also used to perform blur processing on each second image data according to the second blur degree corresponding to each frame of target blurred image to obtain Y frame target blurred image.

[0101] According to the embodiments of this application, during the sliding process of the third application page, by taking the third application page as the main body of the movement, a blurring effect is added to the second image data corresponding to each frame of the image displayed on the screen to obtain a target blurred image. This can effectively reduce the inter-frame changes between two adjacent image frames, and can reduce the amount of data processing while ensuring a smooth visual effect, thereby reducing device power consumption.

[0102] In some embodiments, when the target display content is a first application identifier and the input is used to open the first application page corresponding to the first application identifier, the first order is to display multiple frames of target blurred images and the target display page in sequence. When the target display content is the second application page, and the input is used to close the second application page, the first order is to display the target display page and multiple frames of target blurred images in sequence. When the target display content is a portion of the third application page, and the input is used to control the sliding of the third application page, the target display page includes a first subpage and a second subpage. The first order is that the first subpage, the multi-frame target blurred image, and the second subpage are displayed sequentially. The first subpage is the portion of the page displayed before the sliding of the third application page begins, and the second subpage is the portion of the page displayed after the sliding of the third application page ends.

[0103] According to embodiments of this application, by displaying multiple frames of blurred target images and target display pages in a first order, the displayed content on the screen achieves a dynamically changing actual display effect. Since the human eye exhibits a delayed response to external light stimuli, the continuous display of multiple blurred images enables a dynamic and smooth visual display effect. This effectively reduces the limitations of display screen hardware configuration, significantly improves the smoothness of the visual display effect on low-frame-rate display devices, and allows low-frame-rate display devices to produce a visual display effect consistent with high-frame-rate display devices.

[0104] The page display device in this application embodiment can be an electronic device or a component within an electronic device, such as an integrated circuit or a chip. The electronic device can be a terminal or other devices besides a terminal. For example, the electronic device can be a mobile phone, tablet computer, laptop computer, PDA, in-vehicle electronic device, mobile internet device (MID), augmented reality (AR) / virtual reality (VR) device, robot, wearable device, ultra-mobile personal computer (UMPC), netbook, or personal digital assistant (PDA), etc. It can also be a server, network attached storage (NAS), personal computer (PC), television (TV), ATM, or self-service machine, etc. This application embodiment does not specifically limit the scope of the device.

[0105] The page display device in this application embodiment can be a device with an operating system. This operating system can be Android, iOS, or other possible operating systems; this application embodiment does not specifically limit the specific operating system used.

[0106] The page display device provided in this application embodiment can achieve... Figures 1 to 5 The various processes implemented in the method implementation examples will not be described again here to avoid repetition.

[0107] Optionally, such as Figure 7 As shown, this application embodiment also provides an electronic device 700, including a processor 701 and a memory 702. The memory 702 stores a program or instructions that can run on the processor 701. When the program or instructions are executed by the processor 701, they implement the various steps of the above-described page display method embodiment and can achieve the same technical effect. To avoid repetition, they will not be described again here.

[0108] It should be noted that the electronic devices in the embodiments of this application include the mobile electronic devices and non-mobile electronic devices described above.

[0109] Figure 8 A schematic diagram of the hardware structure of an electronic device to implement an embodiment of this application.

[0110] The electronic device 800 includes, but is not limited to, components such as: radio frequency unit 801, network module 802, audio output unit 803, input unit 804, sensor 805, display unit 806, user input unit 807, interface unit 808, memory 809, and processor 810.

[0111] Those skilled in the art will understand that the electronic device 800 may also include a power supply (such as a battery) for supplying power to various components. The power supply may be logically connected to the processor 810 through a power management system, thereby enabling functions such as managing charging, discharging, and power consumption through the power management system. Figure 8 The electronic device structure shown does not constitute a limitation on the electronic device. The electronic device may include more or fewer components than shown, or combine certain components, or have different component arrangements, which will not be elaborated here.

[0112] The input unit 804 is used to receive user input on the target display content in the display interface; The processor 810 is configured to, in response to input, acquire first image data corresponding to the target display page related to the target display content, and acquire image blur parameters corresponding to the target display page; The processor 810 is used to generate multiple frames of target blurred images based on image blur parameters and first image data corresponding to the target display page; Display unit 806 is used to display multiple frames of blurred target images and target display pages according to a first order.

[0113] In this embodiment, after receiving user input on a target object, the display device generates multiple frames of blurred images by combining them with the first image data corresponding to the target display page. These multiple frames of blurred images and the target display page are then displayed in a first order, achieving a dynamically changing display effect on the screen content. Because the human eye exhibits a delayed response to external light stimuli, the continuous display of multiple blurred images enables a dynamic and smooth visual display effect, effectively reducing limitations on the display screen's hardware configuration.

[0114] In some embodiments, when the target display content is a first application identifier and the input is used to open the first application page corresponding to the first application identifier, the input of the corresponding image blur parameter includes the first image blur parameter. The processor 810 is also used to obtain the first display position of the first application identifier; The processor 810 is further configured to determine a first image blur parameter associated with the first display position based on a first association relationship between the display position and the image blur parameter, wherein the first image blur parameter includes a first motion distance, a first motion speed, and a first motion direction.

[0115] According to the embodiments of this application, before displaying the first application page, the first image blur parameters required for displaying the first application page can be quickly determined based on the first association relationship between the display position and the image blur parameters, so as to improve the efficiency of generating blurred images and further enhance the smoothness of the application page display process.

[0116] In some embodiments, the target display page is a first application page, and the first image data is the image data of the first application page; The processor 810 is further configured to determine the first image processing parameters associated with the first motion distance based on the second correlation between the motion distance and the image processing parameters, wherein the first image processing parameters include the number of image frames N and the first blur degree corresponding to the target blurred image in each frame, and N is a positive integer; The processor 810 is also configured to generate N frames of first blurred images based on the image data of the first application page and the first blur degree corresponding to each frame of target blurred image; The processor 810 is also used to adjust the display area of ​​each frame of the first blurred image according to the first motion speed and the first motion direction to obtain N frames of target blurred images; Among them, the display area of ​​the blurred target image in the (n+1)th frame is greater than the display area of ​​the blurred target image in the nth frame, and 1≤n<n+1≤N.

[0117] According to the embodiments of this application, since the first image blur parameter is determined in combination with the actual display position of the first application identifier, the blur degree and display area corresponding to the target blurred image in each frame can be flexibly adjusted based on the actual display position of the first application identifier. This can improve the overall smoothness of the content displayed on the screen during the switching process and avoid the occurrence of low smoothness of the visual display effect due to a single blur degree.

[0118] In some embodiments, when the target display content is a second application page and the input is used to close the second application page, the input of the corresponding image blur parameter includes the second image blur parameter. The processor 810 is also used to obtain the second display position of the second application identifier corresponding to the second application page; The processor 810 is further configured to determine a second image blur parameter associated with the second display position based on a third association relationship between the display position and the image blur parameter, wherein the second image blur parameter includes a second motion distance, a second motion speed, and a second motion direction.

[0119] According to the embodiments of this application, since the second image blur parameter is determined in combination with the actual display position of the second application identifier, the blur degree and display area corresponding to the target blurred image in each frame can be flexibly adjusted based on the actual display position of the second application identifier. This can improve the overall smoothness of the content displayed on the screen during the switching process and avoid the situation where a single blur degree leads to a low smoothness of the visual display effect.

[0120] In some embodiments, the input includes a sliding control input. When the target display content is a portion of the third application page, and the sliding control input is used to control the sliding of the third application page, the corresponding image blur parameter includes a third image blur parameter, wherein the page length of the third application page is greater than the preset interface length. The processor 810 is also used to obtain the sliding speed corresponding to the sliding control input; The processor 810 is also used to determine the third motion speed of the third application page based on the conversion relationship between the sliding speed and the preset speed; The processor 810 is also used to obtain the sliding direction corresponding to the sliding control input and the sliding distance of the sliding trajectory corresponding to the sliding control input when the third motion speed is greater than the preset speed; The processor 810 is also used to determine the third motion direction of the third application page according to the sliding direction corresponding to the sliding control input, and to determine the third motion distance of the third application page according to the sliding distance of the sliding trajectory corresponding to the sliding control input and the preset distance conversion relationship.

[0121] According to the embodiments of this application, before controlling the sliding of the third application page, the midpoint movement speed of the third image blur parameters is first obtained, and when the third movement speed is greater than the preset speed, the third movement distance and the third movement direction in the third image blur parameters are obtained, so that the target blurred image obtained after the post-blurring process can achieve a smooth visual display effect when displayed.

[0122] In some embodiments, the first image data is the image data of a third application page; The processor 810 is further configured to determine the second image processing parameters associated with the third motion distance based on the fourth correlation between the motion distance and the image processing parameters, wherein the second image processing parameters include the number of image frames Y and the second blur degree corresponding to the target blurred image in each frame, and Y is a positive integer; The processor 810 is also configured to obtain Y second image data to be blurred from the image data of the third application page based on the third motion speed and the third motion direction. The processor 810 is also configured to perform blurring processing on each second image data according to the second blur degree corresponding to each frame of target blurred image to obtain Y frame target blurred image.

[0123] According to the embodiments of this application, during the sliding process of the third application page, by taking the third application page as the main body of the movement, a blurring effect is added to the second image data corresponding to each frame of the image displayed on the screen to obtain a target blurred image. This can effectively reduce the inter-frame changes between two adjacent image frames, and can reduce the amount of data processing while ensuring a smooth visual effect, thereby reducing device power consumption.

[0124] According to embodiments of this application, by displaying multiple frames of blurred target images and target display pages in a first order, the displayed content on the screen achieves a dynamically changing actual display effect. Since the human eye exhibits a delayed response to external light stimuli, the continuous display of multiple blurred images enables a dynamic and smooth visual display effect. This effectively reduces the limitations of display screen hardware configuration, significantly improves the smoothness of the visual display effect on low-frame-rate display devices, and allows low-frame-rate display devices to produce a visual display effect consistent with high-frame-rate display devices.

[0125] It should be understood that, in this embodiment, the input unit 804 may include a graphics processing unit (GPU) 8041 and a microphone 8042. The GPU 8041 processes image data of still images or videos obtained by an image capture device (such as a camera) in video capture mode or image capture mode. The display unit 806 may include a display panel 8061, which may be configured in the form of a liquid crystal display, an organic light-emitting diode, or the like. The user input unit 807 includes at least one of a touch panel 8071 and other input devices 8072. The touch panel 8071 is also called a touch screen. The touch panel 8071 may include a touch detection device and a touch controller. Other input devices 8072 may include, but are not limited to, physical keyboards, function keys (such as volume control buttons, power buttons, etc.), trackballs, mice, and joysticks, which will not be described in detail here.

[0126] The memory 809 can be used to store software programs and various data. The memory 809 may primarily include a first storage area for storing programs or instructions and a second storage area for storing data. The first storage area may store the operating system, application programs or instructions required for at least one function (such as sound playback, image playback, etc.). Furthermore, the memory 809 may include volatile memory or non-volatile memory, or both. The non-volatile memory may be read-only memory (ROM), programmable read-only memory (PROM), erasable programmable read-only memory (EPROM), electrically erasable programmable read-only memory (EEPROM), or flash memory. Volatile memory can be random access memory (RAM), static random access memory (SRAM), dynamic random access memory (DRAM), synchronous dynamic random access memory (SDRAM), double data rate synchronous dynamic random access memory (DDRSDRAM), enhanced synchronous dynamic random access memory (ESDRAM), synchronous link dynamic random access memory (SLDRAM), and direct memory bus RAM (DRRAM). The memory 809 in the embodiments of this application includes, but is not limited to, these and any other suitable types of memory.

[0127] Processor 810 may include one or more processing units; optionally, processor 810 integrates an application processor and a modem processor, wherein the application processor mainly handles operations involving the operating system, user interface, and applications, and the modem processor mainly handles wireless communication signals, such as a baseband processor. It is understood that the aforementioned modem processor may also not be integrated into processor 810.

[0128] This application also provides a readable storage medium storing a program or instructions. When the program or instructions are executed by a processor, they implement the various processes of the above-described page display method embodiments and achieve the same technical effect. To avoid repetition, they will not be described again here.

[0129] The processor is the processor in the electronic device described in the above embodiments. The readable storage medium includes computer-readable storage media, such as computer read-only memory (ROM), random access memory (RAM), magnetic disk, or optical disk.

[0130] This application embodiment also provides a chip, which includes a processor and a communication interface. The communication interface is coupled to the processor. The processor is used to run programs or instructions to implement the various processes of the above-described page display method embodiments and can achieve the same technical effect. To avoid repetition, it will not be described again here.

[0131] It should be understood that the chip mentioned in the embodiments of this application may also be referred to as a system-on-a-chip, system chip, chip system, or system-on-a-chip, etc.

[0132] This application provides a computer program product that is stored in a storage medium and executed by at least one processor to implement the various processes of the page display method embodiment described above, and can achieve the same technical effect. To avoid repetition, it will not be described again here.

[0133] It should be noted that, in this document, the terms "comprising," "including," or any other variations thereof are intended to cover non-exclusive inclusion, such that a process, method, article, or apparatus that comprises a list of elements includes not only those elements but also other elements not expressly listed, or elements inherent to such a process, method, article, or apparatus. Without further limitations, an element defined by the phrase "comprising one..." does not exclude the presence of other identical elements in the process, method, article, or apparatus that includes that element. Furthermore, it should be noted that the scope of the methods and apparatuses in the embodiments of this application is not limited to performing functions in the order shown or discussed, but may also include performing functions substantially simultaneously or in the reverse order, depending on the functions involved. For example, the described methods may be performed in a different order than described, and various steps may be added, omitted, or combined. Additionally, features described with reference to certain examples may be combined in other examples.

[0134] Through the above description of the embodiments, those skilled in the art can clearly understand that the methods of the above embodiments can be implemented by means of software plus necessary general-purpose hardware platforms. Of course, they can also be implemented by hardware, but in many cases the former is a better implementation method. Based on this understanding, the technical solution of this application, in essence, or the part that contributes to the prior art, can be embodied in the form of a computer software product. This computer software product is stored in a storage medium (such as ROM / RAM, magnetic disk, optical disk) and includes several instructions to cause a terminal (which may be a mobile phone, computer, server, or network device, etc.) to execute the methods described in the various embodiments of this application.

[0135] The embodiments of this application have been described above with reference to the accompanying drawings. However, this application is not limited to the specific embodiments described above. The specific embodiments described above are merely illustrative and not restrictive. Those skilled in the art can make many other forms under the guidance of this application without departing from the spirit and scope of the claims, and all of these forms are within the protection scope of this application.

Claims

1. A page display method, characterized in that, The method includes: Receive user input regarding the target content to be displayed on the interface; In response to the input, first image data corresponding to the target display page related to the target display content is obtained, and image blur parameters corresponding to the target display page are obtained; Based on the image blur parameters and the first image data corresponding to the target display page, generate multiple frames of target blurred images; According to the first order, the multi-frame blurred target image and the target display page are displayed; When the target display content is a first application identifier, and the input is used to open the first application page corresponding to the first application identifier, the image blur parameter corresponding to the input includes a first image blur parameter; the target display page is the first application page, and the first image data is the image data of the first application page; the first order is the sequential display of the multi-frame target blurred image and the target display page; obtaining the image blur parameter corresponding to the target display page includes: Obtain the first display position of the first application identifier; Based on the first association relationship between the display position and the image blur parameter, the first image blur parameter associated with the first display position is determined, wherein the first image blur parameter includes a first motion distance, a first motion speed, and a first motion direction; The step of generating multiple frames of blurred target images based on the image blur parameters and the first image data corresponding to the target display page includes: Based on the second correlation between motion distance and image processing parameters, the first image processing parameters associated with the first motion distance are determined, wherein the first image processing parameters include the number of image frames N and the first blur degree corresponding to the target blurred image in each frame, where N is a positive integer; Based on the image data of the first application page and the first blur degree corresponding to each frame of the target blurred image, N frames of first blurred images are generated; Based on the first motion speed and the first motion direction, the display area of ​​the first blurred image in each frame is adjusted to obtain N frames of the target blurred image; wherein, the display area of ​​the target blurred image in the (n+1)th frame is greater than the display area of ​​the target blurred image in the nth frame, and 1≤n<n+1≤N.

2. The method according to claim 1, characterized in that, When the target display content is a second application page, and the input is used to close the second application page, the image blur parameter corresponding to the input includes the second image blur parameter; The step of obtaining the image blur parameters corresponding to the target display page includes: Obtain the second display position of the second application identifier corresponding to the second application page; Based on the third correlation between the display position and the image blur parameter, the second image blur parameter associated with the second display position is determined, wherein the second image blur parameter includes a second motion distance, a second motion speed, and a second motion direction.

3. The method according to claim 1, characterized in that, The input includes a sliding control input. When the target display content is a portion of the third application page, and the sliding control input is used to control the sliding of the third application page, the image blur parameter corresponding to the input includes a third image blur parameter, wherein the page length of the third application page is greater than the preset interface length. The step of obtaining the image blur parameters corresponding to the target display page includes: Obtain the sliding speed corresponding to the sliding control input; The third motion speed of the third application page is determined based on the conversion relationship between the sliding speed and the preset speed. When the third movement speed is greater than the preset speed, the sliding direction corresponding to the sliding control input and the sliding distance of the sliding trajectory corresponding to the sliding control input are obtained; Based on the sliding direction corresponding to the sliding control input, the third movement direction of the third application page is determined, and based on the sliding distance of the sliding trajectory corresponding to the sliding control input and the preset distance conversion relationship, the third movement distance of the third application page is determined.

4. The method according to claim 3, characterized in that, The first image data is the image data of the third application page; The step of generating multiple frames of blurred target images based on the image blur parameters and the first image data corresponding to the target display page includes: Based on the fourth correlation between motion distance and image processing parameters, the second image processing parameters associated with the third motion distance are determined, wherein the second image processing parameters include the number of image frames Y and the second blur degree corresponding to the target blurred image in each frame, where Y is a positive integer; Based on the third motion speed and the third motion direction, obtain Y second image data to be blurred from the image data of the third application page; Based on the second blur degree corresponding to each frame of the target blurred image, each second image data is blurred to obtain the Y-frame target blurred image.

5. The method according to claim 1, characterized in that, When the target display content is the second application page and the input is used to close the second application page, the first order is that the target display page and the multi-frame target blurred image are displayed sequentially. When the target display content is a portion of the third application page, and the input is used to control the sliding of the third application page, the target display page includes a first subpage and a second subpage. The first order is that the first subpage, multiple frames of target blurred images, and the second subpage are displayed sequentially. The first subpage is a portion of the page displayed before the sliding of the third application page begins, and the second subpage is a portion of the page displayed after the sliding of the third application page ends.

6. A page display device, characterized in that, The device includes: The receiving module is used to receive user input on the target content to be displayed on the display interface; The acquisition module is configured to, in response to the input, acquire first image data corresponding to the target display page related to the target display content, and acquire image blur parameters corresponding to the target display page; The processing module is used to generate multiple frames of target blurred images based on the image blur parameters and the first image data corresponding to the target display page; The display module is used to display the multi-frame blurred target images and the target display page according to a first order; When the target display content is a first application identifier, and the input is used to open the first application page corresponding to the first application identifier, the image blurring parameter corresponding to the input includes a first image blurring parameter; the target display page is the first application page, and the first image data is the image data of the first application page; the first order is the sequential display of the multi-frame target blurred image and the target display page; the acquisition module is specifically used for: Obtain the first display position of the first application identifier; Based on the first association relationship between the display position and the image blur parameter, the first image blur parameter associated with the first display position is determined, wherein the first image blur parameter includes a first motion distance, a first motion speed, and a first motion direction; The processing module is specifically used for: Based on the second correlation between motion distance and image processing parameters, the first image processing parameters associated with the first motion distance are determined, wherein the first image processing parameters include the number of image frames N and the first blur degree corresponding to the target blurred image in each frame, where N is a positive integer; Based on the image data of the first application page and the first blur degree corresponding to each frame of the target blurred image, N frames of first blurred images are generated; Based on the first motion speed and the first motion direction, the display area of ​​the first blurred image in each frame is adjusted to obtain N frames of the target blurred image; wherein, the display area of ​​the target blurred image in the (n+1)th frame is greater than the display area of ​​the target blurred image in the nth frame, and 1≤n<n+1≤N.

7. An electronic device, characterized in that, It includes a processor and a memory, the memory storing a program or instructions that can run on the processor, the program or instructions being executed by the processor to implement the steps of the page display method as described in any one of claims 1-5.

8. A readable storage medium, characterized in that, The readable storage medium stores a program or instructions that, when executed by a processor, implement the steps of the page display method as described in any one of claims 1-5.

Images