Image display method, image display device, medium and computer equipment

By responding to the operation of the adjustment control in the animation design, determining the target frame number and ensuring that the display attribute parameters of the image frame are specified to change in proportion, the lag caused by the mismatch between the animation duration and the frame rate is solved, and the smooth playback of the animation and the improvement of the user experience is achieved.

CN119676498APending Publication Date: 2025-03-21BEIJING XIAOMI MOBILE SOFTWARE CO LTD

Patent Information

Application Number
CN202311229906.6
Authority / Receiving Office
CN · China
Patent Type
Applications(China)
Current Assignee / Owner
Filing Date
2023-09-21
Publication Date
2025-03-21

AI Technical Summary

Technical Problem

In animation design, if the animation duration cannot perfectly match the frame rate, it may cause lag during animation playback, affecting the user's impression.

Method used

By responsive to the operation instructions of the adjustment control on the preset interface, the target adjustment value is obtained and the target frame number is determined based on the value, ensuring that the display attribute parameters of the image frame are changed at a specified proportion, and avoiding lag caused by too small changes between frames.

Benefits of technology

It realizes smooth playback of animations, avoids visual lag caused by too small changes between frames, and improves user experience.

✦ Generated by Eureka AI based on patent content.

Smart Images

  • Figure CN119676498A_ABST
    Figure CN119676498A_ABST
Patent Text Reader

Abstract

The invention provides an image display method, an image display device, a computer readable storage medium and computer equipment. The image display method comprises the steps of obtaining a target adjustment value in response to an operation instruction for an adjustment control on a preset interface; wherein the adjustment control can provide a plurality of adjustment values; aiming at the target adjustment value, determining a target frame number of image frames displayed according to a specified animation display effect; obtaining a target number of image frames, and displaying the image frames through a specified animation display effect; wherein the specified animation display effect comprises that when the image frames are changed from the current state to the state corresponding to the target adjustment value according to the adjustment value provided by the adjustment control, the image frames are displayed frame by frame at the equal specific rate. The image display device comprises a response module, a frame number calculation module and a rendering module which are respectively used for realizing the steps in the image display method. The parameter values of the display attribute parameters of the image frames displayed frame by frame change in a specified proportion to achieve a specified animation effect.
Need to check novelty before this filing date? Find Prior Art

Description

Technical Field

[0001] The present application relates to the field of image processing technology, and in particular to an image display method, an image display device, a computer-readable storage medium, and a computer device. Background Art

[0002] In UI (User Interface) and UX (User Experience) design, the duration of animation is very important for the user experience. Choosing the right duration will help optimize the fluidity of the user interface, reduce tension, maintain user interest, save resources, and meet user needs. The right animation time can enhance the user experience and improve usability.

[0003] Therefore, when designing animations, we will moderately control the duration of the animations. This is because animations often do not exist in isolation, but are interrelated with other animations. In this case, if the animation duration we set does not perfectly match the frame rate, the content presented in the last frame may cause a freeze in the animation playback, thus affecting the user's viewing experience. Summary of the invention

[0004] In view of this, the present application provides an image display method, an image display device, a computer-readable storage medium, and a computer equipment.

[0005] Specifically, the present application is implemented through the following technical solutions:

[0006] In a first aspect of the present application, an image display method is provided, comprising: obtaining a target adjustment value in response to an operation instruction for an adjustment control on a preset interface; wherein the adjustment control can provide multiple adjustment values; determining a target number of frames for displaying image frames according to a specified animation effect according to the target adjustment value; obtaining image frames of the target number of frames, and displaying them through a specified animation display effect; wherein the specified animation display effect comprises: when an image frame changes from a current state according to the adjustment value provided by the adjustment control to a state corresponding to the target adjustment value, displaying each image frame frame by frame at a geometric rate.

[0007] According to a second aspect of the present application, an image display device is provided, comprising: a response module, for obtaining a target adjustment value in response to an operation instruction for an adjustment control on a preset interface; wherein the adjustment control can provide multiple adjustment values; a frame number calculation module, for determining a target frame number for displaying image frames according to a specified animation effect according to the target adjustment value; a rendering module, for obtaining image frames of the target frame number and displaying them through a specified animation display effect; wherein the specified animation display effect includes: when an image frame changes from a current state according to the adjustment value provided by the adjustment control to a state corresponding to the target adjustment value, each image frame is displayed frame by frame at a geometric rate.

[0008] According to a third aspect of the present application, a computer-readable storage medium is provided, on which a computer program is stored. When the program is executed by a processor, the steps of the image display method provided in the first aspect of the present application are implemented.

[0009] In a fourth aspect of the present application, a computer device is provided, comprising a memory, a processor, and a computer program stored in the memory and executable on the processor, wherein when the processor executes the program, the steps of the image display method provided in the first aspect of the present application are implemented.

[0010] Through the above scheme, the present application has at least the following beneficial effects:

[0011] After obtaining the target adjustment value, the present application will determine the target number of frames according to the specified animation display effect, and the specified animation display effect is that the parameter values ​​of the display attribute parameters of each image frame change at a specified ratio. Therefore, it can avoid the adjustment values ​​corresponding to frames whose parameter values ​​of the attribute parameters cannot change proportionally causing the entire animation to freeze. BRIEF DESCRIPTION OF THE DRAWINGS

