Display method and device of interactive control, electronic equipment and readable storage medium

Abstract

The invention discloses an interactive control display method and device, electronic equipment and a readable storage medium, and belongs to the technical field of electronic equipment. The display method of the interaction control comprises the steps that a dynamic effect image corresponding to a target area of the interaction control is determined according to an image processing algorithm, and the target area comprises target content; the dynamic effect image is displayed in the target area, and the target content is displayed in a high-dynamic display mode under the conditions that the high-dynamic display condition is met and the dynamic effect image and the target content intersect.

Description

Technical Field

[0001] The present application belongs to the technical field of electronic devices, and specifically relates to a display method, device, electronic device and readable storage medium for interactive controls. Background Art

[0002] With the rapid development of display technology, High Dynamic Range (HDR) technology has been widely used in the fields of image display and video playback. Compared with Standard Dynamic Range (SDR) display technology, HDR technology has a larger brightness range and richer color expression capabilities, and can more accurately present images with light and dark contrast and rich details.

[0003] In the related art, when HDR gain is applied to the interface of the screen of an electronic device, when the interface includes interactive controls, in the process of switching the HDR gain display of the interactive controls, it is easy for the HDR gain content of the interactive controls and the HDR gain content of other areas in the interface to produce display abnormalities, such as screen flickering, or a split between the HDR gain content and the non-HDR gain content, resulting in poor interface display effects. Summary of the invention

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

[0005] In a first aspect, an embodiment of the present application provides a method for displaying an interactive control, comprising:

[0006] Determine, according to an image processing algorithm, a dynamic effect image corresponding to a target area of ​​the interactive control, where the target area includes target content;

[0007] Display animated images in the target area;

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

[0009] In a second aspect, an embodiment of the present application provides a display device for an interactive control, including:

[0010] A determination unit, configured to determine a dynamic effect image corresponding to a target area of ​​the interactive control according to an image processing algorithm, wherein the target area includes target content;

[0011] The display unit is used to display a dynamic image in a target area; wherein, when a high dynamic display condition is met and the dynamic image intersects with the target content, the target content is displayed in a high dynamic display manner.

[0012] In a third aspect, an embodiment of the present application provides an electronic device, including a processor and a memory, wherein the memory stores programs or instructions that can be executed on the processor, and when the programs or instructions are executed by the processor, the steps of the method of the first aspect are implemented.

[0013] In a fourth aspect, an embodiment of the present application provides a readable storage medium, on which a program or instruction is stored, and when the program or instruction is executed by a processor, the steps of the method of the first aspect are implemented.

[0014] In a fifth aspect, an embodiment of the present application provides a chip, which includes a processor and a communication interface, wherein the communication interface is coupled to the processor, and the processor is used to run programs or instructions to implement the steps of the method of the first aspect.

[0015] In a sixth aspect, an embodiment of the present application provides a computer program product, which is stored in a readable storage medium and is executed by at least one processor to implement the method of the first aspect.

[0016] In the process of displaying an interactive control, the embodiment of the present application first determines the dynamic image corresponding to the target area of ​​the interactive control according to the image processing algorithm, the target area includes the target content, and displays the dynamic image in the target area, wherein when the high dynamic display condition is met and the dynamic image and the target content intersect, the target content is displayed in a high dynamic display manner. In this way, on the one hand, the high dynamic display condition is limited, so that in some scenarios, the target content may not be displayed in a high dynamic manner, thereby reducing the occurrence of screen flicker and the like; on the other hand, the high dynamic display of the target content is alleviated by the dynamic image, thereby improving the natural connection between the HDR gain content and the non-HDR gain content, thereby improving the interface display effect. BRIEF DESCRIPTION OF THE DRAWINGS

[0017] Figure 1 A flow chart showing a method for displaying an interactive control according to an embodiment of the present application is shown;

[0018] Figure 2 One of the interface schematic diagrams of the method for displaying an interactive control in an embodiment of the present application is shown;

[0019] Figure 3 A second interface diagram showing a method for displaying an interactive control according to an embodiment of the present application is shown;

[0020] Figure 4 A third interface diagram showing a method for displaying an interactive control according to an embodiment of the present application is shown;

[0021] Figure 5 A fourth interface diagram showing a method for displaying an interactive control according to an embodiment of the present application is shown;

[0022] Figure 6 A fifth interface diagram showing a method for displaying an interactive control according to an embodiment of the present application is shown;

[0023] Figure 7 A sixth interface diagram showing a method for displaying an interactive control according to an embodiment of the present application;

[0024] Figure 8 A seventh interface diagram showing a method for displaying an interactive control according to an embodiment of the present application is shown;

[0025] Fig. 9 An eighth interface diagram showing a method for displaying an interactive control according to an embodiment of the present application is shown;

[0026] Fig.10 A ninth interface diagram showing a method for displaying an interactive control according to an embodiment of the present application;

[0027] Fig.11 A tenth interface diagram showing a method for displaying an interactive control according to an embodiment of the present application;

[0028] Fig.12 A structural block diagram of a display device for interactive controls according to an embodiment of the present application is shown;

[0029] Fig.13 A structural block diagram of an electronic device according to an embodiment of the present application is shown;

[0030] Fig.14 A schematic diagram of the hardware structure of an electronic device to implement an embodiment of the present application. DETAILED DESCRIPTION

[0031] The following will be combined with the drawings in the embodiments of the present application to clearly describe the technical solutions in the embodiments of the present application. Obviously, the described embodiments are part of the embodiments of the present application, rather than all the embodiments. All other embodiments obtained by ordinary technicians in this field based on the embodiments in the present application belong to the scope of protection of this application.

[0032] The terms "first", "second", etc. in the specification and claims of the present application are used to distinguish similar objects, and are not used to describe a specific order or sequence. It should be understood that the data used in this way can be interchangeable under appropriate circumstances, so that the embodiments of the present application can be implemented in an order other than those illustrated or described here, and the objects distinguished by "first", "second", etc. are generally of one type, and the number of objects is not limited. For example, the first object can be one or more. In addition, "and / or" in the specification and claims represents at least one of the connected objects, and the character " / " generally indicates that the objects associated with each other are in an "or" relationship.

