CN111857912A

CN111857912A - Interface processing method and device, electronic equipment and computer readable storage medium

Info

Publication number: CN111857912A
Application number: CN202010630827.6A
Authority: CN
Inventors: 刘开辉; 范锦浩; 喻秋; 孔凡秀; 吴颖仪; 万逸伦
Original assignee: Guangdong Oppo Mobile Telecommunications Corp Ltd
Current assignee: Guangdong Oppo Mobile Telecommunications Corp Ltd
Priority date: 2020-07-03
Filing date: 2020-07-03
Publication date: 2020-10-30
Anticipated expiration: 2040-07-03
Also published as: CN111857912B; WO2022001492A1

Abstract

The application relates to an interface processing method, an interface processing device, electronic equipment and a computer readable storage medium. The method comprises the following steps: in response to a mode selection operation acting on the mode adjustment interface, determining a target dark mode selected by the mode selection operation from more than one alternative dark modes of the mode adjustment interface; determining the contrast of the interface according to the type of the target dark mode; the color of each interface element in the interface is adjusted based on the contrast. By adopting the method, the display effect of the interface contrast in the dark mode in different environments can be improved.

Description

Interface processing method and device, electronic equipment and computer readable storage medium

Technical Field

The present application relates to the field of electronic device technologies, and in particular, to an interface processing method and apparatus, an electronic device, and a computer-readable storage medium.

Background

The dark color mode is also called as a dark color mode, and is a mode for optimizing the contrast between the interface character foreground and the dark color background of the electronic equipment and the colors of the characters and system icons to ensure that the viewing feeling of human eyes is consistent, comfortable and easy to read. The dark mode can reduce the brightness of a screen while ensuring normal display of an electronic equipment interface, and save the electric quantity of the electronic equipment, so that the cruising ability of the electronic equipment is improved.

However, when the electronic device is turned on in the dark mode, the display effect of the interface contrast in the dark mode is limited.

Disclosure of Invention

The embodiment of the application provides an interface processing method and device, electronic equipment and a computer readable storage medium, which can improve the display effect of the interface contrast in a dark mode.

An interface processing method, comprising:

in response to a mode selection operation acting on the mode adjustment interface, determining a target dark mode selected by the mode selection operation from more than one alternative dark modes of the mode adjustment interface;

determining the contrast of the interface according to the type of the target dark mode;

the color of each interface element in the interface is adjusted based on the contrast.

An interface processing device, comprising:

a dark-color mode determination module, configured to determine, in response to a mode selection operation applied to a mode adjustment interface, a target dark-color mode selected by the mode selection operation from among more than one alternative dark-color modes of the mode adjustment interface;

the contrast determining module is used for determining the contrast of the interface according to the type of the target dark mode;

and the interface element adjusting module is used for adjusting the color of each interface element in the interface based on the contrast.

An electronic device comprising a memory and a processor, the memory having a computer program stored thereon, wherein the computer program, when executed by the processor, implements the steps of:

A computer-readable storage medium, on which a computer program is stored, which, when executed by a processor, carries out the steps of:

The interface processing method, the interface processing device, the electronic equipment and the computer-readable storage medium are used for responding to a mode selection operation acting on the mode adjusting interface, determining a selected target dark-color mode from more than one alternative dark-color modes, and adjusting the color of each interface element in the interface based on the contrast determined by the type of the target dark-color mode. And determining a target dark color mode according to the mode selection operation, and adjusting the color of each interface element in the interface according to the contrast corresponding to different target dark color modes, so that the dark color modes can correspond to various environments, and the display effect of the interface contrast in the dark color modes in different environments is improved.

Drawings

In order to more clearly illustrate the embodiments of the present application or the technical solutions in the prior art, the drawings used in the description of the embodiments or the prior art will be briefly described below, it is obvious that the drawings in the following description are only some embodiments of the present application, and for those skilled in the art, other drawings can be obtained according to the drawings without creative efforts.

FIG. 1 is a diagram of an application environment of a method for interface processing according to an embodiment;

FIG. 2 is a flow diagram of a method for interface processing in one embodiment;

FIG. 3 is a schematic diagram of various dark mode configurations in one embodiment;

FIG. 4 is a schematic diagram of an embodiment of interface changes for performing a dark mode adjustment on an interface;

FIG. 5 is a flow diagram of sample analysis processing in one embodiment;

FIG. 6 is a flowchart of an interface processing method in another embodiment;

FIG. 7 is a block diagram showing the structure of an interface processing apparatus according to an embodiment;

fig. 8 is a schematic diagram of an internal structure of an electronic device in one embodiment.

Detailed Description

In order to make the objects, technical solutions and advantages of the present application more apparent, the present application is described in further detail below with reference to the accompanying drawings and embodiments. It should be understood that the specific embodiments described herein are merely illustrative of the present application and are not intended to limit the present application.

Fig. 1 is a schematic diagram of an application environment of the interface processing method in one embodiment. As shown in fig. 1, the application environment includes an electronic device 100, where electronic device 100 determines a selected target dark color mode from more than one candidate dark color modes in response to a mode selection operation applied to a mode adjustment interface of electronic device 100, selects candidate dark color mode 2 as the target dark color mode in response to the mode selection operation in fig. 1, and adjusts colors of interface elements in the interface based on a contrast ratio determined by a type of the target dark color mode, where the contrast ratio of the interface determined according to candidate dark color mode 2 in fig. 1 is B, and adjusts the colors of the interface elements in the interface of electronic device 100 based on the contrast ratio B.

FIG. 2 is a flow diagram of a method for interface processing in one embodiment. The interface processing method in this embodiment is described by taking the electronic device in fig. 1 as an example. As shown in fig. 2, the interface processing method includes steps 202 to 206.

In response to the mode selection operation applied to the mode adjustment interface, a target dark mode selected by the mode selection operation is determined from the more than one alternative dark modes of the mode adjustment interface, step 202.

Specifically, the interface is a medium for the electronic device to realize human-computer interaction, and the electronic device can receive an operation instruction of a user through the interface and realize human-computer interaction by presenting content in the interface. The mode adjustment interface refers to an interface for realizing adjustment of a dark mode of the electronic equipment. The dark mode is a screen color mode of the electronic device, in which all interfaces of the electronic device are mainly dark, and the dark mode can improve endurance and enable a user to better use the electronic device in an environment with insufficient light. More than one alternative dark mode can be set in the mode adjustment interface, the alternative dark mode refers to a dark mode that can be selected and adjusted by the electronic device, by setting more than one alternative dark mode, a user can select a correspondingly suitable dark mode according to actual environment requirements, different alternative dark modes can correspond to different types of dark modes to achieve different dark mode effects, and therefore the dark mode of the electronic device can be adapted to different light intensity environments. The mode selection operation is an operation of selecting a dark color mode in a mode adjustment interface displayed by the electronic device by a user, namely an operation of selecting the dark color mode from more than one alternative dark color modes in the mode adjustment interface by the user. Specifically, the corresponding alternative dark mode can be clicked or touched to select the corresponding dark mode; the user may also select the alternative dark mode corresponding to the control by operating the control in the mode adjustment interface, for example, operating the switch control. The target dark mode is a selected dark mode of the mode selection operation, that is, the target dark mode is a selected dark mode of the mode selection operation from the candidate dark modes in the mode adjustment interface.

In this embodiment, a user triggers a mode selection operation in a mode adjustment interface of an electronic device, and after detecting the mode selection operation, the electronic device responds to the mode selection operation applied to the mode adjustment interface, and determines a target dark color mode selected by the mode selection operation corresponding to the user from more than one alternative dark color modes of the mode adjustment interface according to the mode selection operation. In specific implementation, the electronic device may detect, in real time, a mode selection operation triggered by a user on the mode adjustment interface, and determine, as the target dark color mode, the selected alternative dark color mode corresponding to the mode selection operation.

And step 204, determining the contrast of the interface according to the type of the target dark mode.

