Methods, devices, electronic devices, and readable storage media for displaying interactive controls

Abstract

This application discloses a method, apparatus, electronic device, and readable storage medium for displaying interactive controls, belonging to the field of electronic device technology. The method for displaying the interactive controls includes: determining an animated image corresponding to a target area of ​​the interactive control based on an image processing algorithm, the target area including target content; displaying the animated image in the target area, wherein, when high dynamic range display conditions are met and the animated image intersects with the target content, the target content is displayed in a high dynamic range display mode.

Description

Technical Field

[0001] This application belongs to the field of electronic device technology, and specifically relates to a method, apparatus, electronic device and readable storage medium for displaying interactive controls. Background Technology

[0002] With the rapid development of display technology, High Dynamic Range (HDR) technology has been widely used in image display and video playback. Compared with Standard Dynamic Range (SDR) display technology, HDR technology has a wider brightness range and richer color performance, and can more accurately present images with high contrast and rich detail.

[0003] In related technologies, when HDR gain is applied to the screen interface of an electronic device, and the interface includes interactive controls, during the process of switching the HDR gain display of the interactive controls, display abnormalities may occur between the HDR gain content of the interactive controls and the HDR gain content of other areas of the interface. For example, the screen may flicker, or there may be a disconnect between the HDR gain content and the non-HDR gain content, resulting in poor interface display. Summary of the Invention

[0004] The purpose of this application is to provide a method, apparatus, electronic device, and readable storage medium for displaying interactive controls, which can improve the interface display effect.

[0005] In a first aspect, embodiments of this application provide a method for displaying an interactive control, including:

[0006] The motion effect image corresponding to the target area of ​​the interactive control is determined based on the image processing algorithm. The target area includes the target content.

[0007] Display animated images in the target area;

[0008] Among them, when the conditions for high dynamic range display are met and the animated image intersects with the target content, the target content is displayed in a high dynamic range display mode.

[0009] Secondly, embodiments of this application provide a display device for interactive controls, including:

[0010] The determining unit is used to determine the motion effect image corresponding to the target area of ​​the interactive control according to the image processing algorithm. The target area includes the target content.

[0011] The display unit is used to display animated images in the target area; wherein, when the high dynamic range display conditions are met and the animated images intersect with the target content, the target content is displayed in a high dynamic range display mode.

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

[0013] 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 as described in the first aspect.

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

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

[0016] In the process of displaying interactive controls, this application embodiment first determines the motion effect image corresponding to the target area of ​​the interactive control according to the image processing algorithm. The target area includes the target content. The motion effect image is displayed in the target area. Where the high dynamic range display conditions are met and the motion effect image intersects with the target content, the target content is displayed in a high dynamic range display mode. In this way, on the one hand, the high dynamic range display conditions are limited, so that the target content can be not displayed in a high dynamic range in some scenarios, reducing screen flicker and other issues. On the other hand, the motion effect image softens the high dynamic range display of the target content, improving the naturalness of the transition between HDR gain content and non-HDR gain content, thereby improving the interface display effect. Attached Figure Description

[0017] Figure 1 A flowchart illustrating a method for displaying interactive controls according to an embodiment of this application is provided.

[0018] Figure 2 One of the interface diagrams illustrating the display method of the interactive control according to an embodiment of this application is shown;

[0019] Figure 3 This is a second schematic diagram of the interface for displaying the interactive controls according to an embodiment of this application;

[0020] Figure 4 The third schematic diagram illustrates the interface of the method for displaying interactive controls according to an embodiment of this application;

[0021] Figure 5 The fourth illustration shows a schematic diagram of the interface for displaying the interactive controls according to an embodiment of this application.

[0022] Figure 6 The fifth illustration shows a schematic diagram of the interface for displaying interactive controls according to an embodiment of this application;

[0023] Figure 7 This is the sixth schematic diagram of the interface for displaying the interactive controls according to an embodiment of this application;

[0024] Figure 8 The seventh illustration shows a schematic diagram of the interface for displaying the interactive controls according to an embodiment of this application.

[0025] Figure 9 This is the eighth schematic diagram of the interface for displaying the interactive controls according to an embodiment of this application;

[0026] Figure 10 The ninth illustration shows a schematic diagram of the interface for displaying interactive controls according to an embodiment of this application;

[0027] Figure 11 The tenth illustration shows a graphical representation of an interactive control display method according to an embodiment of this application.

[0028] Figure 12 A structural block diagram of a display device for interactive controls according to an embodiment of this application is shown;

[0029] Figure 13 A structural block diagram of an electronic device according to an embodiment of this application is shown;

[0030] Figure 14 A schematic diagram of the hardware structure of an electronic device to implement an embodiment of this application. Detailed Implementation

[0031] 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.

[0032] 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.

[0033] The following description, in conjunction with the accompanying drawings, details the display method, apparatus, electronic device, and readable storage medium of the interactive controls provided in this application through specific embodiments and application scenarios.

[0034] In some embodiments of this application, a method for displaying an interactive control is provided. Figure 1 A flowchart illustrating a method for displaying interactive controls according to an embodiment of this application is shown, such as... Figure 1 As shown, the methods for displaying interactive controls include:

[0035] Step 102: Determine the motion effect image corresponding to the target area of ​​the interactive control according to the image processing algorithm. The target area includes the target content.

[0036] Step 104: Display the animated image in the target area; wherein, when the high dynamic range display conditions are met and the animated image intersects with the target content, the target content is displayed in a high dynamic range display mode.

[0037] In the embodiments of this application, Figure 2 One of the interface diagrams illustrating the display method of the interactive control according to an embodiment of this application is shown, such as... Figure 2 As shown, interactive controls can be displayed on the screen of an electronic device, thereby providing users with interactive controls. Users can operate the interactive controls displayed on the screen to control the operation of the electronic device.