[0033] The following, in conjunction with the accompanying drawings, describes in detail the display method, device, electronic device and readable storage medium of the interactive control provided in the embodiments of the present application through specific embodiments and their application scenarios.

[0034] In some embodiments of the present application, a method for displaying an interactive control is provided. Figure 1 A flow chart of a method for displaying an interactive control according to an embodiment of the present application is shown. Figure 1 As shown, the display method of the interactive control includes:

[0035] Step 102, determining a dynamic effect image corresponding to a target area of ​​the interactive control according to an image processing algorithm, where the target area includes target content;

[0036] Step 104, displaying the dynamic image in the target area; wherein, when the high dynamic display condition is met and the dynamic image intersects with the target content, the target content is displayed in a high dynamic display manner.

[0037] In the embodiments of the present application, Figure 2 One of the interface schematic diagrams of the display method of the interactive control of the embodiment of the present application is shown, such as Figure 2 As shown, the interactive controls can be displayed on the display screen of the electronic device, thereby providing the user with the interactive controls, and the user can operate the interactive controls displayed on the display screen to control the operation of the electronic device.

[0038] It should be noted that the display screen can use high dynamic range (HDR) technology and standard dynamic range display (Standard Dynamic Range) technology to display the interface. Among them, HDR display technology expands the brightness range of images or videos to present richer light and dark details, so that the bright parts of the interactive controls are not overexposed and the dark parts have details, providing a more realistic effect close to human vision, thereby improving the user experience. SDR display technology is a traditional image and video dynamic range standard with a narrow brightness range and cannot present rich brightness and contrast details like HDR.

[0039] Furthermore, HDR display technology has a variety of technical specifications. The HDR display technology described in the embodiment of the present application is an HDR display technology based on the International Organization for Standardization Technical Specification 22028-5 (ISO TS22028-5), which defines an encoding method for HDR images, including using a gain map to represent local brightness information of an image. Among them, the gain map is a grayscale image used to represent the gain information of each area 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 usually used for encoding and rendering of HDR images. Specifically, the gain map is a hierarchical grayscale map, which can define the gain required for each part of the interactive control according to the information tree priority defined by the interactive control. The topmost symbol or control adopts the highest priority, and the hierarchical gain level of the interactive control and the interactive design is non-gradually decreased. At the same time, the gain grading map is adjusted according to the environment or brightness, and increases and decreases synchronously. For example, when the HDR gain is highlighted in the full interface under daylight, the hierarchy of the system interface can still be distinguished.

[0040] Furthermore, when the display screen meets the conditions for HDR display, the target area in the interactive control is first obtained, and the target area contains the target content that needs to be displayed in HDR, that is, the target content is located in the target area. Then, the image processing algorithm is used to determine the corresponding dynamic effect image in the target area of ​​the interactive control. Figure 3 A second interface diagram showing a method for displaying an interactive control according to an embodiment of the present application is shown; Figure 4 A third interface diagram showing a method for displaying an interactive control according to an embodiment of the present application is shown; Figure 5 A fourth interface diagram showing a method for displaying an interactive control according to an embodiment of the present application is shown; Figure 6 A fifth interface diagram showing a method for displaying an interactive control according to an embodiment of the present application is shown; Figure 7 The sixth interface diagram of the method for displaying the interactive control in the embodiment of the present application is shown; Figure 3 , Figure 4 , Figure 5 , Figure 6 and Figure 7 As shown, the dynamic effect image can be used for dynamic display in the target area, and specifically, the dynamic effect image can be controlled to move in the target area.

[0041] Specifically, in the process of displaying dynamic images, the ImageDecoder class can be used to decode and render the dynamic images in the target area to activate the gain of the dynamic images in the target area, that is, to display the dynamic images. The ImageDecoder class is a class 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 the rendering of high dynamic range images. 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 to decode-based SDR images to ensure compatibility.

[0042] Furthermore, when the display screen of the electronic device meets the high dynamic display conditions, it is determined whether the dynamic image and the target content intersect. Specifically, when the dynamic image moves to the location of the target content, the target content can be controlled to be displayed in HDR. In this way, when the display screen meets the high dynamic display conditions, it is judged whether the target content meets the dynamic display conditions, that is, the high dynamic display conditions of the target content are limited, so that in some scenarios, the target content may not be displayed in a high dynamic manner, reducing the occurrence of screen flicker and the like. In addition, by displaying dynamic images in the target area, isomorphic dynamic images can be achieved, the high dynamic display of the target content is alleviated, and the natural connection between HDR gain content and non-HDR gain content is improved, thereby improving the interface display effect.

[0043] In the process of displaying an interactive control, the embodiment of the present application first determines the dynamic image corresponding to the target area of ​​the interactive control according to the image processing algorithm, the target area includes the target content, and displays the dynamic image in the target area, wherein when the high dynamic display condition is met and the dynamic image and the target content intersect, the target content is displayed in a high dynamic display manner. In this way, on the one hand, the high dynamic display condition is limited, so that in some scenarios, the target content may not be displayed in a high dynamic manner, thereby reducing the occurrence of screen flicker and the like; on the other hand, the high dynamic display of the target content is alleviated by the dynamic image, thereby improving the natural connection between the HDR gain content and the non-HDR gain content, thereby improving the interface display effect.

[0044] In addition, the display method of the interactive control of the embodiment of the present application can also be combined with a light sensing device. In a daylight scene, when the software-adjustable brightness of the electronic device reaches a peak, it automatically switches to the SDR display method, and reserves the hardware performance for the brightness of the HDR display part, that is, automatically adjusts the corresponding brightness, breaking through the upper limit of the software-controllable display. Enhance the visibility of the display interface in daylight.

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

[0046] In an embodiment of the present application, the image processing algorithm may include a filling algorithm and an image segmentation algorithm. Accordingly, the dynamic image may include a first dynamic image and a second dynamic image, wherein the image segmentation algorithm may determine the first dynamic image, and the filling algorithm may generate the second dynamic image.

[0047] Specifically, the target content may include the first content, and the target content is located in the target area. Accordingly, the target area includes the first area corresponding to the first content. In the process of determining the first dynamic image, the first dynamic image corresponding to the first area may be determined according to the image segmentation algorithm and the first content.