Specifically, the type of the dark mode is divided according to the interface display effect of the dark mode, and specifically, the type of the dark mode may be divided according to the contrast of the interface. The contrast ratio is a measure of different brightness levels between the brightest white and the darkest black in the bright and dark areas in the picture, and the larger the difference range is, the larger the contrast ratio is, and the smaller the difference range is, the smaller the contrast ratio is. The influence of the contrast on the visual effect is very critical, generally, the higher the contrast is, the clearer and more striking the image is, and the more vivid and gorgeous the color is; and the contrast is low, so that the whole picture is gray. The high contrast ratio is very helpful for the definition, the detail expression and the gray level expression of the image. The contrast of the interface may be determined according to interface elements in the interface, for example, obtained according to a brightness (or brightness) difference between the interface elements in the interface, and specifically, obtained according to a brightness difference between a foreground element and a background element in the interface. Various dark modes can be divided according to different contrasts of the interface to obtain the types of the dark modes. The different types of dark color modes correspond to different contrasts, and the corresponding relation between the types of the dark color modes and the contrasts can be preset according to actual requirements and can also be obtained by the electronic equipment from a server. For example, the types of dark patterns may be divided into three types, namely, enhanced type dark pattern having the highest contrast and soft type dark pattern having the lowest contrast, and moderate and soft types of dark patterns having gradually decreased contrast.

In this embodiment, after the electronic device determines the target dark color mode according to the mode selection operation, the electronic device determines the contrast of the interface according to the type of the target dark color mode. The type of the target dark-color mode may be specifically determined by the electronic device, for example, the type of the target dark-color mode is determined according to mode identification information of the target dark-color mode, such as a mode name, a mode number, and the like, and a preset contrast corresponding to the type of the target dark-color mode is obtained through query according to a correspondence between the type of the dark-color mode and the contrast, so as to determine the contrast of the interface.

And 206, adjusting the color of each interface element in the interface based on the contrast.

In particular, interface elements are a series of elements in an interface designed to meet user interaction requirements, such as windows, dialog boxes, menus, scroll bars, and text views. The architecture of the interface elements in the interface may be layered, for example, the foreground elements and the background elements may be divided according to the element types of the foreground type and the background type, the element type of the foreground elements is the foreground type, and specifically may include but is not limited to text, icon (icon), and the like, and the element type of the background elements is the background type, which refers to a list background, a pop-up frame background, and the like of the interface. The dark mode of the interface of the electronic device is generally realized by adjusting the color of each interface element in the interface, and specifically, the dark mode of the interface is realized by performing reverse color processing respectively according to the foreground element and the background element. The reverse color processing refers to a processing procedure of adjusting the original color of the interface element, i.e., the primary color, to a reverse color, where the reverse color is a color which can be changed into white by being superimposed on the primary color, i.e., the reverse color is a color obtained by subtracting the primary color from white, for example, the reverse color of red is cyan, and the reverse color of white is black. In specific implementation, for example, after the interface of the interface element with the white background and the black character in the interface is adjusted to a dark mode, the interface element with the white background and the black character is changed into the white character with the black background through reverse color processing, but the contrast of the interface is not changed. The contrast of the interface can be determined according to the brightness difference between the foreground element and the background element in the interface, for example, for an interface of an RGB color mode (RGB color mode), the contrast of the interface of a black word under white and a white word under black is the same, and both are the brightness difference 255 between black and white.

As shown in fig. 3, in an embodiment of a specific application, the interface element in the interface includes a text and a background, the text is a foreground element, the background is a background element, before the color of the interface element in the interface is adjusted, that is, before the interface enters a dark mode, the text is black with a brightness of 0, and the background is white with a brightness of 100. The types of the dark color mode are divided into three types of enhanced, moderate and soft, the contrast of the enhanced dark color mode is the most extreme, after the colors of the characters and the background are adjusted, the characters are changed into white with the brightness of 100, the background is changed into black with the brightness of 0, the brightness difference between the characters and the background is 100, namely the contrast of the interface is 100; moderate contrast of dark mode, difference of brightness between text and background is 90; the soft dark mode is less contrast and the text and background differ in brightness by 82. A user of the electronic equipment can select the dark mode of the corresponding type by triggering mode selection operation on the mode adjustment interface, so that the dark mode adaptive to the environment is obtained, and the display effect of the interface is improved.

In this embodiment, after determining the contrast of the interface corresponding to the type of the target dark color mode, the electronic device adjusts the color of each interface element in the interface based on the contrast, and for example, may perform a color reversal process on each interface element based on the contrast, thereby adjusting the interface to the target dark color mode. The contrast of the interface is obtained according to the brightness difference between the foreground element and the background element in the interface, different types of target dark color modes correspond to different contrasts, and after the color inversion processing is performed on each interface element, the brightness difference between the foreground element and the background element in the interface is different, so that dark color modes with different contrasts corresponding to various environments can be realized, and the display effect of the interface contrast in the dark color modes in different environments is improved. For example, in different environments such as natural light indoor, natural light outdoor, night indoor, night outdoor, and the like, a user may select a target dark mode with different contrast, so that the contrast of the interface in the dark mode may be improved differently, thereby improving visual experience, or the contrast of the interface in the dark mode may be reduced, thereby preventing the contrast from being too strong.

The interface processing method in this embodiment, in response to a mode selection operation applied to the mode adjustment interface, determines a selected target dark-colored mode from among more than one alternative dark-colored modes, and adjusts the color of each interface element in the interface based on a contrast ratio determined by the type of the target dark-colored mode. And determining a target dark color mode according to the mode selection operation, and adjusting the color of each interface element in the interface according to the contrast corresponding to different target dark color modes, so that the dark color modes can correspond to various environments, and the display effect of the interface contrast in the dark color modes in different environments is improved.

At present, electronic device screens are active light-emitting type, light emitted by the electronic device screens is more irritating than that of objects contacted in life, and in a dark mode, namely a dark mode, all interface elements fall back from the screen, so that the content really interacted and operated by a user can be highlighted, which is why many professional editing software such as images and videos generally adopts a dark interface as a default appearance. While the dark mode is not only useful to those professional productivity tools, it would be highly beneficial to any user who would like to pursue a focused and immersive use experience.

Meanwhile, with the popularization of an OLED (Organic Light-Emitting display) screen, it is more practical to support a dark mode, i.e., to save power. Because each pixel in the OLED screen is self-luminous rather than an LCD (Liquid Crystal Display) which is luminous by a whole backlight panel, the current consumed by the pixel is lower when displaying dark elements, and the pixel point can be completely turned off under pure black to achieve the effect of power saving. The dark mode may not only reduce power consumption, but also provide a more comfortable experience in low light environments. However, different users have different feedback on the dark mode, some users prefer the visual experience with strong contrast, and some users feel the contrast is unacceptably strong. And the real use environment is complicated such as natural light indoor, natural light outdoor, night indoor, night outdoor, all black environment, and the like. The current dark mode is irrelevant to the environment and cannot meet the requirements of users, and the interface display effect of over-strong or over-weak contrast ratio under different scenes is limited.

Based on this, according to the interface processing method provided by the application, the target dark color mode is determined according to the mode selection operation, and the color of each interface element in the interface is adjusted according to the contrast corresponding to different target dark color modes, so that the dark color modes can correspond to various environments, and the display effect of the interface contrast in the dark color modes in different environments is improved.

In one embodiment, adjusting the color of each interface element in the interface based on the contrast comprises: determining a brightness threshold corresponding to each interface element in the interface according to the contrast; and respectively adjusting the color of each interface element based on the corresponding brightness threshold value of each interface element.

In this embodiment, the color of each interface element is adjusted based on the brightness threshold corresponding to each interface element determined by the contrast corresponding to the type of the target dark color mode. The luminance threshold is a luminance adjustment limit when the color of the interface element is adjusted, and specifically may be a range of luminance adjustment when the interface element is subjected to a color reversal process. Different brightness thresholds can be set for interface elements of different element types to control the color adjustment range of the interface elements of different element types. For example, the brightness threshold of the interface element may be set to 10, and if the element type of the interface element is the background type, the brightness of the interface element is not lower than 10 when the color of the interface element is adjusted; the brightness threshold of the interface element may also be set to 90, and if the element type of the interface element is the foreground type, the brightness of the interface element is not higher than 90 when the color of the interface element is adjusted.