[0038] It's important to note that displays can employ High Dynamic Range (HDR) and Standard Dynamic Range (SDR) technologies for interface display. HDR technology expands the brightness range of images or videos, thereby presenting richer details in both bright and dark areas. This ensures that bright areas in interactive controls are not overexposed and dark areas retain detail, providing a more realistic effect closer to human vision and thus improving the user experience. SDR technology, on the other hand, is a traditional image and video dynamic range standard with a narrower brightness range, unable to present the rich brightness and contrast details of HDR.

[0039] Furthermore, HDR display technology has various technical specifications. The HDR display technology described in this application embodiment is based on the International Organization for Standardization Technical Specification 22028-5 (ISO TS22028-5). This specification defines the encoding method for HDR images, including using a gain map to represent the local brightness information of the image. The gain map is a grayscale image used to represent the gain information of various regions of the original image; specifically, the gain information can be brightness adjustment information. Each pixel value in the gain map corresponds to the gain coefficient of the corresponding pixel in the original image, and is typically used for encoding and rendering HDR images. Specifically, the gain map is a hierarchical grayscale image that defines the required gain level for each part of the interactive control according to the information tree priority defined by the interactive control. The top-level symbol or control uses the highest priority, and the gain level decreases sequentially according to the hierarchy of the interactive control and interaction design. Simultaneously, the gain hierarchy map is adjusted synchronously according to the environment or brightness. This ensures that, for example, when HDR gain is applied to the entire interface under sunlight, the hierarchy of the system interface can still be distinguished.

[0040] Furthermore, when the display meets the conditions for HDR display, the target area in the interactive control is first obtained. This target area contains the target content that needs to be displayed in HDR; that is, the target content is located within this target area. Then, an image processing algorithm is used to determine the corresponding motion effect image within the target area of ​​the interactive control. Figure 3 This is a second schematic diagram of the interface for displaying the interactive controls according to an embodiment of this application; Figure 4 The third schematic diagram illustrates the interface of the method for displaying interactive controls according to an embodiment of this application; Figure 5 The fourth illustration shows a schematic diagram of the interface for displaying the interactive controls according to an embodiment of this application. Figure 6 The fifth illustration shows a schematic diagram of the interface for displaying interactive controls according to an embodiment of this application; Figure 7 This is the sixth schematic diagram of the interface for displaying the interactive controls according to an embodiment of this application; as shown... Figure 3 , Figure 4 , Figure 5 , Figure 6 and Figure 7 As shown, the animated image can be used to dynamically display within a target area, specifically by controlling the movement of the animated image within the target area.

[0041] Specifically, the process of displaying animated images can be achieved by using the ImageDecoder class to decode and render the animated image within the target area, thereby activating the gain of the animated image in the target area and thus displaying the animated image. The ImageDecoder class is provided by the Android platform for decoding images. It can decode image files of various formats, including HDR images that support gain maps. ImageDecoder can automatically identify and apply gain maps to achieve high dynamic range image rendering. ImageDecoder automatically detects the gain map in JPEG images and applies the gain on supported devices. For devices that do not support HDR, ImageDecoder will degenerate into decoding the underlying SDR image to ensure compatibility.

[0042] Furthermore, when the electronic device's display meets the high dynamic range (HDR) display conditions, it is determined whether the animated image and the target content intersect. Specifically, when the animated image moves to the location of the target content, the target content can be controlled to be displayed in HDR. In this way, by determining whether the target content meets the HDR display conditions when the display meets them, the HDR display conditions for the target content are limited. This allows the target content to be displayed without HDR in some scenarios, reducing screen flicker and other issues. Moreover, by displaying the animated image within the target area, isomorphic animated images can be achieved, mitigating the HDR display of the target content and improving the naturalness of the transition between HDR and non-HDR content, thereby enhancing the interface display effect.

[0043] In the process of displaying interactive controls, this application embodiment first determines the motion effect image corresponding to the target area of ​​the interactive control according to the image processing algorithm. The target area includes the target content. The motion effect image is displayed in the target area. Where the high dynamic range display conditions are met and the motion effect image intersects with the target content, the target content is displayed in a high dynamic range display mode. In this way, on the one hand, the high dynamic range display conditions are limited, so that the target content can be not displayed in a high dynamic range in some scenarios, reducing screen flicker and other issues. On the other hand, the motion effect image softens the high dynamic range display of the target content, improving the naturalness of the transition between HDR gain content and non-HDR gain content, thereby improving the interface display effect.

[0044] Furthermore, the interactive control display method of this application embodiment can also be combined with a light-sensing device. In sunlight, when the software-adjustable brightness of the electronic device reaches its peak, it automatically switches to the SDR display method, reserving hardware performance for the brightness of the HDR display portion. In other words, it automatically adjusts the corresponding brightness, breaking through the software-controllable display limit. This enhances the visibility of the display interface in sunlight.

[0045] In some embodiments of this application, the image processing algorithm includes a filling algorithm and an image segmentation algorithm, the target content includes a first content, the target region includes a first region corresponding to the first content, and the animation image includes a first animation image and a second animation image; determining the animation image corresponding to the target region of the interactive control according to the image processing algorithm includes: determining the second animation image corresponding to the target region according to the filling algorithm; and determining the first animation image corresponding to the first region according to the image segmentation algorithm and the first content.

[0046] In the embodiments of this application, the image processing algorithm may include a filling algorithm and an image segmentation algorithm. Correspondingly, the motion effect image may include a first motion effect image and a second motion effect image. The image segmentation algorithm can determine the first motion effect image, and the filling algorithm can generate the second motion effect image.