[0048] Exemplarily, the image segmentation algorithm may be a region growing algorithm, which is an image segmentation algorithm that starts from a seed point and groups adjacent pixels into the same region based on pixel similarity, such as pixel color, brightness, etc., and gradually expands the region until a stopping condition is met, thereby completing the generation of the first motion effect image.

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

[0050] For example, the filling algorithm may be a flood fill algorithm, which is an algorithm for filling a connected area. Starting from a specified starting pixel, adjacent pixels that are identical or similar to the starting pixel are replaced with a new color until a boundary is encountered. The flood fill algorithm is often used for filling operations in drawing software. By using the flood fill algorithm, the dynamic image can be filled in the target area, thereby completing the generation of the second dynamic image.

[0051] like Figure 2As shown, the microphone icon and the word "Search" can be the target content of the interactive control, that is, the first content. The area where the first content is located is the first area, and the first content is the content that needs to be displayed in HDR display mode. The area covered by the dialog box is the target area. For the microphone icon, the first dynamic effect image can be determined by the regional growing algorithm. Correspondingly, for the area covered by the dialog box, the second dynamic effect image corresponding to the area can be determined according to the flood filling algorithm.

[0052] The embodiment of the present application determines the first dynamic effect image and the second dynamic effect image through a filling algorithm and an image segmentation algorithm, thereby ensuring the display effect of the dynamic effect image, and further achieving the high dynamic display of the target content through the dynamic effect image, improving the natural connection between HDR gain content and non-HDR gain content, thereby improving the interface display effect.

[0053] In some embodiments of the present application, displaying a dynamic effect image in a target area includes: displaying a second dynamic effect image in the target area; and displaying the first dynamic effect image in the first area after the second dynamic effect image is displayed.

[0054] In an embodiment of the present application, after the first dynamic effect image and the second dynamic effect image are determined, first, the second dynamic effect image can be displayed in the target area, and after the second dynamic effect image is displayed, the first dynamic effect image can be displayed. It should be noted that the second dynamic effect image can be displayed in a mobile manner in the target area, and when the second dynamic effect image moves to the position where the target content is located, that is, when the second dynamic effect image moves to the first area where the first content is located, the first dynamic effect image can be displayed. At this time, since the position where the first dynamic effect image is displayed is located in the first area where the target content is located, it can be determined that the current first dynamic effect image and the target content have an intersection, and the target content can be displayed in a high dynamic display mode at this time.

[0055] For example, Fig. 9 An eighth interface diagram of a method for displaying an interactive control in an embodiment of the present application is shown; Figure 3 , Figure 4 , Figure 5 , Figure 6 , Figure 7 and Fig. 9As shown, the second dynamic effect image is first displayed, and the second dynamic effect image moves from the right side to the left side of the dialog box. When the second dynamic effect image moves to the position where the microphone icon is located, the second dynamic effect image is displayed. Then, the first dynamic effect image is displayed in the first area where the microphone icon is located. Specifically, the first dynamic effect image can be a gradient circular highlight image. At this time, the first dynamic effect image and the microphone icon intersect, so that the microphone icon can be displayed in a high-dynamic display mode, that is, in the process of the circular highlight image of the first dynamic effect image gradually becoming larger, the microphone icon is displayed in a high-dynamic display mode. After the first dynamic effect image is displayed, the microphone icon has switched to a high-dynamic display mode. In the process of switching the microphone icon from a general display mode to a high-dynamic display mode, the transition is performed by displaying the second dynamic effect image and the first dynamic effect image, so that the high-dynamic display of the microphone icon can be alleviated, and the natural connection between the HDR gain content and the non-HDR gain content can be improved, thereby improving the interface display effect.

[0056] The embodiment of the present application displays the second dynamic effect image first, and then displays the first dynamic effect image after the second dynamic effect image is displayed, thereby generating an intersection with the target content during the display of the first dynamic effect image, and further achieving the goal of switching the target content to a high dynamic display mode during the display of the first dynamic effect image, thereby alleviating the high dynamic display process of the target content through the display of the first dynamic effect image, improving the natural connection 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 dynamic effect image and the second dynamic effect image can be applicable to the first type of control. Specifically, the first type of control can be a surface control.

[0058] Accordingly, the embodiment of the present application can also determine the dynamic effect image for the second type of control. Figure 8 FIG7 shows a seventh interface diagram of a method for displaying an interactive control in an embodiment of the present application; 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 dynamic image. First, the third content in the linear control and the third area corresponding to the third content can be determined. It should be noted that the third content is also located in the target area of ​​the interactive control, such as the area where the dialog box is located. Correspondingly, the third area corresponding to the third content is also located in the target area. Furthermore, according to the filling algorithm, the fourth dynamic image corresponding to the target area is determined, and then according to the filling algorithm and the third content, the third dynamic image corresponding to the third area 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 dynamic image, the filling algorithm can be directly used to fill the dynamic image in the range where the linear control is located without using an image segmentation algorithm.

[0059] Furthermore, after the third and fourth motion effect images are determined, the third and fourth motion effect images can be displayed. Similar to the display process of the first and second motion effect images, first, the fourth motion effect image is displayed in the target area, and after the fourth motion effect image is displayed, the third motion effect image can be displayed. It should be noted that the fourth motion effect image can be displayed in a mobile manner within the target area. When the fourth motion effect image moves to the location where the target content is located, that is, when the fourth motion effect image moves to the third area where the third content is located, the third motion effect image can be displayed. At this time, since the location where the third motion effect image is displayed is located in the third area where the target content is located, it can be determined that the current third motion effect image intersects with the target content, and the target content can be displayed in a high dynamic display manner.

[0060] In some embodiments of the present application, the second dynamic effect image includes at least two surface masks, and the first dynamic effect image is a stroke mask; determining the second dynamic effect image corresponding to the target area according to the filling algorithm includes: determining the filling starting point of the target area; determining at least two surface masks corresponding to the target area according to the filling algorithm and the filling starting point; determining the first dynamic effect image corresponding to the first area according to the image segmentation algorithm and the first content, including: determining the edge of the first content; determining the stroke mask corresponding to the first area according to the image segmentation algorithm and the edge of the first content.

[0061] In an embodiment of the present application, the second dynamic effect image may be at least two stroke masks. Accordingly, in the process of determining the second dynamic effect image, at least two stroke masks may be determined in the target area according to a filling algorithm to complete the determination of the second dynamic effect image.