Specifically, when the electronic device adjusts the color of each interface element in the interface based on the contrast, the electronic device may determine the luminance threshold corresponding to each interface element in the interface according to the contrast, or may obtain the luminance threshold corresponding to each interface element in the interface from the server. The contrast of the interface is determined according to the brightness difference between the interface elements in the interface, and specifically, the contrast of the interface is obtained according to the brightness difference between the foreground element and the background element. After the electronic device determines the contrast corresponding to the target dark color mode, the electronic device further determines a brightness threshold corresponding to each interface element, so that after the color of each interface element is adjusted, it is ensured that the contrast of the interface is the same as the contrast corresponding to the target dark color mode. The mapping relationship between the contrast and the brightness threshold corresponding to each interface element in the interface may be preset, for example, when the contrast is set to 90, the brightness threshold of the foreground element is 10, and the brightness threshold of the background element is 100, so that after the colors of the foreground element and the background element in the interface are respectively adjusted, for example, after the color of the black word of the white background in the interface is adjusted, the brightness of the black background in the obtained white word of the black background as the background element is 10, the brightness of the white word of the foreground element is 100, and the contrast of the interface determined according to the brightness difference between the black background and the white word is 90, which corresponds to the contrast of the target dark mode. Compared with the processing of simply adjusting the black characters on the white background into the white characters on the black background, wherein the brightness of the black background is 0, the brightness of the white characters is 100, and the contrast of the interface is 100, in this embodiment, the brightness of each interface element is limited by a brightness threshold, so that the flexible adjustment of the contrast of the interface is realized, the method can be adapted to different environments, and the display effect of the dark mode in different environments is improved.

After determining the brightness threshold corresponding to each interface element in the interface, the electronic device respectively adjusts the color of each interface element based on the brightness threshold corresponding to each interface element, for example, performs a color reversal process on each interface element based on the brightness threshold corresponding to each interface element, so that the brightness of the interface element after the color reversal process corresponds to the brightness threshold, thereby ensuring that the contrast of the interface is the same as the contrast corresponding to the target dark mode.

In this embodiment, the brightness of each interface element is limited by the brightness threshold, so that the contrast of the interface can be flexibly adjusted, the display device can be adapted to environments with different contrast requirements, and the display effect of a dark mode in different environments is improved.

As shown in fig. 4, in one embodiment, black characters with white background are displayed in the interface of the electronic device, the brightness of the background in the interface is 100, the brightness of the characters is 0, the contrast is 100, and the mode adjustment interface is provided with 3 alternative dark modes, which are a dark mode a, a dark mode B, and a dark mode C. If the contrast of the dark mode a is 100, the brightness threshold of the corresponding foreground element is 100, and the brightness threshold of the background element is 0, the brightness of the obtained text is 100, the brightness of the background is 0, and the contrast is 100 after the colors of the text and the background are adjusted; the contrast of the dark color mode B is 80, the brightness threshold of the corresponding foreground element is 85, the brightness threshold of the background element is 5, the brightness of the foreground element after color adjustment is not higher than 85, the brightness of the background element after color adjustment is not lower than 5, the background brightness is 100, the color of the interface element with the character brightness of 0 is adjusted, the obtained character brightness is 85, the background brightness is 5, and the contrast is 80; the contrast of the dark mode C is 50, the luminance threshold of the corresponding foreground element is 65, the luminance threshold of the background element is 15, the luminance of the foreground element after color adjustment is not higher than 65, the luminance of the background element after color adjustment is not lower than 15, the background luminance is 100, the color of the interface element with the character luminance of 0 is adjusted, the obtained character luminance is 85, the background luminance is 5, and the contrast is 60. As can be seen from fig. 4, the effect of the interface display is different for different contrasts. In other applications, the contrast corresponding to each dark mode may be set according to actual requirements, and the brightness threshold of each interface element in the interface may also be set according to actual requirements.

In one embodiment, the interface elements include a page background element, a bullet box background element, and a foreground element; the page background element, the bullet frame background element and the foreground element respectively correspond to different brightness thresholds.

In this embodiment, the interface elements may be divided into background elements and foreground elements according to element type division, where the element type of the background elements is a foreground type, and the element type of the foreground elements is a foreground type. In the interface, foreground elements such as characters, icons and the like are superposed above background elements such as wallpaper, pop-up boxes and the like. The specific implementation can be that the element type corresponding to the interface element can be determined according to the attribute information of the interface element, for example, for an electronic device of an Android operating system, the interface element can be determined to be a Background element or a foreground element by means of Background attribute and onDraw of the interface element. The background elements can be further divided into page background elements and bullet frame background elements, the page background elements can be background elements of page types in the interface, the bullet frame background elements can be background elements of bullet frame types, and the background elements of bullet frame types can be distinguished according to whether the background elements are Dialog (conversation) classes or not. The page background element, the pop frame background element and the foreground element correspond to different brightness thresholds respectively, and after the color of each interface element is adjusted based on the brightness thresholds, the page background element, the pop frame background element and the foreground element correspond to different brightness. Generally, for the interface to adjust to a dark mode, the foreground elements will be brighter and the background elements will be darker. If the interface of the black character with the white background is adjusted to be in a dark mode, the interface becomes the white character with the black background, wherein the white background and the black background are background elements, and the background elements are darkened; the black and white characters are foreground elements, the foreground elements become bright, and the dimming amplitude of the specific background elements and the brightening amplitude of the foreground elements are determined by the brightness threshold and the contrast corresponding to the interface elements and the brightness before the color adjustment of the interface elements.

In this embodiment, the interface elements are divided into the foreground elements and the background elements, the background elements are divided into the second level, and different brightness thresholds are set for the page background elements, the pop-up frame background elements and the foreground elements, so that the electronic device can flexibly adjust the brightness of each interface element according to the brightness thresholds, flexibly adjust the contrast of the interface, and improve the display effect of the interface dark mode.

In one embodiment, adjusting the color of each interface element based on its respective luminance threshold comprises: determining a data type corresponding to each interface element; and respectively adjusting the color of each interface element based on the data type and the brightness threshold value corresponding to each interface element.

In this embodiment, color adjustment is performed according to the data type and the luminance threshold corresponding to each interface element. The data type may be divided according to a drawing manner of the interface element, for example, the data type may be divided into a graph drawn by a brush and a picture drawn by a non-brush, the interface element with the data type as the graph may be referred to as a graphical interface element, and the interface element with the data type as the picture may be referred to as a picture interface element. Generally, the foreground element and the background element may be graphical interface elements or picture interface elements, that is, the element type of the interface element does not conflict with the data type of the interface element. When the graphical interface element is added to the interface, the graphical interface element is directly drawn in the interface through a brush according to drawing parameters, such as shape, color and the like, corresponding to the graphical interface element; and when the picture interface element is added to the interface, the corresponding picture is added to the interface for display, and drawing is not required to be performed through a painting brush. For example, for an electronic device of an Android operating system, a picture included in a picture interface element is of a Bitmap (Bitmap) type, and a graphic interface element is directly drawn by using a paint (brush) in a Canvas (Canvas). In a specific implementation, if the electronic device needs to adjust the interface to the dark mode, the interface displayed in the next frame needs to be rendered or updated, and specifically, if there is a jump action, that is, when it needs to jump to another interface, the interface displayed in the next frame needs to be correspondingly rendered according to the dark mode; if there is no jump action, only the current interface is updated, i.e. refreshed again according to the dark mode.

The color of the painting brush can be directly adjusted when the graphical interface element drawn by the painting brush is drawn into the interface, so that the color of the graphical interface element can be adjusted; for picture interface elements which are not drawn by the paintbrush, the picture interface elements are not drawn into the interface by the paintbrush, but corresponding pictures are directly added into the interface, and then the color of the picture interface elements can be adjusted by the shader. For example, for an electronic device with an Android operating system (Android), the color adjustment of the picture interface element can be performed through a shader fragment _ shader.