[0012] Figure 1 It is a line graph of magnification-frame number under a conventional solution shown in an exemplary embodiment of the present application.

[0013] Figure 2 It is a logic block diagram of an image display method shown in an exemplary embodiment of the present application.

[0014] Figure 3a It is a schematic diagram of a display interface with zoom changes shown in an exemplary embodiment of the present application.

[0015] Figure 3b It is a schematic diagram of a color-changing display interface shown in an exemplary embodiment of the present application.

[0016] Figure 4 It is a logic block diagram of a method for obtaining an adjustment value shown in an exemplary embodiment of the present application.

[0017] Figure 5aIt is a line graph of magnification-frame number showing a scheme comparison according to an exemplary embodiment of the present application.

[0018] Figure 5b It is a magnification-frame number curve diagram of a scheme comparison shown in an exemplary embodiment of the present application.

[0019] Figure 6 FIG. 1 is a schematic diagram of an image display device according to an exemplary embodiment of the present application.

[0020] Figure 7 It is a schematic diagram of a computer device shown in an exemplary embodiment of the present application. DETAILED DESCRIPTION

[0021] Exemplary embodiments will be described in detail herein, examples of which are shown in the accompanying drawings. When the following description refers to the drawings, the same numbers in different drawings represent the same or similar elements unless otherwise indicated. The implementations described in the following exemplary embodiments do not represent all implementations consistent with the present application. Instead, they are merely examples of devices and methods consistent with some aspects of the present application as detailed in the appended claims.

[0022] The terms used in this application are for the purpose of describing specific embodiments only and are not intended to limit this application. The singular forms of "a", "said" and "the" used in this application and the appended claims are also intended to include plural forms unless the context clearly indicates other meanings. It should also be understood that the term "and / or" used herein refers to and includes any or all possible combinations of one or more associated listed items.

[0023] It should be understood that although the terms first, second, third, etc. may be used in the present application to describe various information, these information should not be limited to these terms. These terms are only used to distinguish the same type of information from each other. For example, without departing from the scope of the present application, the first information may also be referred to as the second information, and similarly, the second information may also be referred to as the first information. Depending on the context, the word "if" as used herein may be interpreted as "at the time of" or "when" or "in response to determining".

[0024] Nowadays, the animation display effects of electronic devices have become an indispensable part of modern life. Whether it is smartphones, tablets, TVs, computers or game consoles, animation display technology is constantly evolving and upgrading, bringing users unprecedented visual enjoyment and usage experience.

[0025] The importance of animation is reflected in many aspects. One aspect is that smooth interface transitions can make users feel more comfortable and satisfied when using the device. Secondly, animation is crucial to the effectiveness of information communication and user experience. Through animation, complex information can be presented in a more intuitive and easy-to-understand way.

[0026] Among them, limiting the duration of animation is crucial in design. It improves the fluidity of the user interface, reduces anxiety, maintains engagement, saves resources, and adapts to user needs. Reasonable animation duration enhances the experience and improves usability.

[0027] Therefore, when designing an animation, the animation duration will be limited. Since the animation does not exist independently, the continuity with other animations needs to be considered. At this time, if the limited animation duration cannot be divided by the frame rate, at least the content displayed in the last frame will cause the animation playback to be stuck.