[0062] Specifically, first, the contour of the target area can be obtained according to the target area. Specifically, the interactive control can be a standard control, such as a rectangle, a rounded rectangle, a circle, and other graphics. For standard controls, in the process of obtaining the contour, an edge detection algorithm, such as the canny edge detection algorithm, can be used to obtain the contour of the target area. Alternatively, for controls with irregular shapes such as symbols and text, the drawing node information of the control can be obtained through relevant algorithms, and then the contour of the target area can be generated.

[0063] Further, Fig.10 A ninth interface diagram showing a method for displaying an interactive control in an embodiment of the present application is shown; Fig.10 As shown, after determining the contour line of the target area, the filling starting point can be determined on the contour line, and then the first filling algorithm is used to gradually fill the area where the interactive controls are located starting from the filling starting point, thereby determining the surface mask corresponding to the target area. Specifically, the surface mask can be generated step by step starting from the reference point, first generating surface mask-1, then moving to the left to generate surface mask-2, and continuing to move to the left to the left end to generate surface mask-3, and completing the generation of the surface mask, that is, completing the generation of the second dynamic effect image. Accordingly, as Figure 3 , Figure 4 , Figure 5 As shown, in the process of displaying the second dynamic effect image, the surface mask-1 is displayed first, then the surface mask-2 is displayed, and finally the surface mask-3 is displayed from the right side to the left side of the target area, and the display of the second dynamic effect image can be completed.

[0064] Furthermore, if Fig.10 As shown, the first animated image can be a stroke mask. Accordingly, in the process of determining the first animated image, the edge of the first content can be obtained first, and then the stroke mask corresponding to the first area is determined according to the image segmentation algorithm and the edge of the first content, that is, the first animated image corresponding to the first area is determined.

[0065] Specifically, after obtaining the edge of the first content, a morphological dilation operation may be first performed on the edge of the first content, thereby increasing the width of the edge of the first content to determine the first region corresponding to the first content, so that the first region can have a certain area, so as to fill the first region where the first content is located with a stroke mask. Figure 6 , Figure 7 and Fig.10 As shown, after the morphological dilation operation is performed on the edge of the first content, an image segmentation algorithm can be used to fill the area where the first content after the morphological dilation is located, that is, the first area, so as to generate a stroke mask corresponding to the target content.

[0066] The embodiment of the present application obtains the contour line of the target content, and then determines the filling starting point on the contour line, uses the filling starting point as the starting point for generating at least two surface masks, and then uses the filling algorithm to sequentially generate surface masks starting from the filling starting point, thereby determining the second dynamic 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, so as to generate an edge mask corresponding to the first area, thereby determining the first dynamic effect image.

[0067] In some embodiments of the present application, the display method further includes: when the high dynamic display condition is not met and the dynamic image intersects with the target content, displaying the target content in a general display manner.

[0068] In an embodiment of the present application, during the high dynamic range display of the display, for some special cases, such as the fast sliding process, the system cannot accurately identify when to cancel the high dynamic range display, or cannot identify the connectivity of the high dynamic range display area, resulting in abnormal display phenomena such as display screen flickering or visual persistence. In response to this phenomenon, it can be determined that the current display screen does not meet the high dynamic display conditions. Therefore, in this case, even if the dynamic image and the target content intersect, there is no need to display the target content in a high dynamic display mode, but to display the target content in a general display mode, such as displaying the target content in an SDR display mode, thereby ensuring the effect of the display interface and avoiding abnormal display phenomena such as flickering or visual persistence.

[0069] In addition, it should be noted that the judgment of whether the display screen meets the high dynamic display conditions can be made when the display screen is already displayed in HDR display mode, or when the display screen has not yet been displayed in HDR display mode. Among them, if the current display screen is already displayed in HDR display mode, if it is determined that the display screen does not meet the high dynamic display conditions, the display screen can be switched to SDR display mode for display to avoid abnormal display phenomena such as display screen flicker or visual persistence. At the same time, the HDR display status of the display interface can be marked as "pause". Furthermore, when the display screen meets the conditions for high dynamic display, if the HDR display status of the display interface is marked as "pause", the HDR display of the display interface can be restored, and the HDR display status of the display interface can be marked as "restore".

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

[0071] The embodiment of the present application determines whether the display screen meets the high dynamic display conditions, so that when the display screen does not meet the high dynamic display conditions, it can display in a general display mode, thereby avoiding abnormal display phenomena such as flickering or visual persistence on the display screen in the HDR display mode when the display screen does not meet the high dynamic display conditions.

[0072] In some embodiments of the present application, when at least one of the following is detected, it is determined that the high dynamic display conditions are not met: 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; the interactive control has a display abnormality.

[0073] In the embodiment of the present application, the display screen may not meet the high dynamic display conditions in the following cases: the interface swiping speed is greater than the first speed threshold; the interactive control is located at the edge of the interface; the interface swiping mode is the preset swiping mode; the interactive control has a display abnormality. That is, when any of the above situations occurs on the display interface, even if the dynamic image and the target content intersect, it is not necessary to display it in a high dynamic display mode, and the target content can be displayed in a general display mode to avoid abnormal display phenomena such as stroboscopic or visual persistence on the display interface.

[0074] Specifically, the sliding parameters of the user on the display interface can be obtained, that is, in the process of the user sliding on the display interface, the user's multiple touch points on the display interface and the time point corresponding to each touch point can be obtained, and then the sliding speed of the sliding operation is determined according to the multiple touch points and the time point corresponding to each touch point. It can be understood that in the process of the user sliding the display interface, as the user's sliding operation, the user touches multiple touch points in the display interface in turn, and there is a certain distance between two adjacent touch points, and then the time point corresponding to each touch point is determined, so as to determine the time difference between two adjacent touch points, and finally the sliding speed of the sliding operation can be determined according to the distance and time difference between the two adjacent touch points. When the sliding speed is greater than the first speed threshold, it can be determined that the display screen does not meet the high dynamic display conditions at this time. That is, when the sliding speed of the user's sliding operation is fast, the high dynamic display mode is not used for display, but the SDR display mode is used for display, so as to avoid abnormal display phenomena such as stroboscopic display or visual persistence. On the contrary, when the sliding speed is less than or equal to the first speed threshold, the HDR display mode of the display screen can be restored to ensure the display effect of the interface.