[0047] Specifically, the target content may include first content, and the target content is located within a target area. Correspondingly, the target area includes the first area corresponding to the first content. In determining the first motion effect image, the first motion effect image corresponding to the first area can be determined based on the image segmentation algorithm and the first content.

[0048] For example, the image segmentation algorithm can be a region growing algorithm. The region growing algorithm is an image segmentation algorithm that starts from a seed point and, based on pixel similarity, such as the similarity of pixel color and brightness, groups adjacent pixels into the same region, gradually expanding the region until the stopping condition is met, thus completing the generation of the first animation image.

[0049] Furthermore, in the process of determining the second motion effect image, an image segmentation algorithm can be used to determine the second motion effect image corresponding to the target area.

[0050] For example, the filling algorithm can be the Flood Fill Algorithm. The Flood Fill Algorithm is an algorithm used to fill connected regions. Starting from a specified initial pixel, it replaces adjacent pixels with the same or similar colors with the new color until it encounters a boundary. It is commonly used in filling operations in drawing software. Using the Flood Fill Algorithm, animated images can be filled within a target area, thus completing the generation of a second animated image.

[0051] like Figure 2As shown, the microphone icon and the word "Search" can be the target content of the interactive control, i.e., the first content. The area containing the first content is the first region, and this first content is the content that needs to be displayed in HDR mode. The area covered by the dialog box is the target region. For the microphone icon, the first animation image can be determined using a region growing algorithm. Correspondingly, for the area covered by the dialog box, the second animation image corresponding to that area can be determined using a flood fill algorithm.

[0052] This application embodiment determines the first and second motion effect images through a filling algorithm and an image segmentation algorithm, thereby ensuring the display effect of the motion effect images. This enables the high dynamic range display of the target content to be mitigated by the motion effect images, improving the naturalness of the transition between HDR gain content and non-HDR gain content, and thus improving the interface display effect.

[0053] In some embodiments of this application, displaying a motion effect image in a target area includes: displaying a second motion effect image in the target area; and displaying a first motion effect image in a first area after the second motion effect image has been displayed.

[0054] In this embodiment, after the first and second animated images are determined, the second animated image can first be displayed within the target area. After the second animated image finishes displaying, the first animated image can be displayed. It should be noted that the second animated image can move within the target area. When the second animated image moves to the location of the target content, that is, when the second animated image moves to the first area where the first content is located, the first animated image can be displayed. At this time, since the position of the first animated image is located within the first area where the target content is located, it can be determined that the current first animated image intersects with the target content, and the target content can then be displayed in a high dynamic range mode.

[0055] For example, Figure 9 This application illustrates the eighth schematic diagram of an interface diagram showing a method for displaying interactive controls according to an embodiment of the present application; as shown... Figure 3 , Figure 4 , Figure 5 , Figure 6 , Figure 7 and Figure 9As shown, the second animated image is first displayed, moving from right to left in the dialog box. When it reaches the microphone icon's location, its display is complete. Then, the first animated image is displayed in the first area where the microphone icon is located. Specifically, the first animated image can be a gradually increasing circular highlight image. At this point, the first animated image intersects with the microphone icon, allowing the microphone icon to be displayed in a high dynamic range (HDR) mode. That is, the microphone icon is displayed in HDR mode as the circular highlight image of the first animated image gradually enlarges. After the first animated image is complete, the microphone icon has switched to HDR mode. The transition between the second and first animated images during the switch from the general display mode to HDR mode softens the HDR display of the microphone icon, improving the smoothness of the transition between HDR and non-HDR content, thus enhancing the overall interface display effect.

[0056] This application embodiment first displays a second motion effect image, and then displays a first motion effect image after the second motion effect image has finished displaying. In this way, during the display of the first motion effect image, an intersection is formed with the target content, thereby achieving the switching of the target content to a high dynamic range display mode during the display of the first motion effect image. This is achieved by using the display of the first motion effect image to mitigate the high dynamic range display process of the target content, improving the naturalness of the transition between HDR gain content and non-HDR gain content, and thus improving the interface display effect.

[0057] It should be noted that the display process of the first and second animated images described above can be applied to the first type of control. Specifically, the first type of control can be a surface control.

[0058] Accordingly, embodiments of this application can also determine the motion effect image for the second type of control. For example, Figure 8 The seventh illustration shows a schematic diagram of the interface for displaying interactive controls according to an embodiment of this application; as shown Figure 8As shown, the second type of control can be a linear control. For linear controls, the filling algorithm can also be used to determine the animation image. First, the third content in the linear control and the third region corresponding to the third content can be determined. It should be noted that the third content is also located within the target area of ​​the interactive control, such as the area where the dialog box is located. Correspondingly, the third region corresponding to the third content is also located within the target area. Further, according to the filling algorithm, the fourth animation image corresponding to the target area is determined, and then according to the filling algorithm and the third content, the third animation image corresponding to the third region is determined. It can be understood that the third content is a second type of control, that is, a linear control. Therefore, in the process of generating the fourth animation image, the filling algorithm can be directly used to fill the animation image within the area where the linear control is located, without the need to use an image segmentation algorithm.

[0059] Furthermore, after the third and fourth animated images are determined, they can be displayed. Similar to the display process of the first and second animated images, the fourth animated image is first displayed within the target area. After the fourth animated image finishes displaying, the third animated image is then displayed. It should be noted that the fourth animated image can move within the target area. When the fourth animated image moves to the location of the target content, that is, when the fourth animated image moves to the third area where the third content is located, the third animated image is displayed. At this point, since the position of the third animated image is located in the third area where the target content is located, it can be determined that the current third animated image intersects with the target content, and the target content can then be displayed using a high dynamic range display.