Specifically, when the electronic device respectively adjusts the color of each interface element based on the luminance threshold corresponding to each interface element, the electronic device determines the data type corresponding to each interface element, and specifically, may determine the data type corresponding to the interface element from the attribute information of the interface element. After the data type corresponding to each interface element is determined, the electronic device respectively adjusts the color of each interface element based on the data type corresponding to each interface element and a brightness threshold, for example, for a graphical interface element, the color of a brush pen is directly adjusted through the brush pen when the interface is drawn according to the brightness threshold; and for the picture interface element, the color of the picture corresponding to the picture interface element can be adjusted according to the brightness threshold value through the shader, and the picture with the adjusted color is added into the interface.

In this embodiment, a corresponding color adjustment manner is determined according to the data type corresponding to the interface element, and the color of each interface element is adjusted based on the corresponding color adjustment manner and the luminance threshold, so that the color of the interface element of each data type can be efficiently adjusted.

In one embodiment, adjusting the color of each interface element based on the data type and the brightness threshold corresponding to each interface element respectively comprises: when the data type corresponding to the interface element is a graph, acquiring the brightness and the negation brightness of the interface element; the inverted brightness is obtained by inverting the brightness; and when the magnitude relation between the inverted brightness and the brightness meets the inversion condition, performing inversion processing on the color of the interface element according to the inverted brightness and the brightness threshold.

In this embodiment, for an interface element whose data type is a graph, when the brightness and the inversion brightness of the interface element satisfy an inversion condition, the color of the interface element is subjected to inversion processing according to the inversion brightness and the brightness threshold. The graph can be drawn by a brush, and the graphical interface element with the data type of the graph can be drawn by the brush; the brightness of the interface element is also called lightness, which represents the brightness of the color, and the brightness is a property of the color; the inverted brightness is obtained by inverting the brightness, specifically, subtracting the brightness of the interface element from the maximum brightness of the interface element in the color mode corresponding to the interface element, where if the maximum brightness is 100 and the brightness of the interface element is 10, the inverted brightness is 100-10 — 90. And setting a reverse color condition according to the actual requirement based on the magnitude relation between the reverse brightness and the brightness, if the foreground element in the interface element needs to be brightened when the interface is adjusted to be in a dark color mode, and considering that the reverse color condition is met when the reverse brightness of the foreground element is greater than the brightness, so that the color of the interface element is subjected to reverse color processing. The reverse color processing refers to a processing procedure of adjusting the original color of the interface element, i.e., the primary color of the interface element, into a reverse color, wherein the reverse color is a color which can be changed into white by being superposed with the primary color, i.e., the reverse color is a color obtained by subtracting the primary color from white.

Specifically, after the electronic device determines the data type corresponding to each interface element, if the data type of the interface element is a graphic, that is, the interface element is a graphic interface element, the brightness and the negation brightness of the interface element are obtained. In a specific application, the RGB color of the interface element may be obtained and converted into an Lab (cie Lab color model) color, where Lab is a color model, l (luminosity) refers to brightness or lightness, a refers to an a-axis color circle representing a color range from magenta-green, and B refers to a B-axis color circle representing a color range from blue-yellow. And determining the brightness of the interface element based on the converted LAB color, and negating the brightness to obtain the negation brightness of the interface element. The electronic equipment compares the magnitude relation between the inversion brightness and the brightness of the interface element with a preset inversion condition, if the inversion condition is met, the fact that the color of the interface element needs to be subjected to inversion processing is indicated, and the color of the interface element is subjected to inversion processing according to the inversion brightness and the brightness threshold. In specific application, the reverse brightness of the interface element can be calculated according to the reverse brightness and the brightness threshold, the brightness in the LAB color of the interface element is adjusted according to the reverse brightness to realize reverse processing, and the LAB color after the reverse processing is converted into the RGB color, so that the color adjustment of the interface element is realized, and the interface element is adjusted to the color corresponding to the dark mode. Further, for the interface element with the data type being the graph, the color of the interface element can be reversed through the brush according to the reversed brightness and the brightness threshold value.

In this embodiment, for an interface element whose data type is a graph, when the brightness and the inversion brightness of the interface element satisfy an inversion condition, the color of the interface element is subjected to inversion processing according to the inversion brightness and the brightness threshold, so that the targeted inversion processing on the graphical interface element is realized, and the inversion processing effect and the processing efficiency are ensured.

In one embodiment, adjusting the color of each interface element based on the data type and the brightness threshold corresponding to each interface element respectively comprises: when the data type corresponding to the interface element is a picture, acquiring the brightness and the negation brightness of the interface element through a shader; the inverted brightness is obtained by inverting the brightness; and when the magnitude relation between the inverted brightness and the brightness meets the inversion condition, performing inversion processing on the color of the interface element according to the inverted brightness and the brightness threshold.

In this embodiment, for an interface element whose data type is a picture, when the brightness and the inverted brightness of the interface element satisfy the inversion condition, the color of the interface element is subjected to inversion processing by the shader according to the inverted brightness and the brightness threshold. The image is not drawn by a brush, the interface element with the data type of the image cannot be drawn by the brush, and the interface element needs to be subjected to reverse color processing by a shader. The shader is used for realizing image rendering, and the color of the picture can be adjusted through the shader. For example, for an electronic device of an Android operating system, a picture is directly drawn by using OPENGL through textures, so that the picture needs to be modified by a shader of OPENGL when being processed; and the graphics provides the concept of a paint brush due to the packaging of the sketch drawing library, and the color of the graphics can be adjusted only by modifying the attributes in the paint.

Specifically, after the electronic device determines the data type corresponding to each interface element, if the data type of the interface element is a picture, that is, the interface element is a picture interface element, the brightness and the negation brightness of the interface element are obtained through a shader. In specific application, the RGB color of the interface element can be obtained through a shader, the RGB color is converted into an LAB color, the brightness of the interface element is determined based on the converted LAB color, and the brightness is inverted to obtain the inverted brightness of the interface element. The electronic equipment compares the magnitude relation between the inverted brightness and the brightness of the interface element with a preset inversion condition, if the inversion condition is met, the fact that the color of the interface element needs to be subjected to inversion processing is indicated, and the color of the interface element is subjected to inversion processing through a shader according to the inverted brightness and a brightness threshold. In a specific application, the shader may calculate the inverse brightness of the interface element according to the inverse brightness and the brightness threshold, adjust the brightness in the LAB color of the interface element according to the inverse brightness to implement inverse color processing, and convert the LAB color after the inverse color processing into the RGB color, thereby implementing color adjustment on the interface element and adjusting the interface element to a color corresponding to the dark mode.

In this embodiment, for an interface element whose data type is a picture, when the brightness and the inversion brightness of the interface element satisfy an inversion condition, the color of the interface element may be subjected to inversion processing by the shader according to the inversion brightness and the brightness threshold, so that targeted inversion processing on the interface element of the picture is realized, and an inversion processing effect and processing efficiency are ensured.

In one embodiment, before performing a color inversion process on the color of the interface element according to the inverted luminance and luminance threshold when the magnitude relation between the inverted luminance and the luminance satisfies the color inversion condition, the method includes: an element type of the interface element is determined.

In this embodiment, for an interface element whose element type is a foreground type, when the inversion brightness of the interface element is greater than the brightness, the color of the interface element is updated according to the inversion brightness calculated by the inversion brightness and the brightness threshold. The element types comprise a foreground type and a background type, the interface element with the element type as the foreground type is a foreground element, and the interface element with the element type as the background type is a background element. The element type may be determined by the electronic device according to the attribute information of the interface element, for example, for an electronic device of an Android operating system, the element type of the interface element may be determined by a Background attribute of the interface element and an onDraw method.

Further, when the magnitude relation between the inverted brightness and the brightness meets an inversion condition, performing inversion processing on the color of the interface element according to the inverted brightness and the brightness threshold, including: when the element type of the interface element is the foreground type and the inversion brightness is greater than the brightness, calculating the inversion brightness according to the inversion brightness and the brightness threshold; and updating the color of the interface element according to the brightness of the reverse color.