[0075] Furthermore, when the interactive controls are located at the edge of the interface, it can also be determined that the current display screen does not meet the high dynamic display conditions. It is understandable that during the high dynamic display process, if the interactive controls are located at the edge of the interface, it is easy to have abnormal display phenomena such as breakpoints and misalignment at the edge of the interface. Therefore, when the interactive controls are located at the edge of the interface, the SDR display mode is used to ensure the display effect.

[0076] Furthermore, when the sliding mode of the interface is a preset sliding mode, it can also be determined that the current display screen does not meet the high dynamic display conditions. Among them, the preset sliding mode can be reciprocating sliding or sliding in a circular direction. Specifically, when the user's sliding operation on the interface is detected, if the sliding speed of the sliding operation is less than or equal to the first speed threshold, that is, when the sliding speed is slow, the sliding direction of the sliding operation can be obtained. If the sliding direction is reciprocating and reverse, it can be determined that the display screen does not meet the high dynamic display conditions. At this time, the SDR display mode can be used for display to avoid abnormal display phenomena such as breakpoints or dislocations at the edges of the interface or HDR display content.

[0077] Furthermore, in the case of display anomalies in interactive controls, it can also be determined that the current display screen does not meet the high dynamic display conditions. It is understandable that in the current interface, if the interactive controls have generated display anomalies, this can directly determine that the current display screen is not suitable for display in high dynamic display mode. At this time, the interface can be switched to a general display mode for display to eliminate the display anomalies of the interactive controls and ensure the display effect of the interface.

[0078] The embodiment of the present application determines whether the interface has fast sliding, whether the interactive control is located in the edge area of ​​the interface, whether the sliding mode is a preset sliding mode, and whether the interactive control has display abnormalities. 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 in the interface of the display screen under the HDR display mode when the display screen does not meet the high dynamic display conditions.

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

[0080] In the embodiment of the present application, for the high dynamic display mode of the target content, the high dynamic display of the target content can be achieved according to the gain map corresponding to the interactive control.

[0081] Specifically, before displaying the target content in the interactive control for HDR, a gain map corresponding to the interactive control can be first made. It can be understood that the gain map is a grayscale image used to represent the gain information of each area 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, that is, the gain coefficient of the corresponding pixel in the interactive control, which can be used for encoding and rendering of HDR images, that is, to achieve high dynamic range display of the interactive control. In the Android 14 operating system, the ultra-high-definition dynamic range (Ultra HDR) function can be used to achieve high dynamic range display. This function indicates that a gain map is embedded in the image to achieve encoding and display of HDR images and provide richer visual effects.

[0082] According to the performance of different display screens, the gain map includes different grayscale value levels. For example, Fig.11 FIG10 is a schematic diagram showing an interface of a method for displaying an interactive control according to an embodiment of the present application; Fig.11As shown, the grayscale value level may include an 8-bit grayscale image and a 16-bit grayscale image, wherein the grayscale value range of the 8-bit grayscale image is 0 (black) to 255 (white), and the grayscale value range is divided into 20 different gain levels according to a smooth transition. The grayscale value range of the 16-bit grayscale image is 0 (black) to 65535 (white), and the grayscale value range is divided into 20 different gain levels according to a smooth transition. It should be noted that the HDR display method relies on the principle of software calling all display capabilities of the hardware. Therefore, the 8-bit grayscale image and the 16-bit grayscale image correspond to the same 20 gain levels. It is just that when the specific display is restored and converted, it is changed back to the 8-bit grayscale image or 16-bit grayscale image corresponding to the different display levels.

[0083] Furthermore, after the gain map of the interactive control is produced, the gain map needs to be integrated into the media framework layer of the operating system of the electronic device to ensure that the operating system of the electronic device can call the gain map to achieve correct display of the interactive control.

[0084] For example, for the Android 14 operating system, according to the Android 14 Ultra HDR feature guide, the gain map of the interactive control is integrated in the media framework layer (Media Framework Layer), and the prefix name of the corresponding gain map is consistent with the original name of the corresponding interactive control for call search, and the suffix name needs to be added with .drawable.ultrahdr_image. For correct calling.

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

[0086] Specifically, the corresponding call interface can be accessed through the application layer (Application Layer), JNI layer (Java Native Interface Layer), ImageDecoder, media framework layer, and hardware acceleration layer (HAL). Among them, the application layer (Application Layer), the application layer uses the ImageDecoder API to decode and render images containing Gain Map. ImageDecoder will automatically detect the Gain Map in the JPEG image and apply the gain on the supported devices. For devices that do not support HDR, ImageDecoder will degenerate to the SDR image based on decoding to ensure compatibility. The JNI layer is an interface for Java language to interact with other programming languages ​​(such as C, C++), allowing Java code to call native code to implement some underlying operations or improve performance. The media framework layer is the core logic for processing image decoding, including the parsing and application of Gain Map. The hardware acceleration layer is responsible for efficiently processing and rendering HDR content on devices that support HDR using the Hardware Abstraction Layer (HAL). HAL is a layer of abstraction in the operating system used to shield hardware differences, allowing upper-level software to access different hardware devices through a unified interface, enhancing the portability and compatibility of the system.

[0087] In the process of high-dynamic display of the target content of the interactive control, the embodiment of the present application displays the target content in a high-dynamic display mode according to the gain map of the interactive control, thereby achieving gain of the display effect of the target content based on the gain map, thereby ensuring the display effect of the high-dynamic display of the target content.

[0088] In addition, the embodiment of the present application is deeply integrated with the Android Ultra HDR framework to achieve efficient rendering and cross-device compatibility: the Gain Map is integrated into the media framework layer (Media Framework Layer), and decoded and rendered through the application layer ImageDecoderAPI. Utilizing the Ultra HDR function of Android 14, the Gain Map is automatically detected and applied to achieve efficient rendering on devices that support HDR and ensure compatibility on devices that do not support HDR. Compared with the previous methods that could only be called on the HDR content page and lacked system-level HDR support, this solution makes full use of the HDR functions and hardware acceleration capabilities provided by the Android system to improve the efficiency and performance of gain rendering. Ensure that the gain effect can be displayed correctly on different devices, provide a consistent user experience, and reduce development and maintenance costs.

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