[0060] In some embodiments of this application, the second motion effect image includes at least two planar masks, and the first motion effect image is a stroke mask; determining the second motion effect image corresponding to the target region according to the filling algorithm includes: determining the filling start point of the target region; determining at least two planar masks corresponding to the target region according to the filling algorithm and the filling start point; determining the first motion effect image corresponding to the first region according to the image segmentation algorithm and the first content includes: determining the edge of the first content; determining the stroke mask corresponding to the first region according to the image segmentation algorithm and the edge of the first content.

[0061] In this embodiment of the application, the second motion effect image can be at least two stroke masks. Accordingly, in the process of determining the second motion effect image, at least two stroke masks can be determined in the target area according to the filling algorithm, so as to complete the determination of the second motion effect image.

[0062] Specifically, firstly, the outline of the target area can be obtained. The interactive control can be a standard control, such as a rectangle, rounded rectangle, or circle. For standard controls, edge detection algorithms, such as the Canny edge detection algorithm, can be used to obtain the outline of the target area. Alternatively, for irregularly shaped controls such as symbols or text, relevant algorithms can be used to obtain the control's drawing node information, thereby generating the outline of the target area.

[0063] Furthermore, Figure 10 The ninth illustration shows a schematic diagram of the interface for displaying interactive controls according to an embodiment of this application; as shown Figure 10 As shown, after determining the outline of the target area, a fill starting point can be determined on the outline. Then, using the first fill algorithm, starting from the fill starting point, the area where the interactive control is located is gradually filled, thereby determining the area mask corresponding to the target area. Specifically, the area mask can be generated step by step starting from the reference point. First, area mask-1 is generated, then it moves to the left to generate area mask-2, and continues to move to the left end to generate area mask-3. The generation of the area mask is then complete, which also completes the generation of the second animation image. Correspondingly, as... Figure 3 , Figure 4 , Figure 5 As shown, during the display of the second animated image, from the right to the left of the target area, surface mask-1 is displayed first, then surface mask-2, and finally surface mask-3, thus completing the display of the second animated image.

[0064] Furthermore, such as Figure 10 As shown, the first animation image can be a stroke mask. Accordingly, in the process of determining the first animation image, the edge of the first content can be obtained first, and then the stroke mask corresponding to the first region can be determined according to the image segmentation algorithm and the edge of the first content, that is, the first animation image corresponding to the first region is determined.

[0065] Specifically, after obtaining the edges of the first content, a morphological dilation operation can be performed on the edges of the first content to increase their width, thereby determining the first region corresponding to the first content. This allows the first region to have a certain area for filling with a stroke mask. Further, as... Figure 6 , Figure 7 and Figure 10 As shown, after performing morphological dilation on the edges of the first content, an image segmentation algorithm can be used to fill the area where the morphologically dilated first content is located, that is, the first region, thereby generating a stroke mask corresponding to the target content.

[0066] This application embodiment obtains the outline of the target content, then determines the filling start point on the outline, uses the filling start point as the starting point for generating at least two planar masks, and then uses a filling algorithm to sequentially generate planar masks starting from the filling start point, thereby determining the second motion effect image. By determining the edge of the first content, an image segmentation algorithm is used to fill the area where the edge of the first content is located, that is, the first area corresponding to the first content, to generate the edge mask corresponding to the first area, thereby determining the first motion effect image.

[0067] In some embodiments of this application, the display method further includes: displaying the target content in a general display mode when the high dynamic range display conditions are not met and the motion effect image intersects with the target content.

[0068] In this embodiment, during high dynamic range (HMR) display, in certain special cases, such as rapid scrolling, the system may not accurately identify when to cancel HMR display or the connectivity of the HMR display area, resulting in abnormal display phenomena such as screen flickering or visual persistence. To address this, it can be determined that the current display does not meet the HMR display conditions. Therefore, even when the animated image intersects with the target content, it is unnecessary to display the target content using HMR display. Instead, the target content should be displayed using a general display method, such as SDR display, to ensure the quality of the display interface and avoid abnormal display phenomena such as flickering or visual persistence.

[0069] Additionally, it should be noted that the determination of whether a display meets the high dynamic range (HDR) display requirements can be made either when the display is already in HDR mode or when it is not. Specifically, if the display is currently in HDR mode and it is determined that the display does not meet the HDR requirements, the display can be switched to SDR mode to avoid abnormal display phenomena such as screen flickering or persistence of vision. Simultaneously, the HDR display status on the display interface can be marked as "paused." Furthermore, once the display meets the HDR requirements, if the HDR display status on the display interface is marked as "paused," HDR display can be resumed, and the HDR display status can be marked as "resumed."

[0070] If the current display screen is not currently displaying in HDR mode, but the target content in the display interface needs to be displayed in HDR mode, and the display screen does not meet the high dynamic range display conditions, then after the animation image is displayed, it will no longer be displayed in HDR mode to avoid abnormal display phenomena such as flickering or visual persistence after switching to HDR display.

[0071] This application embodiment determines whether the display screen meets the high dynamic range display conditions, thereby enabling the display to be performed in a general display mode even when the display screen does not meet the high dynamic range display conditions. This avoids abnormal display phenomena such as flickering or visual persistence on the screen in HDR display mode when the display screen does not meet the high dynamic range display conditions.

[0072] In some embodiments of this application, a high dynamic display condition is determined not to be met if at least one of the following conditions is detected: the interface swiping speed is greater than a first speed threshold; the interactive control is located in the edge area of ​​the interface; the interface swiping method is a preset swiping method; or the interactive control shows a display abnormality.

[0073] In this embodiment, the display screen not meeting the high dynamic range display conditions may include the following situations: the interface scrolling speed is greater than a first speed threshold; the interactive control is located in the edge area of ​​the interface; the interface scrolling method is a preset scrolling method; or the interactive control exhibits display abnormalities. That is, when any of the above situations occur on the display interface, even if the animated image intersects with the target content, it is not necessary to display it in a high dynamic range mode. The target content can be displayed in a general display mode to avoid abnormal display phenomena such as flickering or visual persistence.