[0028] For easier understanding, please refer to Figure 1 , a line chart of magnification ratio-frame number of the enlarged animation under certain conditions, where the horizontal axis represents the frame number and the vertical axis represents the magnification ratio. For example, according to the setting, it is necessary to enlarge by 10 times. In the animation, the magnification ratio of any image frame should be a fixed multiple of the magnification ratio of the previous image frame, that is, as the frame number increases, the image frames should change exponentially: the 0th frame corresponds to 1 times; the 1st frame corresponds to 2 times; the 2nd frame corresponds to 4 times; the 3rd frame corresponds to 8 times; the 3.32nd frame corresponds to 10 times ( Figure 1 It can be seen that theoretically it should change in equal proportion with a fixed value of 2 times.

[0029] However, frames, as the smallest time unit for animation display, are indivisible, so the content displayed between frames 3 and 3.32 is actually played from the complete inter-frame interval between frames 3 and 4, that is, 10 times actually corresponds to frame 4 ( Figure 1 As a result, the animation between the 3rd and 4th frames does not display as expected, and the change is too small, causing visual freeze.

[0030] For this, please refer to Figure 2 , the present application proposes an image display method, comprising:

[0031] S201, in response to an operation instruction for an adjustment control on a preset interface, obtaining a target adjustment value; wherein the adjustment control can provide multiple adjustment values;

[0032] S202, determining a target number of image frames for displaying the image frames according to a specified animation display effect based on the target adjustment value;

[0033] S203, obtaining image frames of a target frame number, and displaying them through a specified animation display effect; wherein the specified animation display effect includes: when the image frame changes from a current state according to an adjustment value provided by an adjustment control to a state corresponding to a target adjustment value, the parameter values ​​of display attribute parameters of the image frames displayed frame by frame change at a specified ratio.

[0034] It can be understood that the operating instructions for adjusting controls on the preset interface can be varied and can be adopted without affecting the implementation of the present application, such as touch gestures such as sliding, clicking, and long pressing, as well as air gestures such as waving, approaching, and covering, and can also be signals from switches and external devices.

[0035] Through the above scheme, after obtaining the target number of frames, the corresponding image frames are obtained, and the adjustment value is changed so that the parameter value of the display attribute parameter of the image frame displayed frame by frame changes at a specified ratio to achieve the specified animation effect. Avoid the adjustment value corresponding to the frame whose parameter value of the attribute parameter cannot change in equal proportion, causing the entire animation to freeze.

[0036] When in the shooting interface, if the different cameras on the mobile phone are located in different positions, when switching between the two cameras, for example, 0.5 times to 10 times and 10 times to 50 times, if the above Figure 1 The corresponding solution results in too small a change between the third frame and the fourth frame near the dividing value (10 times), and cannot provide sufficient image content for cropping and aligning the image, which will cause the image to be centered on one camera and jump to the image centered on another camera.

[0037] If this application Figure 2 The corresponding solution is applied to the mobile phone shooting interface. Since the picture changes in each frame, any frame has enough picture content for cutting and aligning different cameras, which can solve the above technical problems. Among them, S202, for the target adjustment value, determining the target number of frames for displaying the image frame according to the specified animation display effect may include:

[0038] Determine the number of reference frames according to the proportional relationship between the target adjustment value and the maximum adjustment value, and the preset parameter value corresponding to the maximum adjustment value, wherein the preset parameter value is the preset value of the specified parameter when the image frame changes from the state corresponding to the minimum adjustment value to the state corresponding to the maximum adjustment value;

[0039] Round the reference frame number to get the target frame number.

[0040] In the above embodiment, an optional method for determining the target frame number is given. The reference frame number is determined according to the proportional relationship between the target adjustment value and the maximum adjustment value, and the preset parameter value corresponding to the maximum adjustment value. This can make the animation duration corresponding to the reference frame number conform to the changing trend of the animation duration corresponding to the maximum adjustment value, that is, the local change corresponding to the target adjustment value conforms to the overall change corresponding to the maximum adjustment value.

[0041] It can be understood that the target adjustment value can be any adjustment value within the range from the minimum adjustment value to the maximum adjustment value.

[0042] As in one embodiment, reference Figure 3a , the change of the image frame can be zooming. If the minimum adjustment value is 0.5x and the maximum adjustment value is 50x, the target adjustment value can be any adjustment value in (0.5x, 50), such as 2x, 5x, 20x, etc.

[0043] In another embodiment, referring to Figure 3b If the change of the image frame is the adjustment of the R value of the color (Red, red pixel, corresponding to R in RGB), the minimum adjustment value can be 0 and the maximum adjustment value can be 255, then the target adjustment value can be any adjustment value in (0, 255).

[0044] It can be seen that the type of adjustment value and the size of the minimum adjustment value and the maximum adjustment value can be changed according to different application scenarios.

[0045] On this basis, the preset value of the specified parameter is the maximum number of frames or the maximum duration.

[0046] The image frame changes from the state corresponding to the minimum adjustment value to the state corresponding to the maximum adjustment value, and there is a corresponding duration. The maximum duration can be set by the UI / UX designer according to the needs of human-computer interaction. In the actual calculation process, both the duration and the number of frames can be used for calculation, so the maximum number of frames can also be used. The maximum duration or the maximum number of frames indicates the time span corresponding to the change from the minimum adjustment value to the maximum adjustment value.

[0047] In one embodiment, the maximum number of frames and the maximum duration can be converted, such as the maximum number of frames is F max , the frame rate is expressed as FPS (Frame Per Second), then the maximum duration in, The time unit obtained is seconds (s). In the calculation process of the maximum duration, milliseconds (ms) may be used as the unit for calculation. The unit changes involved will not be repeated in this application.

[0048] Based on the above embodiments, Figure 4S202: after determining the target number of frames for displaying image frames according to the specified animation effect based on the target adjustment value, the image display method may further include:

[0049] S401 , recalculating a plurality of adjustment values ​​between the current adjustment value and the target adjustment value using the target frame number, so that the parameter value of the display attribute parameter of the image frame corresponding to each calculated adjustment value changes at a specified ratio.

[0050] When the maximum duration or the maximum number of frames is used to calculate the number of reference frames, the method that can be selected in the conventional technology according to the above-mentioned solution of the present application can be adopted. In addition, the present application also proposes the following solution that is different from the conventional technology.

[0051] In one embodiment, when the preset parameter value is the maximum duration, the step of determining the reference frame number according to the proportional relationship between the target adjustment value and the maximum adjustment value and the preset parameter value corresponding to the maximum adjustment value may include:

[0052] Calculate the target time for the current adjustment value to change to the target adjustment value based on the maximum time;

[0053] The number of reference frames is calculated according to the target duration and the display duration of the image frame.

[0054] In the above scheme, a specific method for obtaining the number of reference frames is given. First, the target duration for the image frame to change from the state corresponding to the current adjustment value to the state corresponding to the target adjustment value is calculated based on the maximum duration, and then the number of reference frames is calculated based on the target duration and the display time of a single image frame.

[0055] Among them, the target duration can be obtained by the ratio of the interval length from (current adjustment value to target adjustment value) to the interval length from (minimum adjustment value to maximum adjustment value), and the ratio of the target duration to the maximum duration is obtained according to the specified ratio, thereby obtaining the target duration.

[0056] It is understandable that the display duration of an image frame (also called the inter-frame interval) is inversely proportional to the frame rate, so in one embodiment, the reference frame number can be calculated based on the target duration and the display frame rate.

[0057] In another embodiment, when the preset parameter value is the maximum frame number, the step of determining the reference frame number according to the proportional relationship between the target adjustment value and the maximum adjustment value and the preset parameter value corresponding to the maximum adjustment value may include:

[0058] The maximum duration is calculated according to the maximum number of frames and the display duration of the image frame;

[0059] Calculate the target time for the current adjustment value to change to the target adjustment value based on the maximum time;

[0060] The number of reference frames is calculated according to the target duration and the display duration of the image frame.

[0061] In another embodiment, the target frame number from the current adjustment value to the target adjustment value can be calculated based on the maximum frame number, and the target frame number is used as the reference frame number. For example, if the maximum frame number is 100 frames, the current adjustment value to the target adjustment value is 1-10 times, and the maximum adjustment value is 100 times, then the target frame number can be obtained as 10 frames based on the proportional relationship.

[0062] A shorter display time of image frames can bring a higher picture refresh rate, which can improve the visual experience to a certain extent. However, in some scenarios, the higher the picture refresh rate, the better. Instead, you need to choose a suitable refresh rate for the specific scenario.

[0063] For example, in a photo taking environment, if the image frame display time is too short, the displayed picture will be dark, and if the image frame display time is too long, the displayed picture will be bright, resulting in different exposure between the framing picture and the actual environment. Sacrificing the camera function itself in order to achieve a smooth picture is obviously contrary to the original design intention.

[0064] Therefore, in the present application, before calculating the reference frame number based on the target duration and the display duration of the image frame, the image display method also includes: obtaining the display duration of the image frame based on the exposure time, and the exposure time is the exposure time obtained by the hardware photosensitive element in the current environment.

[0065] The display time of the image frame can be designed to be equal to the exposure time of the sensor to obtain accurate exposure display. Due to different screen qualities, in actual solutions, the display time of the image frame can also be designed to be a preset coefficient multiple of the exposure time of the sensor.

[0066] For example, in one embodiment, if the screen is severely aged and the exposure cannot be correctly displayed according to the original display duration of the image frame, the display duration of the image frame can be designed to be a specified multiple of the exposure time, where the specified multiple is negatively correlated with the usable life of the screen, or the specified multiple is positively correlated with the usage time of the screen.

[0067] For example, the exposure time in the current environment is obtained as exposureTime, and the exposure parameter can be used to know the time of one frame of the camera in the current environment: timecost=n*exposureTime, where n is a number greater than 0.

[0068] The above-mentioned solution of obtaining the display duration of the image frame may be performed before step S201, so that the image display effect is based on the correct exposure display, while taking into account the accuracy of the exposure display and the smoothness of the image display effect.

[0069] In the present application, rounding of the frame number may include rounding up or rounding down.

[0070] For example, if the reference frame number is 4.3, you can round it up to get the target frame number 5, or you can round it down to get the target frame number 4. The same rounding method can be used in the same interface.

[0071] Different software environments and development languages ​​may use different rounding algorithms, and those skilled in the art may select them according to actual needs. For example, in C language, the double ceil(double x) function may be used, and ceil(x) may be called to obtain the smallest integer greater than or equal to x. Java may use the Math.ceil(x) method to perform rounding upwards, for example: doubleresult = Math.ceil(x). Similarly, in C language, the double floor(double x) function may be used to obtain the largest integer less than or equal to the parameter x to achieve rounding downwards.

[0072] The image display method of any of the above embodiments can be applied to a variety of application scenarios, such as image shooting scenarios, graphic editing scenarios, image viewing scenarios, etc. The preset interface in this application may include any of the following:

[0073] Shooting viewfinder interface; picture viewing interface; picture editing interface.

[0074] It is understandable that different preset interfaces have different ways of manipulating animations, such as Figure 3a In a similar interface, you can trigger the target multiple by clicking. For example, if the current multiple is 0.5x and you click 5x, an animation from 0.5x to 5x is triggered. You can use the above solution to optimize the display effect of the animation.

[0075] For example Figure 3b This kind of interface can be triggered by sliding, clicking, or even inputting text. For example, if the current R value is 60, you can click the position of "60", enter "120" and press Enter or OK. The moment of pressing Enter or OK can be regarded as triggering the animation of the red pixel of the image frame changing from 60 to 120.

[0076] More interface details and corresponding embodiments are not described in detail in this application. It can be understood that when there is a specific total range (minimum adjustment value-maximum adjustment value) and different adjustment values ​​correspond to different display effects, the solution of this application can be used.

[0077] The change of the image frame may be a change of a geometric attribute or a change of a color attribute, that is, the display attribute parameter is at least one of a geometric attribute parameter or a color attribute parameter of the image frame.

[0078] For any interface, the animation display effect may refer to changes in geometric properties of the image frame, such as scaling, rotation, and movement.

[0079] Correspondingly, the animation display effect may also refer to the change of color attributes such as hue, brightness, contrast, etc. of the image frame.

[0080] The specific attributes to be changed are not limited by the type of preset interface, and the functions of different interfaces can be integrated. For example, in the picture editing interface, you can perform operations such as scaling and rotating to change the shape attributes, and you can also adjust the brightness and contrast of the picture to change the color attributes of the picture.

[0081] In this application, image does not only refer to a certain picture file (xx.jpg, xx.png, etc.), but can also refer to any displayed screen content, such as the screen content displayed on the viewfinder interface, a certain icon, a certain color block, etc., and is not used to limit this application.

[0082] In the present application, the contents of the above-mentioned multiple embodiments can be used in combination. In the following description, the parameters in the formulas are annotated, and the same parameters in different formulas are not annotated repeatedly.

[0083] In one embodiment, taking the shooting view interface as an example, first obtain the time of one frame of the current environment camera, and use Formula 1:

[0084] timecost=k*exposureTime (formula 1);

[0085] In Formula 1, exposureTime represents the exposure time, timecost represents the display time of the image frame, T represents the maximum time, and k represents the coefficient.

[0086] Where n=1, assuming that the exposure time exposureTime=30ms, then timecost=30ms.

[0087] Furthermore, read the minimum zoom ratio Z of the current device min and maximum magnification Z max , corresponding to the minimum adjustment value and the maximum adjustment value respectively. At the same time, according to the maximum duration T, the proportional value intervalold from the minimum magnification to the maximum magnification can be obtained, as shown in the following formula 2:

[0088]

[0089] In formula 2, intervalold represents the proportional value from the minimum magnification to the maximum magnification, Z min Indicates the minimum magnification, Z max represents the maximum magnification, and T represents the maximum duration.

[0090] Assume T = 1000ms, minimum magnification Z min = 0.5 and maximum magnification Z max =50, we get intervalold=1.148.

[0091] Furthermore, the current adjustment value Z can be calculated according to the maximum duration now Change to the target adjustment value Z tgt The target duration t can first be obtained through formula 2 to obtain formula 3:

[0092] Z(n)=Z now *intervalold n (Formula 3);

[0093] In formula 3, Z(n) represents the function of the magnification with respect to the number of frames, n represents the nth frame, and Z now Indicates the current adjustment value.

[0094] Combining Formula 2 and Formula 3, we use the characteristic of the proportional value intervalold as a constant value, that is, Then we can get formula 4:

[0095]

[0096] In formula 4, t represents the target duration, Z tgt Indicates the target adjustment value. Assuming the current adjustment value Z now =0.5, target adjustment value Z tgt =5, substitute the corresponding value to get the target duration t=500ms. There is a corresponding relationship between the target number of frames and the target duration, which can be converted by timecost. After conversion, the ceil function can be used to round up. Specifically, as shown in Formula 5:

[0097]

[0098] In Formula 5, N represents the number of frames after rounding, and ceil() represents the rounding up function.

[0099] The integer 17 frames is obtained after rounding 16.67. At this time, in order to make the animation display effect of these 17 frames meet the expectations, the adjustment values ​​corresponding to the beginning and end of these 17 frames (that is, the current adjustment value Z now and target adjustment value Z tgt ) Recalculate the proportional coefficient, see formula 6:

[0100]

[0101] In Formula 6, intervalold1 represents a recalculated proportional coefficient, which is different from the proportional coefficient intervalold from the minimum adjustment value to the maximum adjustment value (hereinafter referred to as the original proportional coefficient).

[0102] We can get intervalold1=1.145. Compared with the original proportional coefficient intervalold=1.148, we can see that the proportional value has changed. Based on this, we can get the current adjustment value Z now To the target adjustment value Z tgt The 17 adjustment values ​​corresponding to the 17 frames make the display smooth.

[0103] The adjustment values ​​of these 17 frames can be calculated using Formula 7, which is obtained from the above formula:

[0104]

[0105] In Formula 7, x represents the xth frame, and x is not greater than N. For N=17, x is not greater than 17. x Represents the function of the magnification ratio with respect to the frame number.

[0106] against Figure 1 In the embodiment, if the solution of the present application is adopted, the line graph corresponding to the display effect is as follows Figure 5a As shown, the curve after smooth connection is as follows Figure 5b As shown, the dotted line represents the broken line or curve before applying the solution of the present application, and the solid line represents the broken line or curve after applying the solution of the present application.

[0107] According to the curve diagram after smooth connection ( Figure 5b ) It is easier to see the advantages of the present application compared to the conventional solution. The change trend of the conventional solution from the 3rd frame to the 4th frame is obviously different from the expected trend ( Figure 1 The dotted line in the figure represents the expected trend), and since the present application obtains a series of adjustment values ​​again, its changes are smoother and more in line with the expected trend.

[0108] In any of the above embodiments, the specified ratio may be an equal ratio, which means that the display attribute parameters change according to a preset fixed ratio. The specified ratio may be a preset value or a variable affected by other values. For example, temperature values, power values, etc., which may affect the display capability of the screen of the electronic device, may be used as variables affecting the specified ratio. Other variables that are easily conceivable based on the contents disclosed in this application should all fall within the scope of protection of this application.

[0109] Corresponding to the above-mentioned embodiment of the image display method, the present application also provides an embodiment of the image display device.

[0110] The embodiments of the image display device of the present application can be applied to electronic devices. The device embodiments can be implemented by software, or by hardware or a combination of software and hardware. Taking software implementation as an example, as a device in a logical sense, it is formed by the processor of the electronic device in which it is located reading the corresponding computer program instructions in the non-volatile memory into the memory and running them. The electronic device in which the device is located in the embodiment can also include other hardware according to the actual function of the electronic device, which will not be described in detail.

[0111] refer to Figure 6 The present application also provides an image display device 60 which may include:

[0112] A response module 601 is used to obtain a target adjustment value in response to an operation instruction for an adjustment control on a preset interface; wherein the adjustment control can provide multiple adjustment values;

[0113] The frame number calculation module 602 is used to determine the target frame number of the image frames displayed according to the specified animation display effect according to the target adjustment value;

[0114] The rendering module 603 is used to obtain image frames with a target frame number and display them through a specified animation display effect; wherein the specified animation display effect includes: when the image frame changes from a current state according to an adjustment value provided by an adjustment control to a state corresponding to a target adjustment value, the parameter values ​​of the display attribute parameters of the image frames displayed frame by frame change at a specified ratio.

[0115] In one embodiment, the frame number calculation module 602 may include:

[0116] A reference frame number calculation module is used to determine the reference frame number based on the proportional relationship between the target adjustment value and the maximum adjustment value, and the preset parameter value corresponding to the maximum adjustment value, where the preset parameter value is the preset value of the specified parameter when the image frame changes from the state corresponding to the minimum adjustment value to the state corresponding to the maximum adjustment value; a rounding module is used to round the reference frame number to obtain the target frame number.

[0117] Furthermore, the preset value of the specified parameter is a maximum number of frames or a maximum duration.

[0118] Based on the response module 601, the frame number calculation module 602, and the rendering module 603, the image display device 60 may also include: an arrangement module, which is used to recalculate several adjustment values ​​between the current adjustment value and the target adjustment value using the target frame number after determining the target frame number, so that each calculated adjustment value changes exponentially with the increase of the frame number.

[0119] The specified preset parameter value is the maximum time duration for changing from the minimum adjustment value to the maximum adjustment value;

[0120] The reference frame number calculation module may include:

[0121] A target duration calculation module, used to calculate the target duration when the image frame changes from the state corresponding to the current adjustment value to the state corresponding to the target adjustment value according to the maximum duration;

[0122] The reference frame number calculation submodule is used to calculate the reference frame number according to the response result target duration and the display duration of the image frame.

[0123] In one embodiment, the image display device may further include: an image frame display duration calculation module, which is used to obtain the display duration of the image frame according to the exposure time before calculating the reference frame number according to the target duration and the display duration of the image frame, and the exposure time is the exposure time obtained by the hardware photosensitive element in the current environment.

[0124] In the above-mentioned embodiment of the image display device 60, rounding may include rounding up or rounding down.

[0125] In the image display device 60, the preset interface may include at least one of the following:

[0126] Shooting viewfinder interface; picture viewing interface; picture editing interface.

[0127] In any embodiment, the change of the image frame includes at least one of the following: a change of geometric attributes; a change of color attributes. That is, the display attribute parameter is at least one of the geometric attribute parameters or color attribute parameters of the image frame.

[0128] In any of the above embodiments, the specified ratio may be an equal ratio, which means that the display attribute parameters change according to a preset fixed ratio. The specified ratio may be a preset value or a variable affected by other values. For example, temperature values, power values, etc., which may affect the display capability of the screen of the electronic device, may be used as variables affecting the specified ratio. Other variables that are easily conceivable based on the contents disclosed in this application should all fall within the scope of protection of this application.

[0129] The implementation process of the functions and effects of each unit in the above-mentioned device is specifically described in the implementation process of the corresponding steps in the above-mentioned method, and will not be repeated here.

[0130] For the device embodiment, since it basically corresponds to the method embodiment, the relevant parts can refer to the partial description of the method embodiment. The device embodiment described above is only schematic, wherein the units described as separate components may or may not be physically separated, and the components displayed as units may or may not be physical units, that is, they may be located in one place, or they may be distributed on multiple network units. Some or all of the modules may be selected according to actual needs to achieve the purpose of the present application scheme. A person of ordinary skill in the art can understand and implement it without paying any creative work.

[0131] Corresponding to the image display method, the present application also provides a computer-readable storage medium on which a computer program is stored, and when the program is executed by a processor, the steps of any embodiment of the image display method are implemented.

[0132] Corresponding to the image display method, refer to Figure 7 The present application also provides a computer device 70, including a memory 701, a processor 702, and a computer program stored in the memory 701 and executable on the processor 702, and the processor 702 implements the steps of any embodiment of the image display method when executing the program.

[0133] The embodiments of the subject matter and functional operations described in this specification may be implemented in the following: digital electronic circuits, tangibly embodied computer software or firmware, computer hardware including the structures disclosed in this specification and their structural equivalents, or a combination of one or more of them. The embodiments of the subject matter described in this specification may be implemented as one or more computer programs, i.e., one or more modules in computer program instructions encoded on a tangible non-temporary program carrier to be executed by a data processing device or to control the operation of the data processing device. Alternatively or additionally, the program instructions may be encoded on an artificially generated propagation signal, such as a machine-generated electrical, optical or electromagnetic signal, which is generated to encode information and transmit it to a suitable receiver device for execution by a data processing device. The computer storage medium may be a machine-readable storage device, a machine-readable storage substrate, a random or serial access memory device, or a combination of one or more of them.

[0134] The processes and logic flows described in this specification can be performed by one or more programmable computers executing one or more computer programs to perform corresponding functions by operating on input data and generating output. The processes and logic flows can also be performed by special purpose logic circuits, such as FPGAs (field programmable gate arrays) or ASICs (application-specific integrated circuits), and the apparatus can also be implemented as special purpose logic circuits.

[0135] Computers suitable for executing computer programs include, for example, general and / or special microprocessors, or any other type of central processing unit. Typically, the central processing unit will receive instructions and data from a read-only memory and / or a random access memory. The basic components of a computer include a central processing unit for implementing or executing instructions and one or more memory devices for storing instructions and data. Typically, the computer will also include one or more large-capacity storage devices for storing data, such as magnetic disks, magneto-optical disks, or optical disks, or the computer will be operably coupled to this large-capacity storage device to receive data from it or to transmit data to it, or both. However, the computer does not necessarily have such a device. In addition, the computer can be embedded in another device, such as a mobile phone, a personal digital assistant (PDA), a mobile audio or video player, a game console, a global positioning system (GPS) receiver, or a portable storage device such as a universal serial bus (USB) flash drive, to name a few.

[0136] Computer readable media suitable for storing computer program instructions and data include all forms of non-volatile memory, media and memory devices, including, for example, semiconductor memory devices (e.g., EPROM, EEPROM and flash memory devices), magnetic disks (e.g., internal hard disks or removable disks), magneto-optical disks, and CD ROM and DVD-ROM disks. The processor and memory may be supplemented by, or incorporated in, special purpose logic circuitry.

[0137] Although this specification includes many specific implementation details, these should not be interpreted as limiting the scope of any invention or the scope of protection claimed, but are mainly used to describe the features of the specific embodiments of specific inventions. Certain features described in multiple embodiments in this specification may also be implemented in combination in a single embodiment. On the other hand, the various features described in a single embodiment may also be implemented separately in multiple embodiments or in any suitable sub-combination. In addition, although features may work in certain combinations as described above and even initially claim protection, one or more features from the claimed combination may be removed from the combination in some cases, and the claimed combination may point to a sub-combination or a variation of a sub-combination.

[0138] Similarly, although operations are depicted in a particular order in the accompanying drawings, this should not be understood as requiring that these operations be performed in the particular order shown or performed sequentially, or requiring that all illustrated operations be performed to achieve the desired results. In some cases, multitasking and parallel processing may be advantageous. In addition, the separation of various system modules and components in the above-described embodiments should not be understood as requiring such separation in all embodiments, and it should be understood that the described program components and systems can generally be integrated together in a single software product, or packaged into multiple software products.

[0139] Thus, specific embodiments of the subject matter have been described. Other embodiments are within the scope of the appended claims. In some cases, the actions recited in the claims can be performed in a different order and still achieve the desired results. In addition, the processes depicted in the drawings do not necessarily require the particular order or sequential order shown to achieve the desired results. In some implementations, multitasking and parallel processing may be advantageous.

[0140] The above description is only a preferred embodiment of the present application and is not intended to limit the present application. Any modifications, equivalent substitutions, improvements, etc. made within the spirit and principles of the present application shall be included in the scope of protection of the present application.

Claims

1. An image display method, characterized in that: include: In response to an operation instruction for an adjustment control on a preset interface, a target adjustment value is obtained; wherein the adjustment control can provide multiple adjustment values; Determining a target number of image frames for displaying the image frames according to the specified animation display effect based on the target adjustment value; Obtain image frames of the target frame number and display them through the specified animation display effect; wherein the specified animation display effect includes: when the image frame changes from a current state according to the adjustment value provided by the adjustment control to a state corresponding to the target adjustment value, the parameter values ​​of the display attribute parameters of the image frames displayed frame by frame change at a specified ratio.

2. The image display method according to claim 1, characterized in that: The display attribute parameter is at least one of a geometric attribute parameter or a color attribute parameter of the image frame.

3. The image display method according to claim 1, characterized in that: The step of determining the number of image frames to be displayed according to the specified animation display effect with respect to the target adjustment value comprises: Determine the number of reference frames according to the proportional relationship between the target adjustment value and the maximum adjustment value, and a preset parameter value corresponding to the maximum adjustment value, wherein the preset parameter value is a preset value of a specified parameter when the image frame changes from a state corresponding to the minimum adjustment value to a state corresponding to the maximum adjustment value; The reference frame number is rounded to obtain the target frame number.

4. The image display method according to claim 3, characterized in that: The preset value of the specified parameter is the maximum number of frames or the maximum duration.

5. The image display method according to claim 1, characterized in that: After determining the target frame number, the method further includes the following steps: The target frame number is used to recalculate a plurality of adjustment values ​​between the current adjustment value and the target adjustment value, so that the parameter value of the display attribute parameter of the image frame corresponding to each calculated adjustment value changes at a specified ratio.

6. The image display method according to claim 4, characterized in that: The preset value of the specified parameter is the maximum duration; The step of determining the reference frame number according to the proportional relationship between the target adjustment value and the maximum adjustment value and the preset parameter value corresponding to the maximum adjustment value comprises: Calculating a target duration when the image frame changes from a state corresponding to the current adjustment value to a state corresponding to the target adjustment value according to the maximum duration; The reference frame number is calculated according to the target duration and the display duration of the image frame.

7. The image display method according to claim 6, characterized in that: Before calculating the reference frame number according to the target duration and the display duration of the image frame, the image display method further includes: The display duration of the image frame is obtained according to the exposure time, where the exposure time is the exposure time in the current environment obtained by the hardware photosensitive element.

8. The image display method according to claim 3, characterized in that: The rounding includes rounding up or rounding down.

9. The image display method according to claim 1, characterized in that: The preset interface includes any of the following: Shooting viewfinder interface; Picture viewing interface; Image editing interface.

10. The image display method according to any one of claims 1 to 9, characterized in that: The specified proportions are equal proportions.

11. An image display device, characterized in that: The device comprises: A response module, used to obtain a target adjustment value in response to an operation instruction for an adjustment control on a preset interface; wherein the adjustment control can provide multiple adjustment values; A frame number calculation module, used to determine the target frame number of image frames displayed according to the specified animation display effect based on the target adjustment value; A rendering module is used to obtain image frames of the target frame number and display them through the specified animation display effect; wherein, the specified animation display effect includes: when the image frame changes from a current state according to the adjustment value provided by the adjustment control to a state corresponding to the target adjustment value, the parameter value of the display attribute parameter of the image frame displayed frame by frame changes at a specified ratio.

12. The image display device according to claim 11, characterized in that: The display attribute parameter is at least one of a geometric attribute parameter or a color attribute parameter of the image frame.

13. The image display device according to claim 11, characterized in that: The frame number calculation module comprises: A reference frame number calculation module, used to determine the reference frame number according to the proportional relationship between the target adjustment value and the maximum adjustment value, and a preset parameter value corresponding to the maximum adjustment value, wherein the preset parameter value is a preset value of a specified parameter when the image frame changes from a state corresponding to the minimum adjustment value to a state corresponding to the maximum adjustment value; The rounding module is used to round the reference frame number to obtain the target frame number.

14. The image display device according to claim 13, characterized in that: The preset value of the specified parameter is the maximum number of frames or the maximum duration.

15. The image display device according to claim 11, characterized in that: The image display device further includes: The arrangement module is used to recalculate several adjustment values ​​between the current adjustment value and the target adjustment value using the target frame number after determining the target frame number, so that the parameter value of the display attribute parameter of the image frame corresponding to each calculated adjustment value changes at a specified ratio.

16. The image display device according to claim 13, characterized in that: The preset value of the specified parameter is the maximum duration; The reference frame number calculation module includes: A target duration calculation module, used to calculate a target duration when an image frame changes from a state corresponding to a current adjustment value to a state corresponding to the target adjustment value according to the maximum duration; The reference frame number calculation submodule is used to calculate the reference frame number according to the response result target duration and the display duration of the image frame.

17. The image display device according to claim 16, characterized in that: The image display device further includes: The image frame display duration calculation module is used to obtain the display duration of the image frame according to the exposure time before calculating the reference frame number according to the target duration and the display duration of the image frame. The exposure time is the exposure time obtained by the hardware photosensitive element in the current environment.

18. The image display device according to claim 13, characterized in that: The rounding includes rounding up or rounding down.

19. The image display device according to claim 11, characterized in that: The preset interface includes at least one of the following: Shooting viewfinder interface; Picture viewing interface; Image editing interface.

20. The image display device according to any one of claims 11 to 19, characterized in that: The specified proportions are equal proportions.

21. A computer-readable storage medium having a computer program stored thereon, characterized in that: When the program is executed by a processor, the steps of the method according to any one of claims 1 to 10 are implemented.

22. A computer device comprising a memory, a processor and a computer program stored in the memory and executable on the processor, characterized in that: When the processor executes the program, the steps of the method according to any one of claims 1 to 10 are implemented.

Citation Information

Patent Citations

  • Control method and system for regulating animation speed

    CN108665518A

  • Frame sequence processing method and device, electronic equipment and storage medium

    CN114419198A

  • Image display method and device, electronic equipment and storage medium

    CN114449154A

Cited By

  • Multi-layer mixed playing display control method and device, equipment and product

    CN120356443A