[0090] A determination unit 802 is used to determine a dynamic effect image corresponding to a target area of ​​the interactive control according to an image processing algorithm, where the target area includes target content;

[0091] The display unit 804 is used to display the dynamic image in the target area; wherein, when the high dynamic display condition is met and the dynamic image intersects with the target content, the target content is displayed in a high dynamic display manner.

[0092] In the process of displaying an interactive control, the embodiment of the present application first determines the dynamic image corresponding to the target area of ​​the interactive control according to the image processing algorithm, the target area includes the target content, and displays the dynamic image in the target area, wherein when the high dynamic display condition is met and the dynamic image and the target content intersect, the target content is displayed in a high dynamic display manner. In this way, on the one hand, the high dynamic display condition is limited, so that in some scenarios, the target content may not be displayed in a high dynamic manner, thereby reducing the occurrence of screen flicker, etc. On the other hand, the high dynamic display of the target content is alleviated by the dynamic image, thereby improving the natural connection between the HDR gain content and the non-HDR gain content, thereby improving the interface display effect.

[0093] In some embodiments of the present application, the image processing algorithm includes a filling algorithm and an image segmentation algorithm, the target content includes a first content, the target area includes a first area corresponding to the first content, and the dynamic image includes a first dynamic image and a second dynamic image; the determination unit 802 is specifically used to: determine the second dynamic image corresponding to the target area according to the filling algorithm; determine the first dynamic image corresponding to the first area according to the image segmentation algorithm and the first content.

[0094] The embodiment of the present application determines the first dynamic effect image and the second dynamic effect image through a filling algorithm and an image segmentation algorithm, thereby ensuring the display effect of the dynamic effect image, and further achieving the high dynamic display of the target content through the dynamic effect image, improving the natural connection between HDR gain content and non-HDR gain content, thereby improving the interface display effect.

[0095] In some embodiments of the present application, the display unit 804 is specifically used to: display the second dynamic effect image in the target area; after the second dynamic effect image is displayed, display the first dynamic effect image in the first area.

[0096] The embodiment of the present application displays the second dynamic effect image first, and then displays the first dynamic effect image after the second dynamic effect image is displayed, thereby generating an intersection with the target content during the display of the first dynamic effect image, and further achieving the goal of switching the target content to a high dynamic display mode during the display of the first dynamic effect image, thereby alleviating the high dynamic display process of the target content through the display of the first dynamic effect image, improving the natural connection between HDR gain content and non-HDR gain content, and thus improving the interface display effect.

[0097] In some embodiments of the present application, the second dynamic effect image includes at least two surface masks, and the first dynamic effect image is a stroke mask; the determination unit 802 is specifically used to: determine the filling starting point of the target area; determine at least two surface masks corresponding to the target area according to the filling algorithm and the filling starting point; determine the edge of the first content; determine the stroke mask corresponding to the first area according to the image segmentation algorithm and the edge of the first content.

[0098] The embodiment of the present application obtains the contour line of the target content, and then determines the filling starting point on the contour line, uses the filling starting point as the starting point for generating at least two surface masks, and then uses the filling algorithm to sequentially generate surface masks starting from the filling starting point, thereby determining the second dynamic 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, so as to generate an edge mask corresponding to the first area, thereby determining the first dynamic effect image.

[0099] In some embodiments of the present application, the display unit 804 is further used to: display the target content in a general display manner when the high dynamic display condition is not met and the dynamic image intersects with the target content.

[0100] The embodiment of the present application determines whether the display screen meets the high dynamic display conditions, so that when the display screen does not meet the high dynamic display conditions, it can display in a general display mode, thereby avoiding abnormal display phenomena such as flickering or visual persistence on the display screen in the HDR display mode when the display screen does not meet the high dynamic display conditions.

[0101] In some embodiments of the present application, the determination unit 802 is also used to determine that the high dynamic display conditions are not met when at least one of the following 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; the interactive control has a display abnormality.

[0102] The embodiment of the present application determines whether the interface has fast sliding, whether the interactive control is located in the edge area of ​​the interface, whether the sliding mode is a preset sliding mode, and whether the interactive control has display abnormalities. 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 in the interface of the display screen under the HDR display mode when the display screen does not meet the high dynamic display conditions.

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

[0104] In the process of high-dynamic display of the target content of the interactive control, the embodiment of the present application displays the target content in a high-dynamic display mode according to the gain map of the interactive control, thereby achieving gain of the display effect of the target content based on the gain map, thereby ensuring the display effect of the high-dynamic display of the target content.

[0105] The display device 800 of the interactive control in the embodiment of the present application can be an electronic device, or a component in the electronic device, such as an integrated circuit or a chip. The electronic device can be a terminal, or it can be other devices other than the terminal. Exemplarily, the electronic device can be a mobile phone, a tablet computer, a laptop computer, a PDA, a car electronic device, a mobile Internet device (Mobile Internet Device, MID), an augmented reality (augmented reality, AR) / virtual reality (virtual reality, VR) device, a robot, a wearable device, an ultra-mobile personal computer (ultra-mobile personal computer, UMPC), a netbook or a personal digital assistant (personal digital assistant, PDA), etc., and can also be a server, a network attached storage (Network Attached Storage, NAS), a personal computer (personal computer, PC), a television (television, TV), a teller machine or a self-service machine, etc., which is not specifically limited in the embodiment of the present application.

[0106] The display device 800 of the interactive control in the embodiment of the present application may be a device having an operating system. The operating system may be an Android operating system, an iOS operating system, or other possible operating systems, which are not specifically limited in the embodiment of the present application.

[0107] The display device 800 of the interactive control provided in the embodiment of the present application can implement each process implemented in the above-mentioned method embodiment, and will not be described again here to avoid repetition.

[0108] Optionally, an embodiment of the present application further provides an electronic device, Fig.13 The structure block diagram of the electronic device according to the embodiment of the present application is shown as follows: Fig.13 As shown, the electronic device 900 includes a processor 902, a memory 904, and a program or instruction stored in the memory 904 and executable on the processor 902. When the program or instruction is executed by the processor 902, each process of the above-mentioned method embodiment is implemented, and the same technical effect can be achieved. To avoid repetition, it will not be described here.

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

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

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