[0074] Specifically, the system can acquire the user's swiping parameters on the display interface. This means that during the user's swiping motion, it can acquire multiple touch points on the display interface and the corresponding time point for each touch point. Then, based on these multiple touch points and their corresponding time points, the swiping speed is determined. In essence, as the user swipes, they sequentially touch multiple touch points on the display interface, and there is a certain distance between adjacent touch points. The time point corresponding to each touch point is then determined, thus determining the time difference between adjacent touch points. Finally, the swiping speed is determined based on the distance and time difference between adjacent touch points. If the swiping speed exceeds a first speed threshold, it can be determined that the display does not meet the high dynamic range (HDR) display conditions. That is, when the user's swiping speed is fast, SDR (Simultaneous Dynamic Range) display is used instead to avoid abnormal display phenomena such as screen flicker or persistence of vision. Conversely, when the swiping speed is less than or equal to the first speed threshold, the display can be restored to HDR display mode to ensure the display effect.

[0075] Furthermore, if the interactive controls are located at the edge of the interface, it can also be determined that the current display does not meet the high dynamic range display conditions. It is understandable that during high dynamic range display, if the interactive controls are located at the edge of the interface, abnormal display phenomena such as misalignment of breakpoints may easily occur at the edge of the interface. Therefore, when the interactive controls are located at the edge of the interface, SDR display mode should be used to ensure display quality.

[0076] Furthermore, if the interface swiping method is a preset swiping method, it can be determined that the current display screen does not meet the high dynamic range display conditions. The preset swiping method can be a back-and-forth swipe or a swipe along a circular direction, etc. Specifically, when a user's swiping operation is detected, if the swiping speed is less than or equal to a first speed threshold (i.e., the swiping speed is slow), the swiping direction can be obtained. If the swiping direction is a back-and-forth reverse, it can be determined that the display screen does not meet the high dynamic range display conditions. In this case, SDR display mode can be used to avoid abnormal display phenomena such as breakpoints or misalignments at the edges of the interface or in HDR display content.

[0077] Furthermore, if interactive controls exhibit display abnormalities, it can also be determined that the current display screen does not meet the requirements for high dynamic range display. Understandably, if interactive controls in the current interface are displaying abnormalities, it can be directly determined that the current display screen is not suitable for high dynamic range display. In this case, the interface can be switched to a general display mode to eliminate the display abnormalities of the interactive controls and ensure the display effect of the interface.

[0078] This application embodiment judges whether the interface is rapidly sliding, whether the interactive control is located in the edge area of ​​the interface, whether the sliding method is a preset sliding method, and whether the interactive control is displaying abnormally. Then, when the above situations occur, the target content is displayed in a general display mode, thereby avoiding abnormal display phenomena such as flickering or visual persistence on the screen in HDR display mode when the screen does not meet the high dynamic range display conditions.

[0079] In some embodiments of this application, the display method further includes: when the high dynamic range display conditions are met and the motion effect image intersects with the target content, displaying the target content in a high dynamic range display manner according to the gain map corresponding to the interactive control.

[0080] In this embodiment of the application, for the high dynamic range display of the target content, the high dynamic range display of the target content can be achieved based on the gain map corresponding to the interactive control.

[0081] Specifically, before displaying the target content in an interactive control in HDR, a gain map corresponding to the interactive control can first be created. This gain map is essentially a grayscale image used to represent the gain information of various regions of the original image; specifically, the gain information can be brightness adjustment information. Each pixel value in the gain map corresponds to the gain coefficient of the corresponding pixel in the original image, which is also the gain coefficient of the corresponding pixel in the interactive control. This value can be used for encoding and rendering HDR images, thus achieving high dynamic range display of the interactive control. In Android 14, the Ultra HDR feature can be used to achieve high dynamic range display. This feature embeds a gain map into the image to encode and display HDR images, providing richer visual effects.

[0082] To accommodate the performance of different displays, the gain map includes different grayscale levels, for example, Figure 11 The tenth illustration shows a schematic diagram of the interface for displaying interactive controls according to an embodiment of this application; as shown Figure 11As shown, grayscale levels can include 8-bit and 16-bit grayscale images. The 8-bit grayscale image ranges from 0 (black) to 255 (white), divided into 20 different gain levels for a smooth transition. The 16-bit grayscale image ranges from 0 (black) to 65535 (white), also divided into 20 different gain levels for a smooth transition. It's important to note that HDR display relies on software utilizing the full display capabilities of the hardware. Therefore, both 8-bit and 16-bit grayscale images correspond to the same 20 gain levels. The only difference lies in the specific display rendering and conversion, which reverts to the 8-bit or 16-bit grayscale image corresponding to the different display platforms.

[0083] Furthermore, after creating the gain map for the interactive controls, it is necessary to integrate the gain map into the media framework layer of the electronic device's operating system to ensure that the electronic device's operating system can call the gain map to achieve the correct display of the interactive controls.

[0084] For example, for the Android 14 operating system, according to the Android 14 Ultra HDR feature guidelines, the gain map of the interactive control is integrated into the Media Framework Layer. The prefix name of the corresponding gain map is consistent with the original name of the corresponding interactive control for lookup and calling, and the suffix .drawable.ultrahdr_image needs to be added to the filename for correct calling.

[0085] Furthermore, the gain map is connected to the corresponding calling interface in the operating system of the electronic device to realize the calling of the gain map, so as to ensure that the gain map can be called correctly, so as to realize decoding and rendering and display of interactive controls.