In this embodiment, for an interface element whose element type is a foreground type, that is, for a foreground element in an interface, after the interface is adjusted to a dark mode, the foreground element may become bright, and it is required that the negation brightness of the interface element is greater than the brightness, which indicates that the interface element becomes bright after being negated, and meets the adjustment requirement of the dark mode, that is, it is considered that the negation condition is met. Specifically, after the electronic device determines the element type of the interface element, if the element type of the interface element is the foreground type, it indicates that the interface element is the foreground element, and when the inversion brightness is greater than the brightness, the inversion brightness is calculated according to the inversion brightness and the brightness threshold, and specifically, the inversion brightness is constrained by the brightness threshold to obtain the inversion brightness, which is the brightness to which the interface element needs to be adjusted. After the reverse brightness is obtained, the electronic device updates the color of the interface element according to the reverse brightness, for example, after the RGB color of the interface element is converted into the LAB color, the brightness in the LAB color of the interface element is updated to the reverse brightness, and the updated LAB color is converted into the RGB color, so that the color adjustment of the interface element is realized, and the interface element is adjusted to the brightness requirement corresponding to the dark mode.

In this embodiment, when the inversion brightness of the foreground element is greater than the brightness, the inverse brightness is considered to be satisfied, the inverse brightness is calculated according to the inversion brightness and the brightness threshold, and the color of the foreground element is updated according to the obtained inverse brightness, so that the foreground element can be brightened when adjusted to the dark mode, thereby accurately adjusting the color of the foreground element and improving the display effect of the dark mode.

In one embodiment, calculating the inverse luminance based on the inverse luminance and the luminance threshold comprises: determining a brightness reference value of the interface; determining the deviation ratio of the inverted brightness and the brightness reference value; determining a difference value between the brightness threshold value and the brightness reference value; and calculating according to the brightness reference value and the product of the deviation ratio and the difference value to obtain the brightness of the reversed color.

In this embodiment, the brightness of the interface element is determined based on the brightness reference value, the negation brightness, and the brightness threshold of the interface. The brightness reference value of the interface may be flexibly set according to actual requirements, for example, the brightness reference value may be set as a median brightness value, that is, when the maximum brightness is 100 and the minimum brightness is 0, the brightness reference value may be set as an average value 50 of the maximum brightness and the minimum brightness. For example, for the foreground element, the inverse luminance invartl is 50+ ((newL-50)/50) × (luminance threshold of foreground element-50), where newL is the inverted luminance, and is obtained by inverting the luminance L of the foreground element.

Specifically, when the electronic device calculates the brightness of the reverse color, a brightness reference value of the interface is determined, and the brightness reference value is preset according to actual needs. The electronic device calculates a deviation ratio of the inverted luminance to the luminance reference value, and specifically, the deviation ratio may be obtained according to a ratio of a difference between the inverted luminance and the luminance reference value to the luminance reference value. The electronic equipment determines the difference value between the brightness threshold value and the brightness reference value, and calculates the brightness of the reverse color according to the brightness reference value and the product of the deviation ratio and the difference value. The reverse brightness is determined by taking reverse brightness constraint from the brightness threshold value and the brightness reference value, so that the obtained reverse brightness can meet the contrast corresponding to the target dark mode, and the display effect of the interface dark mode is improved.

In one embodiment, before updating the color of the interface element according to the brightness of the reverse color, the method further includes: determining hue adjustment parameters according to the type of the target dark color mode; updating the color of the interface element according to the brightness of the reverse color comprises the following steps: and updating the color of the interface element according to the hue adjustment parameter and the reverse brightness.

In this embodiment, the color tone of the interface element may also be adjusted by the hue adjustment parameter. The hue is the name of the color, can reflect the cold and warm tone of the color, and the hue adjustment parameter is used for adjusting the hue parameter of the interface element. For example, the hue can include an a component and a B component in an LAB color mode. The hue adjustment parameters correspond to the types of the target dark color modes, and different hue adjustment parameters can be preset for different types of the target dark color modes, so that the color tone of the interface element is adjusted, and the display effect of the dark color mode is further improved.

Specifically, before the electronic device updates the color of the interface element according to the inverse brightness, the hue adjustment parameter is determined based on the type of the target dark color mode, and specifically, the hue adjustment parameter may be determined by the electronic device according to the type of the target dark color mode based on a preset mapping relationship between the type of the target dark color mode and the hue adjustment parameter. And when the color of the interface element is updated, the electronic equipment updates the color of the interface element according to the hue adjustment parameter and the reversed color brightness. Specifically, after the RGB color of the interface element is converted into the LAB color, the electronic device may update the L component according to the inverse luminance, update the a component and the B component according to the hue adjustment parameter, obtain the updated LAB color based on the updated L component, the updated a component, and the updated B color, and convert the updated LAB color into the RGB color, thereby implementing the inverse processing on the interface element. By adjusting the two hues of A and B in the LAB color, the cold and warm hues of the interface element can be further adjusted on the basis of adjusting the brightness by adjusting L, so that the reverse color processing effect of the interface element is improved, and the display effect of a dark mode of the interface is improved.

In this embodiment, the color of the interface element is updated by combining the hue adjustment parameter and the brightness of the reversed color, and besides adjusting the brightness of the interface element, the color tone of the interface element is also adjusted, so that the reversed color processing effect of the interface element is improved, and the display effect of the dark mode of the interface is improved.

In one embodiment, the interface processing method further includes: and when the element type of the interface element is the background type and the inversion brightness is less than the brightness, executing the step of calculating the inversion brightness according to the inversion brightness and the brightness threshold value.

In this embodiment, for an interface element whose element type is a background type, that is, for a background element in an interface, specifically including a page background element and a bullet frame background element, after the interface is adjusted to a dark color mode, the background element becomes dark, and it is required that the negation brightness of the interface element is smaller than the original brightness of the interface element, which indicates that the interface element becomes dark after negation, and meets the adjustment requirement of the dark color mode, that is, it is considered that the negation condition is met. Specifically, after the electronic device determines the element type of the interface element, if the element type of the interface element is the background type, it indicates that the interface element is the background element, and the inversion brightness of the interface element is smaller than the brightness of the interface element, the inversion brightness is calculated according to the inversion brightness and the brightness threshold, specifically, the inversion brightness is constrained by the brightness threshold to obtain the inversion brightness, which is the brightness to which the interface element needs to be adjusted, and after the inversion brightness is obtained, the electronic device updates the color of the interface element according to the inversion brightness, so that the color adjustment of the interface element is realized, and the interface element is adjusted to the brightness requirement corresponding to the dark mode.

In this embodiment, when the inversion brightness of the background element is less than the brightness, the inversion condition is considered to be satisfied, the inversion brightness is calculated according to the inversion brightness and the brightness threshold, and the color of the background element is updated according to the obtained inversion brightness, so that the background element can be correspondingly darkened when adjusted to the dark mode, thereby implementing accurate adjustment of the color of the background element and improving the display effect of the dark mode.

In one embodiment, before obtaining the brightness and the inverted brightness of the interface element, the method further includes: and determining whether the interface element is a non-transparent interface element, if so, executing the steps of obtaining the brightness and the negation brightness of the interface element.

In this embodiment, when the data type corresponding to the interface element is a graphic and the interface element is non-transparent, the color of the interface element is adjusted. Specifically, before obtaining the brightness and the negation brightness of the interface element, the electronic device determines whether the interface element is a non-transparent interface element, specifically, may obtain attribute information of the interface element, and determines whether the interface element is transparent according to transparency information in the attribute information of the interface element. For the transparent interface element, the color adjustment has no influence on the display effect of the dark mode, so that the transparent interface element is not subjected to reverse color processing. For a non-transparent interface element, the electronic device needs to perform a color reversal process on the color of the interface element, and then the step of obtaining the brightness and the inverted brightness of the interface element is performed, so as to perform the color reversal process on the color of the interface element based on the inverted brightness and the brightness threshold.

In this embodiment, the transparent interface elements in the interface are filtered, and the color of the transparent interface elements is not subjected to the reverse color processing, so that the reverse color processing for the transparent interface elements is avoided, and the processing efficiency of the reverse color processing can be effectively improved.

In one embodiment, before the obtaining, by the shader, the brightness and the inverted brightness of the interface element, the method further includes: and determining whether the interface element is a non-transparent interface element, if so, executing the step of acquiring the brightness and the negation brightness of the interface element through a shader.