[0112] Those skilled in the art will appreciate that the electronic device 1000 may also include a power source (such as a battery) for supplying power to each component, and the power source may be logically connected to the processor 1010 through a power management system, thereby implementing functions such as managing charging, discharging, and power consumption management through the power management system. Fig.14 The electronic device structure shown in the figure does not constitute a limitation on the electronic device. The electronic device may include more or fewer components than shown in the figure, or combine certain components, or arrange the components differently, which will not be described in detail here.

[0113] Among them, the processor 1010 is used to determine the dynamic image corresponding to the target area of ​​the interactive control according to the image processing algorithm, and the target area includes the target content; the display unit 1006 is used to display the dynamic image in the target area; wherein, when the high dynamic display conditions are met and the dynamic image and the target content intersect, the target content is displayed in a high dynamic display manner.

[0114] In the process of displaying an interactive control, the embodiment of the present application first determines the dynamic image corresponding to the target area of ​​the interactive control according to the image processing algorithm, the target area includes the target content, and displays the dynamic image in the target area, wherein when the high dynamic display condition is met and the dynamic image and the target content intersect, the target content is displayed in a high dynamic display manner. In this way, on the one hand, the high dynamic display condition is limited, so that in some scenarios, the target content may not be displayed in a high dynamic manner, thereby reducing the occurrence of screen flicker, etc. On the other hand, the high dynamic display of the target content is alleviated by the dynamic image, thereby improving the natural connection between the HDR gain content and the 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 area includes a first area corresponding to the first content, and the dynamic image includes a first dynamic image and a second dynamic image; the processor 1010 is also used to determine the second dynamic image corresponding to the target area according to the filling algorithm; and determine the first dynamic image corresponding to the first area according to the image segmentation algorithm and the first content.

[0116] The embodiment of the present application determines the first dynamic effect image and the second dynamic effect image through a filling algorithm and an image segmentation algorithm, thereby ensuring the display effect of the dynamic effect image, and further achieving the high dynamic display of the target content through the dynamic effect image, improving the natural connection between HDR gain content and non-HDR gain content, thereby improving the interface display effect.

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

[0118] The embodiment of the present application displays the second dynamic effect image first, and then displays the first dynamic effect image after the second dynamic effect image is displayed, thereby generating an intersection with the target content during the display of the first dynamic effect image, and further achieving the goal of switching the target content to a high dynamic display mode during the display of the first dynamic effect image, thereby alleviating the high dynamic display process of the target content through the display of the first dynamic effect image, improving the natural connection between HDR gain content and non-HDR gain content, and thus improving the interface display effect.

[0119] Optionally, the second dynamic effect image includes at least two surface masks, and the first dynamic effect image is a stroke mask; the processor 1010 is also used to: determine the filling starting point of the target area; determine at least two surface masks corresponding to the target area according to the filling algorithm and the filling starting point; determine the edge of the first content; determine the stroke mask corresponding to the first area according to the image segmentation algorithm and the edge of the first content.

[0120] The embodiment of the present application obtains the contour line of the target content, and then determines the filling starting point on the contour line, uses the filling starting point as the starting point for generating at least two surface masks, and then uses the filling algorithm to sequentially generate surface masks starting from the filling starting point, thereby determining the second dynamic 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, so as to generate an edge mask corresponding to the first area, thereby determining the first dynamic effect image.

[0121] Optionally, the display unit 1006 is further configured to display the target content in a general display manner when the high dynamic display condition is not met and the dynamic image intersects with the target content.

[0122] The embodiment of the present application determines whether the display screen meets the high dynamic display conditions, so that when the display screen does not meet the high dynamic display conditions, it can display in a general display mode, thereby avoiding abnormal display phenomena such as flickering or visual persistence on the display screen in the HDR display mode when the display screen does not meet the high dynamic display conditions.

[0123] Optionally, processor 1010 is also used to determine that high dynamic display conditions are not met when at least one of the following 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; the interactive control has a display abnormality.

[0124] The embodiment of the present application determines whether the interface has fast sliding, whether the interactive control is located in the edge area of ​​the interface, whether the sliding mode is a preset sliding mode, and whether the interactive control has display abnormalities. 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 in the interface of the display screen under the HDR display mode when the display screen does not meet the high dynamic display conditions.

[0125] Optionally, the display unit 1006 is also used to display the target content in a high dynamic display manner according to the gain map corresponding to the interactive control when the high dynamic display conditions are met and the dynamic image intersects with the target content.

[0126] In the process of high-dynamic display of the target content of the interactive control, the embodiment of the present application displays the target content in a high-dynamic display mode according to the gain map of the interactive control, thereby achieving gain of the display effect of the target content based on the gain map, thereby ensuring the display effect of the high-dynamic display of the target content.

[0127] It should be understood that in the embodiment of the present application, the input unit 1004 may include a graphics processor (Graphics Processing Unit, GPU) 10041 and a microphone 10042, and the graphics processor 10041 processes the image data of the static image or video obtained by the image capture device (such as a camera) in the video capture mode or the image capture mode. The display unit 8061006 may include a display panel 10061, and the display panel 10061 may be configured in the form of a liquid crystal display, an organic light emitting diode, etc. The user input unit 1007 includes a touch panel 10071 and at least one of 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 keys, switch keys, etc.), a trackball, a mouse, and a joystick, which will not be repeated here.

[0128] The memory 1009 can be used to store software programs and various data. The memory 1009 may mainly include a first storage area for storing programs or instructions and a second storage area for storing data, wherein the first storage area may store an operating system, an application program or instructions required for at least one function (such as a sound playback function, an image playback function, etc.), etc. In addition, the memory 1009 may include a volatile memory or a non-volatile memory, or the memory 1009 may include both volatile and non-volatile memories. Among them, the non-volatile memory may be a read-only memory (ROM), a programmable read-only memory (PROM), an erasable programmable read-only memory (EPROM), an electrically erasable programmable read-only memory (EEPROM), or a flash memory. The volatile memory may be a random access memory (RAM), a static random access memory (SRAM), a dynamic random access memory (DRAM), a synchronous dynamic random access memory (SDRAM), a double data rate synchronous dynamic random access memory (DDRSDRAM), an enhanced synchronous dynamic random access memory (ESDRAM), a synchronous link dynamic random access memory (SLDRAM) and a direct memory bus random access memory (DRRAM). The memory 1009 in the embodiment of the present application 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 processes operations related to an operating system, a user interface, and application programs, and the modem processor mainly processes wireless communication signals, such as a baseband processor. It is understandable that the modem processor may not be integrated into the processor 1010.