[0086] Specifically, the corresponding API calls can be connected to the Application Layer, JNI Layer (Java Native Interface Layer), ImageDecoder, Media Framework Layer, and Hardware Abstraction Layer (HAL). The Application Layer uses the ImageDecoder API to decode and render images containing gain maps. ImageDecoder automatically detects the gain map in JPEG images and applies gain on supported devices. For devices that do not support HDR, ImageDecoder degrades to decoding the underlying SDR image to ensure compatibility. The JNI Layer is the interface for Java to interact with other programming languages ​​(such as C and C++), allowing Java code to call native code to implement low-level operations or improve performance. The Media Framework Layer handles the core logic of image decoding, including the parsing and application of gain maps. The Hardware Abstraction Layer (HAL) is responsible for efficiently processing and rendering HDR content on HDR-supporting devices. HAL is an abstraction layer in the operating system used to shield hardware differences, allowing upper-layer software to access different hardware devices through a unified interface, enhancing system portability and compatibility.

[0087] In this embodiment of the application, during the high dynamic range display of the target content of the interactive control, the target content is displayed in a high dynamic range mode based on the gain map of the interactive control. This achieves amplification of the display effect of the target content based on the gain map, thereby ensuring the high dynamic range display effect of the target content.

[0088] Furthermore, this application deeply integrates the Android Ultra HDR framework to achieve efficient rendering and cross-device compatibility: Gain Maps are integrated into the Media Framework Layer and decoded and rendered through the application layer's ImageDecoderAPI. Leveraging Android 14's Ultra HDR functionality, Gain Maps are automatically detected and applied, achieving efficient rendering on HDR-enabled devices and ensuring compatibility on HDR-unsupported devices. Compared to previous methods that could only be accessed on HDR content pages and lacked system-level HDR support, this solution fully utilizes the HDR functionality and hardware acceleration capabilities provided by the Android system, improving the efficiency and performance of gain rendering. It ensures that gain effects are correctly displayed on different devices, providing a consistent user experience and reducing development and maintenance costs.

[0089] In some embodiments of this application, a display device for interactive controls is provided. Figure 12 A structural block diagram of a display device for interactive controls according to an embodiment of this application is shown, such as... Figure 12 As shown, the interactive control display device 800 includes:

[0090] The determining unit 802 is used to determine the motion effect image corresponding to the target area of ​​the interactive control according to the image processing algorithm. The target area includes the target content.

[0091] Display unit 804 is used to display motion effect images in a target area; wherein, when the high dynamic range display conditions are met and the motion effect image intersects with the target content, the target content is displayed in a high dynamic range display mode.

[0092] In the process of displaying interactive controls, this application embodiment first determines the motion effect image corresponding to the target area of ​​the interactive control according to the image processing algorithm. The target area includes the target content. The motion effect image is displayed in the target area. Where the high dynamic range display conditions are met and the motion effect image intersects with the target content, the target content is displayed in a high dynamic range display mode. In this way, on the one hand, the high dynamic range display conditions are limited, so that the target content can be not displayed in a high dynamic range in some scenarios, reducing screen flicker and other issues. On the other hand, the motion effect image softens the high dynamic range display of the target content, improving the naturalness of the transition between HDR gain content and non-HDR gain content, thereby improving the interface display effect.

[0093] In some embodiments of this application, the image processing algorithm includes a filling algorithm and an image segmentation algorithm, the target content includes a first content, the target region includes a first region corresponding to the first content, and the motion effect image includes a first motion effect image and a second motion effect image; the determining unit 802 is specifically used to: determine the second motion effect image corresponding to the target region according to the filling algorithm; and determine the first motion effect image corresponding to the first region according to the image segmentation algorithm and the first content.

[0094] This application embodiment determines the first and second motion effect images through a filling algorithm and an image segmentation algorithm, thereby ensuring the display effect of the motion effect images. This enables the high dynamic range display of the target content to be mitigated by the motion effect images, improving the naturalness of the transition between HDR gain content and non-HDR gain content, and thus improving the interface display effect.

[0095] In some embodiments of this application, the display unit 804 is specifically used to: display a second motion effect image in a target area; and display a first motion effect image in a first area after the second motion effect image has been displayed.

[0096] This application embodiment first displays a second motion effect image, and then displays a first motion effect image after the second motion effect image has finished displaying. In this way, during the display of the first motion effect image, an intersection is formed with the target content, thereby achieving the switching of the target content to a high dynamic range display mode during the display of the first motion effect image. This is achieved by using the display of the first motion effect image to mitigate the high dynamic range display process of the target content, improving the naturalness of the transition between HDR gain content and non-HDR gain content, and thus improving the interface display effect.

[0097] In some embodiments of this application, the second motion effect image includes at least two planar masks, and the first motion effect image is a stroke mask; the determining unit 802 is further configured to: determine the filling start point of the target region; determine at least two planar masks corresponding to the target region according to the filling algorithm and the filling start point; determine the edge of the first content; and determine the stroke mask corresponding to the first region according to the image segmentation algorithm and the edge of the first content.

[0098] This application embodiment obtains the outline of the target content, then determines the filling start point on the outline, uses the filling start point as the starting point for generating at least two planar masks, and then uses a filling algorithm to sequentially generate planar masks starting from the filling start point, thereby determining the second motion effect image. By determining the edge of the first content, an image segmentation algorithm is used to fill the area where the edge of the first content is located, that is, the first area corresponding to the first content, to generate the edge mask corresponding to the first area, thereby determining the first motion effect image.

[0099] In some embodiments of this application, the display unit 804 is further configured to: display the target content in a general display mode when the high dynamic range display conditions are not met and the motion effect image intersects with the target content.