In this embodiment, when the data type corresponding to the interface element is a picture and the interface element is non-transparent, the color of the interface element is adjusted. Specifically, before the electronic device obtains the brightness and the negation brightness of the interface element through the shader, it is determined whether the interface element is a non-transparent interface element, specifically, attribute information of the interface element may be obtained, and whether the interface element is transparent is determined according to transparency information in the attribute information of the interface element. For the transparent interface element, the color adjustment has no influence on the display effect of the dark mode, so that the transparent interface element is not subjected to reverse color processing. For a non-transparent interface element, the electronic device needs to perform a color reversal process on the color of the interface element through the shader, and then the step of obtaining the brightness and the inverted brightness of the interface element through the shader is executed, so that the color reversal process is performed on the color of the interface element through the shader based on the inverted brightness and the brightness threshold.

In an embodiment, as shown in fig. 5, before the acquiring, by the shader, the brightness and the inverted brightness of the interface element, the processing of sampling analysis further includes:

step 502, sampling interface elements to obtain picture sampling points.

In this embodiment, for an interface element whose data type is a picture, when the interface element is determined to be a pure-color picture, the interface element is subjected to reverse color processing. The display effect of the dark mode can be further ensured by performing the reverse color processing on the pure color picture. Specifically, for an interface element of which the data type is a picture, the electronic device samples the interface element to obtain a picture sampling point before the electronic device obtains the brightness and the negation brightness of the interface element through a shader. The data type of the interface element is a picture, the interface element comprises the picture, the picture is sampled, a plurality of picture sampling points are obtained, specific sampling parameters can be flexibly set according to actual requirements, for example, 100 picture sampling points are in the range of 10 pixels by 10 pixels, and the picture sampling points are pixel points in the picture. And analyzing based on the sampled picture sampling points to obtain picture characteristics so as to reflect the characteristics of the interface element, if the picture is a pure-color picture.

Step 504, determine hue change values, saturation change values and brightness change values among the sampling points of the pictures.

Wherein, hue is the name of color, saturation is the purity of color, and brightness is the brightness of color. Hue, Saturation and brightness are three parameters in the HSL (Hue, Saturation) color mode, used to describe color. The hue change value can be obtained by comparing the hues of the image sampling points, the saturation change value can be obtained by comparing the saturations of the image sampling points, and the brightness change value can be obtained by comparing the brightness of the image sampling points.

Specifically, after each picture sampling point is obtained through sampling, the electronic device traverses each picture sampling point, determines a hue change value, a saturation change value and a brightness change value among the picture sampling points, specifically, can traverse each picture sampling point, obtain RGB colors of each picture sampling point, convert the RGB colors into HSL colors, determine hue, saturation and brightness respectively corresponding to each picture sampling point based on the HSL colors obtained through conversion, and calculate the hue change value, the saturation change value and the brightness change value among the picture sampling points according to the hue, the saturation and the brightness respectively corresponding to each picture sampling point.

And step 506, performing pure color analysis on the interface element according to the hue change value, the saturation change value and the brightness change value to obtain a pure color analysis result.

After the hue change value, the saturation change value and the brightness change value are obtained, the electronic equipment performs pure color analysis on the interface element based on the hue change value, the saturation change value and the brightness change value, and specifically can judge whether the hue change value is within a preset hue change threshold, judge whether the saturation change value is within a preset saturation change threshold, judge whether the average value of the brightness change value is within a preset average brightness change threshold, and obtain a pure color analysis result of the interface element according to the judgment result.

In specific implementation, a maximum hue change value can be determined from phase change values of each color, a maximum saturation change value is determined from saturation change values, whether the maximum hue change value is smaller than a hue change threshold value or not is judged, if yes, whether the maximum saturation change value is smaller than the saturation change threshold value or not is judged, if yes, an average brightness change value is obtained according to the average value of brightness change values, whether the average brightness change value is smaller than the average brightness change threshold value or not is judged, and if yes, the interface element is determined to be a pure color picture, namely, a pure color analysis result is the pure color picture. In specific application, the pure color analysis steps of the hue change value, the saturation change value and the brightness change value can be switched in sequence, and when the hue change value, the saturation change value and the brightness change value all meet a pure color condition, for example, when the maximum hue change value is smaller than a hue change threshold value, the maximum saturation change value is smaller than a saturation change threshold value and the average brightness change value is smaller than an average brightness change threshold value, the interface primary color is determined to be a pure color picture.

For example, the hue change threshold may be set to 15, the saturation change threshold may be set to 0.1, and the average luminance change threshold may be set to 0.5.

Further, obtaining, by the shader, the brightness and the inverted brightness of the interface element includes:

and step 508, when the pure color analysis result is a pure color picture, acquiring the brightness and the inverted brightness of the interface element through the shader.

After the electronic device obtains the pure color analysis result of the interface element, if the pure color analysis result is a pure color picture, that is, it indicates that the interface element needs to be subjected to reverse color processing, the electronic device obtains the brightness and the reflection brightness of the interface element through a shader, so as to perform reverse color processing on the interface element. And for non-pure color interface elements, filtering can be performed through a filter, and reverse color processing is not performed.

In this embodiment, for an interface element whose data type is a picture, when it is determined that a pure color analysis result of the interface element is a pure color picture, the interface element is subjected to reverse color processing, so that interface elements which are not pure colors in the interface are filtered out through a filter, color adjustment of the pure color picture in the interface is ensured, and a display effect of a dark mode is ensured.

In one embodiment, the interface processing method further includes: and when detecting that the ambient light intensity of the environment where the electronic equipment corresponding to the interface is located is lower than a preset light intensity threshold, adding a black mask on the interface.

In this embodiment, when it is detected that the environment where the interface corresponds to the electronic device is an extremely dark environment and the light intensity in the environment is very weak, for example, in an environment where lights are turned off in a night room, the brightness of the interface is further reduced by adding the black mask in the interface, so as to improve the display effect of the interface.

Specifically, electronic equipment can detect the ambient light intensity of the environment that self is located, perhaps electronic equipment acquires the testing result of ambient light intensity, compare the ambient light intensity that obtains with predetermined ambient light intensity, if ambient light intensity is less than the luminous intensity threshold value, it is weak to indicate electronic equipment is located ambient light intensity, then add black shade on the interface, specifically can add black shade on the foreground element and the background element upper strata at the interface, thereby further adjust the contrast at interface, with the ghost problem that drags of effectively reducing OLED in the extremely dark environment, promote the display effect of interface in the dim light environment. The light intensity threshold may be set according to actual requirements, for example, may be 10% of the maximum brightness; the black shade can be set according to actual requirements to cover in the interface, further reduce the luminance and the contrast at interface, promote the display effect of interface under the dark environment.

In one embodiment, the interface processing method further includes: when the interface comprises a page, determining a display style corresponding to the page based on the type of the target dark mode; and adjusting the color of the page according to the display style.

In this embodiment, for a page included in the interface, such as an H5(HTML5) page, the color of the page is adjusted according to the display style corresponding to the type of the target dark mode. Wherein, the H5 page is a page expressed based on the HTML5 standard; the display Style is a parameter for controlling the display effect of the page, the display effect of the page can be controlled through the display Style, for example, for an H5 page, the display Style can be a CSS (Cascading Style Sheets), the CSS can perform pixel-level precise control on the typesetting of element positions in the web page, supports almost all font and size styles, and has the capability of editing web page objects and model styles. The page in the interface is not generated or drawn by the electronic equipment, and when the interface is adjusted to the dark mode, the page in the interface needs to be correspondingly adjusted to ensure that the contrast of the page corresponds to the dark mode, so that the contrast of the page is prevented from being too high or too low, and the display effect of the interface is improved.

Specifically, when the interface of the electronic device includes a page, the electronic device determines a display style corresponding to the page based on the type of the target dark-color mode, a correspondence between the display style and the various types of dark-color modes may be preset according to actual requirements, and after the target dark-color mode is determined, the display style corresponding to the type of the target dark-color mode is determined based on the correspondence. The electronic device adjusts the color of the page according to the determined display style, for example, for the H5 page, the DOM (Document Object Model) node may be processed by js (javascript) through the CSS to adjust the color of the page based on the display style corresponding to the type of the target dark mode, such as adjusting the color of the background of the page, so that the contrast of the page in the interface also corresponds to the target dark mode, and the display effect of the interface is further improved.