[0130] An embodiment of the present application also provides a readable storage medium, on which a program or instruction is stored. When the program or instruction is executed by a processor, the various processes of the above-mentioned method embodiment are implemented and the same technical effect can be achieved. To avoid repetition, it will not be repeated here.

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

[0132] An embodiment of the present application further provides a chip, which includes a processor and a communication interface, wherein the communication interface and the processor are coupled, and the processor is used to run programs or instructions to implement the various processes of the above-mentioned method embodiment, and can achieve the same technical effect. To avoid repetition, it will not be repeated here.

[0133] It should be understood that the chip mentioned in the embodiments of the present application can also be called a system-level chip, a system chip, a chip system or a system-on-chip chip, etc.

[0134] An embodiment of the present application provides a computer program product, which is stored in a readable storage medium. The program product is executed by at least one processor to implement the various processes of the above-mentioned method embodiment and can achieve the same technical effect. To avoid repetition, it will not be repeated here.

[0135] It should be noted that, in this article, the terms "comprise", "include" or any other variant thereof are intended to cover non-exclusive inclusion, so that the process, method, article or device including a series of elements includes not only those elements, but also includes other elements not explicitly listed, or also includes elements inherent to such process, method, article or device. In the absence of further restrictions, the elements defined by the sentence "comprise one..." do not exclude the presence of other identical elements in the process, method, article or device including the element. In addition, it should be pointed out that the scope of the methods and devices in the embodiments of the present application is not limited to performing functions in the order shown or discussed, and may also include performing functions in a substantially simultaneous manner or in reverse order according to the functions involved, for example, the described method may be performed in an order different from that described, and various steps may also be added, omitted, or combined. In addition, the features described with reference to certain examples may be combined in other examples.

[0136] Through the description of the above implementation methods, those skilled in the art can clearly understand that the above-mentioned embodiment methods can be implemented by means of software plus a necessary general hardware platform, and of course by hardware, but in many cases the former is a better implementation method. Based on such an understanding, the technical solution of the present application, or the part that contributes to the prior art, can be embodied in the form of a computer software product, which is stored in a readable storage medium (such as ROM / RAM, a magnetic disk, or an optical disk), and includes a number of instructions for a terminal (which can be a mobile phone, a computer, a server, or a network device, etc.) to execute the methods of each embodiment of the present application.

[0137] The embodiments of the present application are described above in conjunction with the accompanying drawings, but the present application is not limited to the above-mentioned specific implementation methods. The above-mentioned specific implementation methods are merely illustrative and not restrictive. Under the guidance of the present application, ordinary technicians in this field can also make many forms without departing from the purpose of the present application and the scope of protection of the claims, all of which are within the protection of the present application.

Claims

1. A method for displaying an interactive control, characterized in that: include: Determine, according to an image processing algorithm, a dynamic effect image corresponding to a target area of ​​the interactive control, wherein the target area includes target content; Displaying the dynamic image in the target area; Among them, when the high dynamic display condition is met and the dynamic image intersects with the target content, the target content is displayed in a high dynamic display manner.

2. The display method according to claim 1, characterized in that: The image processing algorithm includes a filling algorithm and an image segmentation algorithm, the target content includes a first content, the target area includes a first area corresponding to the first content, and the dynamic image includes a first dynamic image and a second dynamic image; The step of determining the dynamic effect image corresponding to the target area of ​​the interactive control according to the image processing algorithm includes: Determine a second dynamic effect image corresponding to the target area according to the filling algorithm; A first dynamic effect image corresponding to the first area is determined according to the image segmentation algorithm and the first content.

3. The display method according to claim 2, characterized in that: The step of displaying the dynamic effect image in the target area includes: Displaying the second dynamic effect image in the target area; After the second dynamic effect image is displayed, the first dynamic effect image is displayed in the first area.

4. The display method according to claim 2, characterized in that: The second dynamic effect image includes at least two surface masks, and the first dynamic effect image is a stroke mask; The determining, according to the filling algorithm, a second dynamic effect image corresponding to the target area includes: Determine a filling starting point of the target area; Determine at least two surface masks corresponding to the target area according to the filling algorithm and the filling starting point; The determining, according to the image segmentation algorithm and the first content, a first dynamic effect image corresponding to the first area includes: determining an edge of the first content; A stroke mask corresponding to the first area is determined according to the image segmentation algorithm and the edge of the first content.

5. The display method according to claim 1, characterized in that: The display method further includes: When the high dynamic display condition is not met and the dynamic image intersects with the target content, the target content is displayed in a general display manner.

6. The display method according to claim 5, characterized in that: When at least one of the following is detected, it is determined that the high dynamic display condition is not met: The interface sliding speed is greater than the first speed threshold; The interactive controls are located in the edge area of ​​the interface; The interface swiping mode is the preset swiping mode; The interactive control displays abnormally.

7. The display method according to claim 1, characterized in that: The display method further includes: When the high dynamic display conditions are met and the dynamic effect image intersects with the target content, the target content is displayed in a high dynamic display manner according to the gain map corresponding to the interactive control.

8. A display device for an interactive control, characterized in that: include: A determination unit, configured to determine a dynamic effect image corresponding to a target area of ​​the interactive control according to an image processing algorithm, wherein the target area includes target content; The display unit is used to display the dynamic image in the target area; wherein, when a high dynamic display condition is met and the dynamic image intersects with the target content, the target content is displayed in a high dynamic display manner.

9. An electronic device, characterized in that: The method comprises a processor and a memory, wherein the memory stores a program or input that can be run on the processor, and when the program or input is executed by the processor, the steps of the method according to any one of claims 1 to 7 are implemented.

10. A readable storage medium, characterized in that: The readable storage medium stores a program or input, and when the program or input is executed by a processor, the steps of the method according to any one of claims 1 to 7 are implemented.

Images