[0100] This application embodiment determines whether the display screen meets the high dynamic range display conditions, thereby enabling the display to be performed in a general display mode even when the display screen does not meet the high dynamic range display conditions. This avoids abnormal display phenomena such as flickering or visual persistence on the screen in HDR display mode when the display screen does not meet the high dynamic range display conditions.

[0101] In some embodiments of this application, the determining unit 802 is further configured to determine that the high dynamic display condition is not met when at least one of the following conditions is detected: the interface swiping speed is greater than a first speed threshold; the interactive control is located in the edge area of ​​the interface; the interface swiping mode is a preset swiping mode; or the interactive control shows a display abnormality.

[0102] This application embodiment judges whether the interface is rapidly sliding, whether the interactive control is located in the edge area of ​​the interface, whether the sliding method is a preset sliding method, and whether the interactive control is displaying abnormally. Then, when the above situations occur, the target content is displayed in a general display mode, thereby avoiding abnormal display phenomena such as flickering or visual persistence on the screen in HDR display mode when the screen does not meet the high dynamic range display conditions.

[0103] In some embodiments of this application, the display unit 804 is specifically used to: display the target content in a high dynamic range manner according to the gain map corresponding to the interactive control, when the high dynamic range display conditions are met and the motion effect image intersects with the target content.

[0104] In this embodiment of the application, during the high dynamic range display of the target content of the interactive control, the target content is displayed in a high dynamic range mode based on the gain map of the interactive control. This achieves amplification of the display effect of the target content based on the gain map, thereby ensuring the high dynamic range display effect of the target content.

[0105] The display device 800 of the interactive control in this application embodiment can be an electronic device or a component in 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, handheld computer, 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.

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

[0107] The interactive control display device 800 provided in this application embodiment can implement the various processes implemented in the above method embodiments, and will not be described again here to avoid repetition.

[0108] Optionally, embodiments of this application also provide an electronic device. Figure 13 A structural block diagram of an electronic device according to an embodiment of this application is shown, such as... Figure 13 As shown, the electronic device 900 includes a processor 902, a memory 904, and a program or instructions stored in the memory 904 and executable on the processor 902. When the program or instructions are executed by the processor 902, they implement the various processes of the above method embodiments and achieve the same technical effects. To avoid repetition, they will not be described again here.

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

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

[0111] The electronic device 1000 includes, but is not limited to, components such as: radio frequency unit 1001, network module 1002, audio output unit 1003, input unit 1004, sensor 1005, display unit 1006, user input unit 1007, interface unit 1008, memory 1009, and processor 1010.

[0112] Those skilled in the art will understand that the electronic device 1000 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 1010 through a power management system, thereby enabling functions such as managing charging, discharging, and power consumption through the power management system. Figure 14 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.

[0113] The processor 1010 is used to determine the motion effect image corresponding to the target area of ​​the interactive control according to the image processing algorithm. The target area includes the target content. The display unit 1006 is used to display the motion effect image in the target area. When the high dynamic display conditions are met and the motion effect image intersects with the target content, the target content is displayed in a high dynamic display mode.

[0114] In the process of displaying interactive controls, this application embodiment first determines the motion effect image corresponding to the target area of ​​the interactive control according to the image processing algorithm. The target area includes the target content. The motion effect image is displayed in the target area. Where the high dynamic range display conditions are met and the motion effect image intersects with the target content, the target content is displayed in a high dynamic range display mode. In this way, on the one hand, the high dynamic range display conditions are limited, so that the target content can be not displayed in a high dynamic range in some scenarios, reducing screen flicker and other issues. On the other hand, the motion effect image softens the high dynamic range display of the target content, improving the naturalness of the transition between HDR gain content and non-HDR gain content, thereby improving the interface display effect.

[0115] Optionally, the image processing algorithm includes a filling algorithm and an image segmentation algorithm, the target content includes a first content, the target region includes a first region corresponding to the first content, and the motion effect image includes a first motion effect image and a second motion effect image; the processor 1010 is further configured to determine the second motion effect image corresponding to the target region according to the filling algorithm; and to determine the first motion effect image corresponding to the first region according to the image segmentation algorithm and the first content.

[0116] This application embodiment determines the first and second motion effect images through a filling algorithm and an image segmentation algorithm, thereby ensuring the display effect of the motion effect images. This enables the high dynamic range display of the target content to be mitigated by the motion effect images, improving the naturalness of the transition between HDR gain content and non-HDR gain content, and thus improving the interface display effect.

[0117] Optionally, the display unit 1006 is specifically used to display a second motion effect image in the target area; after the second motion effect image is displayed, a first motion effect image is displayed in the first area.

[0118] This application embodiment first displays a second motion effect image, and then displays a first motion effect image after the second motion effect image has finished displaying. In this way, during the display of the first motion effect image, an intersection is formed with the target content, thereby achieving the switching of the target content to a high dynamic range display mode during the display of the first motion effect image. This is achieved by using the display of the first motion effect image to mitigate the high dynamic range display process of the target content, improving the naturalness of the transition between HDR gain content and non-HDR gain content, and thus improving the interface display effect.

[0119] Optionally, the second motion effect image includes at least two planar masks, and the first motion effect image is a stroke mask; the processor 1010 is further configured to: determine the filling start point of the target region; determine at least two planar masks corresponding to the target region according to the filling algorithm and the filling start point; determine the edge of the first content; and determine the stroke mask corresponding to the first region according to the image segmentation algorithm and the edge of the first content.

[0120] This application embodiment obtains the outline of the target content, then determines the filling start point on the outline, uses the filling start point as the starting point for generating at least two planar masks, and then uses a filling algorithm to sequentially generate planar masks starting from the filling start point, thereby determining the second motion effect image. By determining the edge of the first content, an image segmentation algorithm is used to fill the area where the edge of the first content is located, that is, the first area corresponding to the first content, to generate the edge mask corresponding to the first area, thereby determining the first motion effect image.