In this embodiment, for the page included in the interface, the color of the page is adjusted according to the display style corresponding to the type of the target dark mode, so that the contrast of the page in the interface also corresponds to the target dark mode, and the display effect of the interface is further improved.

In one embodiment, as shown in fig. 6, there is provided an interface processing method, including steps 602 to 626, specifically:

Step 602, in response to a mode selection operation applied to the mode adjustment interface, determining a target dark mode selected by the mode selection operation from more than one alternative dark modes of the mode adjustment interface;

step 604, determining the contrast of the interface according to the type of the target dark mode;

step 606, determining a brightness threshold corresponding to each interface element in the interface according to the contrast;

step 608, determining that the data type of the interface element is a graph or a picture, and if the data type of the interface element is the graph, executing step 610; if the picture is a picture, go to step 620;

step 610, when the interface element is a non-transparent interface element, acquiring the brightness and the negation brightness of the interface element; the inverted brightness is obtained by inverting the brightness;

step 612, determining the element type of the interface element;

step 614, when the element type of the interface element is a foreground type and the negation brightness is greater than the brightness, or when the element type of the interface element is a background type and the negation brightness is less than the brightness, calculating the brightness of the negation color according to the negation brightness and the brightness threshold;

step 616, determining hue adjustment parameters according to the type of the target dark color mode;

step 618, updating the color of the interface element according to the hue adjustment parameter and the reversed brightness;

Step 620, when the interface element is a non-transparent interface element, sampling the interface element to obtain an image sampling point;

step 622, determining hue change values, saturation change values and brightness change values among the sampling points of the pictures;

step 624, performing pure color analysis on the interface element according to the hue change value, the saturation change value and the brightness change value to obtain a pure color analysis result;

step 626, when the pure color analysis result is a pure color picture, acquiring the brightness and the inverted brightness of the interface element through a shader; the inverted luminance is obtained by inverting the luminance.

In this embodiment, for an interface element whose data type is a graphic, the color adjustment processing on the interface element can be directly realized by the electronic device by drawing through a brush; for the interface element with the data type of picture, the color adjustment processing on the interface element can be realized by the electronic device through a shader. In this embodiment, the target dark color mode is determined according to the mode selection operation, the color of each interface element in the interface is adjusted according to the contrast corresponding to different target dark color modes, and different color adjustment processing is specifically performed on interface elements of different data types and different element types, so that the dark color mode can correspond to various environments, and the display effect of the interface contrast in the dark color mode in different environments is improved.

It should be understood that although the various steps in the flowcharts of fig. 2, 5-6 are shown in order as indicated by the arrows, the steps are not necessarily performed in order as indicated by the arrows. The steps are not performed in the exact order shown and described, and may be performed in other orders, unless explicitly stated otherwise. Moreover, at least some of the steps in fig. 2, 5-6 may include multiple sub-steps or multiple stages that are not necessarily performed at the same time, but may be performed at different times, and the order of performance of the sub-steps or stages is not necessarily sequential, but may be performed in turn or alternating with other steps or at least some of the sub-steps or stages of other steps.

Fig. 7 is a block diagram showing a configuration of an interface processing apparatus according to an embodiment. As shown in fig. 7, the interface processing apparatus includes a dark color mode determining module 702, a contrast determining module 704, and an interface element adjusting module 706, wherein:

a dark-mode determining module 702, configured to determine, in response to a mode selection operation applied to the mode adjustment interface, a target dark mode selected by the mode selection operation from among more than one alternative dark modes of the mode adjustment interface;

A contrast determination module 704, configured to determine a contrast of the interface according to the type of the target dark mode;

and an interface element adjusting module 706 configured to adjust a color of each interface element in the interface based on the contrast.

In one embodiment, the interface element adjustment module 706 includes a brightness threshold determination module and an element color adjustment module; wherein: the brightness threshold value determining module is used for determining the brightness threshold value corresponding to each interface element in the interface according to the contrast; and the element color adjusting module is used for respectively adjusting the color of each interface element based on the corresponding brightness threshold value of each interface element.

In one embodiment, the element color adjustment module includes a data type determination module and a color adjustment module; wherein: the data type determining module is used for determining the data type corresponding to each interface element; and the color adjusting module is used for respectively adjusting the color of each interface element based on the data type and the brightness threshold value corresponding to each interface element.

In one embodiment, the color adjustment module includes a graphical element determination module and an element inversion module; wherein: the graphic element determining module is used for acquiring the brightness and the negation brightness of the interface element when the data type corresponding to the interface element is a graphic; the inverted brightness is obtained by inverting the brightness; and the element color reversing module is used for performing color reversing processing on the colors of the interface elements according to the inverted brightness and the brightness threshold when the magnitude relation between the inverted brightness and the brightness meets the color reversing condition.

In one embodiment, the color adjustment module further includes a picture element determination module, configured to obtain, by a shader, the brightness and the negation brightness of the interface element when the data type corresponding to the interface element is a picture; the inverted brightness is obtained by inverting the brightness; and the element color reversing module is also used for performing color reversing processing on the colors of the interface elements according to the inverted brightness and the brightness threshold when the magnitude relation between the inverted brightness and the brightness meets the color reversing condition.

In one embodiment, the system further comprises an element type determining module for determining the element type of the interface element; the element reverse color module comprises a reverse color brightness determining module and a reverse color brightness updating module; wherein: the reverse brightness determining module is used for calculating reverse brightness according to the reverse brightness and the brightness threshold when the element type of the interface element is the foreground type and the reverse brightness is greater than the brightness; and the reverse color brightness updating module is used for updating the color of the interface element according to the reverse color brightness.

In one embodiment, the inverse color brightness determination module comprises a reference value determination module, a deviation ratio determination module, a brightness difference determination module and an inverse color brightness calculation module; wherein: the reference value determining module is used for determining a brightness reference value of the interface; the deviation ratio determining module is used for determining the deviation ratio of the inverted brightness and the brightness reference value; a brightness difference determination module for determining a difference between a brightness threshold and a brightness reference value; and the inverse color brightness calculation module is used for calculating the inverse color brightness according to the brightness reference value and the product of the deviation ratio and the difference value.

In one embodiment, the apparatus further comprises a hue parameter determining module for determining a hue adjustment parameter according to the type of the target dark pattern; and the reverse color brightness updating module is also used for updating the color of the interface element according to the hue adjusting parameter and the reverse color brightness.

In one embodiment, the device further comprises a background element processing module, configured to calculate the brightness of the reverse color according to the inverted brightness and the brightness threshold when the element type of the interface element is the background type and the inverted brightness is less than the brightness.

In one embodiment, the display device further includes a transparent element determination module, configured to determine whether the interface element is a non-transparent interface element, and if so, obtain brightness and reciprocal brightness of the interface element.

In an embodiment, the transparent element determining module is further configured to determine whether the interface element is a non-transparent interface element, and if so, obtain, by the shader, the brightness and the negation brightness of the interface element.

In one embodiment, the device further comprises a picture sampling module, a sampling point analysis module and a pure color analysis module; wherein: the image sampling module is used for sampling the interface elements to obtain image sampling points; the sampling point analysis module is used for determining hue change values, saturation change values and brightness change values among the sampling points of the pictures; the pure color analysis module is used for carrying out pure color analysis on the interface element according to the hue change value, the saturation change value and the brightness change value to obtain a pure color analysis result; and the picture element determining module is also used for acquiring the brightness and the negation brightness of the interface element through the shader when the pure color analysis result is a pure color picture.

In one embodiment, the electronic device further comprises a black mask adding module, configured to add a black mask at the interface when it is detected that the ambient light intensity of an environment where the electronic device corresponding to the interface is located is lower than a preset light intensity threshold.

In one embodiment, the system further comprises a display style determining module and a page color adjusting module; wherein: the display style determining module is used for determining a display style corresponding to the page based on the type of the target dark mode when the interface comprises the page; and the page color adjusting module is used for adjusting the color of the page according to the display style.