[0121] Optionally, the display unit 1006 is also used to display the target content in a general display mode when the high dynamic range display conditions are not met and the motion effect image intersects with the target content.

[0122] This application embodiment determines whether the display screen meets the high dynamic range display conditions, thereby enabling the display to be performed in a general display mode even when the display screen does not meet the high dynamic range display conditions. This avoids abnormal display phenomena such as flickering or visual persistence on the screen in HDR display mode when the display screen does not meet the high dynamic range display conditions.

[0123] Optionally, the processor 1010 is also configured to determine that the high dynamic display conditions are not met if at least one of the following conditions is detected: the interface swiping speed is greater than a first speed threshold; the interactive control is located in the edge area of ​​the interface; the interface swiping method is a preset swiping method; or the interactive control shows a display abnormality.

[0124] This application embodiment judges whether the interface is rapidly sliding, whether the interactive control is located in the edge area of ​​the interface, whether the sliding method is a preset sliding method, and whether the interactive control is displaying abnormally. Then, when the above situations occur, the target content is displayed in a general display mode, thereby avoiding abnormal display phenomena such as flickering or visual persistence on the screen in HDR display mode when the screen does not meet the high dynamic range display conditions.

[0125] Optionally, the display unit 1006 is further configured to display the target content in a high dynamic range manner according to the gain map corresponding to the interactive control, provided that the high dynamic range display conditions are met and the motion effect image intersects with the target content.

[0126] In this embodiment of the application, during the high dynamic range display of the target content of the interactive control, the target content is displayed in a high dynamic range mode based on the gain map of the interactive control. This achieves amplification of the display effect of the target content based on the gain map, thereby ensuring the high dynamic range display effect of the target content.

[0127] It should be understood that, in this embodiment, the input unit 1004 may include a graphics processing unit (GPU) 10041 and a microphone 10042. The GPU 10041 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 8061006 may include a display panel 10061, which may be configured in the form of a liquid crystal display, an organic light-emitting diode, etc. The user input unit 1007 includes at least one of a touch panel 10071 and other input devices 10072. The touch panel 10071 is also called a touch screen. The touch panel 10071 may include two parts: a touch detection device and a touch controller. Other input devices 10072 may include, but are not limited to, a physical keyboard, function keys (such as volume control buttons, power buttons, etc.), a trackball, a mouse, and a joystick, which will not be described in detail here.

[0128] The memory 1009 can be used to store software programs and various data. The memory 1009 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 1009 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 1009 in this embodiment includes, but is not limited to, these and any other suitable types of memory.

[0129] The processor 1010 may include one or more processing units; optionally, the processor 1010 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 the processor 1010.

[0130] 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 method embodiments and achieve the same technical effect. To avoid repetition, they will not be described again here.

[0131] 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.

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

[0133] 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.

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

[0135] 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.

[0136] 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 readable 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 of the various embodiments of this application.

[0137] 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 display method of an interactive control, characterized by, The display method comprises the following steps: determining a second dynamic image corresponding to the target region according to a filling algorithm; the target region comprises first content and a first region corresponding to the first content; determining a first dynamic image corresponding to the first region according to an image segmentation algorithm and the first content; displaying the dynamic image in the target region; the dynamic image comprises the first dynamic image and the second dynamic image; wherein, in the case that the high dynamic display condition is met and the dynamic image intersects with the first content, the first content is displayed in a high dynamic display mode.

2. The display method according to claim 1, wherein The step of displaying the dynamic image in the target region comprises: displaying the second dynamic image in the target region; after the display of the second dynamic image is completed, displaying the first dynamic image in the first region.

3. The display method according to claim 1, wherein The second dynamic image comprises at least two face masks, and the first dynamic image is a stroke mask. The step of determining the second dynamic image corresponding to the target region according to the filling algorithm comprises: determining a filling starting point of the target region; determining at least two face masks corresponding to the target region according to the filling algorithm and the filling starting point; The step of determining the first dynamic image corresponding to the first region according to the image segmentation algorithm and the first content comprises: determining an edge of the first content; determining a stroke mask corresponding to the first region according to the image segmentation algorithm and the edge of the first content.

4. The display method according to claim 1, wherein The display method further comprises: in the case that the high dynamic display condition is not met and the dynamic image intersects with the first content, displaying the first content in a general display mode.

5. The display method according to claim 4, wherein In the case that at least one of the following conditions is detected, it is determined that the high dynamic display condition is not met: the interface sliding speed is greater than a first speed threshold; the interactive control is located in an interface edge region; the interface sliding mode is a preset sliding mode; the display of the interactive control is abnormal.

6. The display method according to claim 1, wherein The display method further comprises: in the case that the high dynamic display condition is met and the dynamic image intersects with the first content, displaying the first content in a high dynamic display mode according to a gain map corresponding to the interactive control.

7. A display device of an interactive control, characterized by The display method comprises the following steps: a determining unit configured to determine a second dynamic image corresponding to a target region according to a filling algorithm; the target region comprises first content and a first region corresponding to the first content; determine a first dynamic image corresponding to the first region according to an image segmentation algorithm and the first content; a display unit configured to display the dynamic image in the target region; the dynamic image comprises the first dynamic image and the second dynamic image; wherein, in the case that the high dynamic display condition is met and the dynamic image intersects with the first content, the first content is displayed in a high dynamic display mode.

8. An electronic device, comprising: The display method comprises the following steps:

9. A readable storage medium, characterized by, a processor and a memory, the memory storing programs or inputs executable on the processor, the programs or inputs being executed by the processor to implement the steps of the method according to any one of claims 1 to 6. The readable storage medium stores programs or inputs, which are executed by the processor to implement the steps of the method according to any one of claims 1 to 6.

Images