The division of each module in the interface processing apparatus is merely for illustration, and in other embodiments, the interface processing apparatus may be divided into different modules as needed to complete all or part of the functions of the interface processing apparatus.

For the specific definition of the interface processing device, reference may be made to the definition of the interface processing method above, and details are not described here. The modules in the interface processing device can be wholly or partially implemented by software, hardware and a combination thereof. The modules can be embedded in a hardware form or independent from a processor in the computer device, and can also be stored in a memory in the computer device in a software form, so that the processor can call and execute operations corresponding to the modules.

Fig. 8 is a schematic diagram of an internal structure of an electronic device in one embodiment. As shown in fig. 8, the electronic device includes a processor and a memory connected by a system bus. Wherein, the processor is used for providing calculation and control capability and supporting the operation of the whole electronic equipment. The memory may include a non-volatile storage medium and an internal memory. The non-volatile storage medium stores an operating system and a computer program. The computer program can be executed by a processor to implement an interface processing method provided in the following embodiments. The internal memory provides a cached execution environment for the operating system computer programs in the non-volatile storage medium. The electronic device may be any electronic device such as a mobile phone, a tablet computer, a PDA (Personal Digital Assistant), a Point of sale (POS) electronic device, a vehicle-mounted computer, and a wearable device.

The implementation of each module in the interface processing apparatus provided in the embodiment of the present application may be in the form of a computer program. The computer program may be run on an electronic device or a server. Program modules constituted by such computer programs may be stored on the memory of the electronic device. Which when executed by a processor, performs the steps of the method described in the embodiments of the present application.

The embodiment of the application also provides a computer readable storage medium. One or more non-transitory computer-readable storage media containing computer-executable instructions that, when executed by one or more processors, cause the processors to perform the steps of the interface processing method.

A computer program product containing instructions which, when run on a computer, cause the computer to perform an interface processing method.

Any reference to memory, storage, database, or other medium used herein may include non-volatile and/or volatile memory. Non-volatile memory can include read-only memory (ROM), Programmable ROM (PROM), Electrically Programmable ROM (EPROM), Electrically Erasable Programmable ROM (EEPROM), or flash memory. Volatile memory can include Random Access Memory (RAM), which acts as external cache memory. By way of illustration and not limitation, RAM is available in a variety of forms, such as Static RAM (SRAM), Dynamic RAM (DRAM), Synchronous DRAM (SDRAM), double data rate SDRAM (DDR SDRAM), Enhanced SDRAM (ESDRAM), synchronous Link (Synchlink) DRAM (SLDRAM), Rambus Direct RAM (RDRAM), direct bus dynamic RAM (DRDRAM), and bus dynamic RAM (RDRAM).

The above-mentioned embodiments only express several embodiments of the present application, and the description thereof is more specific and detailed, but not construed as limiting the scope of the present application. It should be noted that, for a person skilled in the art, several variations and modifications can be made without departing from the concept of the present application, which falls within the scope of protection of the present application. Therefore, the protection scope of the present patent shall be subject to the appended claims.

Claims

1. An interface processing method, comprising:

in response to a mode selection operation applied to a mode adjustment interface, determining a target dark mode selected by the mode selection operation from more than one alternative dark modes of the mode adjustment interface;

determining the contrast of an interface according to the type of the target dark mode;

adjusting the color of each interface element in the interface based on the contrast.

2. The method of claim 1, wherein said adjusting the color of each interface element in the interface based on the contrast comprises:

determining a brightness threshold corresponding to each interface element in the interface according to the contrast;

And respectively adjusting the color of each interface element based on the corresponding brightness threshold value of each interface element.

3. The method of claim 2, wherein the interface elements include a page background element, a bullet box background element, and a foreground element; the page background element, the bullet frame background element and the foreground element respectively correspond to different brightness thresholds.

4. The method of claim 2, wherein said individually adjusting the color of each of said interface elements based on their respective luminance threshold comprises:

determining a data type corresponding to each interface element;

and respectively adjusting the color of each interface element based on the data type and the brightness threshold value corresponding to each interface element.

5. The method of claim 4, wherein adjusting the color of each interface element based on the data type and the brightness threshold corresponding to each interface element comprises:

when the data type corresponding to the interface element is a graph, acquiring the brightness and the negation brightness of the interface element; the inverted brightness is obtained by inverting the brightness;

And when the magnitude relation between the inversion brightness and the brightness meets an inversion condition, performing inversion processing on the color of the interface element according to the inversion brightness and the brightness threshold value.

6. The method of claim 4, wherein adjusting the color of each interface element based on the data type and the brightness threshold corresponding to each interface element comprises:

when the data type corresponding to the interface element is a picture, acquiring the brightness and the negation brightness of the interface element through a shader; the inverted brightness is obtained by inverting the brightness;

7. The method according to claim 5 or 6, wherein before performing the color inversion processing on the color of the interface element according to the inverted lightness and the lightness threshold when the magnitude relation between the inverted lightness and the lightness satisfies an inversion condition, the method comprises:

determining an element type of the interface element;

when the magnitude relation between the inversion brightness and the brightness meets an inversion condition, performing inversion processing on the color of the interface element according to the inversion brightness and the brightness threshold, wherein the inversion processing comprises the following steps:

When the element type of the interface element is a foreground type and the inversion brightness is greater than the brightness, calculating inversion brightness according to the inversion brightness and the brightness threshold;

and updating the color of the interface element according to the reverse color brightness.

8. The method of claim 7, wherein said calculating an inverse luminance from said inverse luminance and said luminance threshold comprises:

determining a brightness reference value of the interface;

determining a deviation ratio of the inverted luminance to the luminance reference value;

determining a difference between the brightness threshold and the brightness reference value;

and calculating to obtain the brightness of the reverse color according to the brightness reference value and the product of the deviation ratio and the difference value.

9. The method of claim 7, further comprising, prior to said updating the color of the interface element according to the inverse lightness:

determining hue adjustment parameters according to the type of the target dark color mode;

the updating the color of the interface element according to the reverse brightness comprises:

and updating the color of the interface element according to the hue adjustment parameter and the reverse brightness.

10. The method of claim 7, further comprising:

And when the element type of the interface element is a background type and the inversion brightness is less than the brightness, executing the step of calculating the inversion brightness according to the inversion brightness and the brightness threshold.

11. The method of claim 5, further comprising, prior to said obtaining the brightness and the inverted brightness of the interface element:

and determining whether the interface element is a non-transparent interface element, if so, executing the step of acquiring the brightness and the negation brightness of the interface element.

12. The method of claim 6, further comprising, prior to the obtaining, by the shader, the lightness and inverted lightness of the interface element:

and determining whether the interface element is a non-transparent interface element, if so, executing the step of obtaining the brightness and the negation brightness of the interface element through a shader.

13. The method of claim 6, further comprising, prior to the obtaining, by the shader, the lightness and inverted lightness of the interface element:

sampling the interface elements to obtain picture sampling points;

determining hue change values, saturation change values and brightness change values among all picture sampling points;

Performing pure color analysis on the interface element according to the hue change value, the saturation change value and the brightness change value to obtain a pure color analysis result;

the acquiring, by the shader, the brightness and the inverted brightness of the interface element includes:

and when the pure color analysis result is a pure color picture, acquiring the brightness and the inversion brightness of the interface element through a shader.

14. The method of claim 1, further comprising:

and when detecting that the ambient light intensity of the environment where the electronic equipment corresponding to the interface is located is lower than a preset light intensity threshold, adding a black mask on the interface.

15. The method of claim 1, further comprising:

when the interface comprises a page, determining a display style corresponding to the page based on the type of the target dark mode;

and adjusting the color of the page according to the display style.

16. An interface processing apparatus, comprising:

17. An electronic device comprising a memory and a processor, the memory having stored thereon a computer program, wherein the computer program, when executed by the processor, causes the processor to perform the steps of the interface processing method according to any one of claims 1 to 15.

18. A computer-readable storage medium, on which a computer program is stored, which, when being executed by a processor, carries out the steps of the interface processing method according to any one of claims 1 to 15.