CN114327715A - Interface display method, interface display device, electronic equipment and readable storage medium - Google Patents
Interface display method, interface display device, electronic equipment and readable storage medium Download PDFInfo
- Publication number
- CN114327715A CN114327715A CN202111604626.XA CN202111604626A CN114327715A CN 114327715 A CN114327715 A CN 114327715A CN 202111604626 A CN202111604626 A CN 202111604626A CN 114327715 A CN114327715 A CN 114327715A
- Authority
- CN
- China
- Prior art keywords
- color
- interface
- display
- background area
- interface element
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Images
Abstract
The application discloses an interface display method, an interface display device, electronic equipment and a readable storage medium, and belongs to the technical field of user interface configuration. The interface display method comprises the following steps: under the condition that the display interface displays the interface element, identifying color information of a background area in the display interface, wherein the background area is the background area of the interface element; configuring a first display color of the interface element according to the color information; wherein the color information includes at least one of: color value, color saturation, color brightness.
Description
Technical Field
The application belongs to the technical field of user interface configuration, and particularly relates to an interface display method, an interface display device, electronic equipment and a readable storage medium.
Background
In the prior art, the electronic device not only displays a background image in a display interface, but also displays corresponding interface elements such as a label and a floating window in the display interface.
With different pages browsed by a user, a background image in a display interface can be changed among a plurality of different images, and the display color of an interface element is usually fixed, so that the display effect of the interface element in the background image is poor.
Disclosure of Invention
An object of the embodiment of the present application is to provide an interface display method, an interface display apparatus, an electronic device, and a readable storage medium, which achieve good coordination between an interface element and a background region in a display interface, and also ensure visibility of the interface element in the display interface.
In a first aspect, an embodiment of the present application provides an interface display method, including: under the condition that the display interface displays the interface element, identifying color information of a background area in the display interface, wherein the background area is the background area of the interface element; configuring a first display color of the interface element according to the color information; wherein the color information includes at least one of: color value, color saturation, color brightness.
In a second aspect, an embodiment of the present application provides an interface display apparatus, including: the identification module is used for identifying the color information of a background area in the display interface under the condition that the display interface displays the interface element, wherein the background area is the background area of the interface element; a configuration module, configured to configure a first display color of the interface element according to the color information: wherein the color information includes at least one of: color value, color saturation, color brightness.
In a third aspect, embodiments of the present application provide an electronic device, which includes a processor and a memory, where the memory stores a program or instructions that can be executed on the processor, and the program or instructions, when executed by the processor, implement the steps of the interface display method according to the first aspect.
In a fourth aspect, embodiments of the present application provide a readable storage medium, on which a program or instructions are stored, and when executed by a processor, implement the steps of the interface display method according to the first aspect.
According to the method and the device, the first display color of the interface element in the display interface is configured according to the color value, the color saturation and the color brightness of the background area in the display interface, so that the coordination between the interface element and the background area in the display interface is good, and the visibility of the interface element in the display interface is ensured.
Drawings
Fig. 1 shows one of the flow diagrams of an interface display method provided in the embodiment of the present application;
fig. 2 is a second schematic flowchart illustrating an interface display method according to an embodiment of the present application;
fig. 3 is a third schematic flowchart illustrating an interface display method according to an embodiment of the present application;
FIG. 4 is a fourth flowchart illustrating an interface display method according to an embodiment of the present disclosure;
FIG. 5 is a schematic diagram of a display interface provided by an embodiment of the application;
FIG. 6 is a fifth flowchart illustrating an interface display method according to an embodiment of the present disclosure;
FIG. 7 is a sixth flowchart illustrating an interface display method according to an embodiment of the present disclosure;
FIG. 8 is a seventh schematic flow chart illustrating an interface display method according to an embodiment of the present disclosure;
fig. 9 is a block diagram illustrating a structure of an interface display device according to an embodiment of the present disclosure;
fig. 10 shows a block diagram of an electronic device provided in an embodiment of the present application;
fig. 11 shows a hardware structure diagram of an electronic device according to an embodiment of the present application.
Detailed Description
The technical solutions in the embodiments of the present application will be described clearly below with reference to the drawings in the embodiments of the present application, and it is obvious that the described embodiments are some, but not all, embodiments of the present application. All other embodiments that can be derived by one of ordinary skill in the art from the embodiments given herein are intended to be within the scope of the present disclosure.
The terms first, second and the like in the description and in the claims of the present application are used for distinguishing between similar elements and not necessarily for describing a particular sequential or chronological order. It will be appreciated that the data so used may be interchanged under appropriate circumstances such that embodiments of the application may be practiced in sequences other than those illustrated or described herein, and that the terms "first," "second," and the like are generally used herein in a generic sense and do not limit the number of terms, e.g., the first term can be one or more than one. In addition, "and/or" in the specification and claims means at least one of connected objects, a character "/" generally means that a preceding and succeeding related objects are in an "or" relationship.
The interface display method, the interface display apparatus, the electronic device and the readable storage medium provided by the embodiments of the present application are described in detail below with reference to fig. 1 to 11 through specific embodiments and application scenarios thereof.
An interface display method is provided in an embodiment of the present application, and fig. 1 shows one of flow diagrams of the interface display method provided in the embodiment of the present application, and as shown in fig. 1, the interface display method includes:
102, under the condition that a display interface displays interface elements, identifying color information of a background area in the display interface, wherein the background area is the background area of the interface elements;
it can be understood that the display interface may be selected as an application interface when the electronic device runs an application program, and the interface elements are interface elements such as a label, a control, a floating window, and the like in the application interface. The background area of the interface element is a background area which is shielded by the interface element in the display interface, and a display area of a non-interface element in the display interface.
And 104, configuring a first display color of the interface element according to the color information.
Wherein the color information includes at least one of: color value, color saturation, color brightness.
In the embodiment of the application, the color information of the background area in the display interface is identified through an image identification technology, the color information comprises a color value of the background area, the color value comprises a Red, Green and Blue (RGB) value or other color values of each pixel in the background area, and the color value can identify the color of each pixel. The color information also comprises color saturation of the background area, the color saturation can represent color purity, the higher the color saturation of the background area is, the more vivid the displayed color is, the color information also comprises color brightness, the color brightness can represent color brightness, and the higher the color brightness of the background area is, the brighter the color of the background area is.
In some implementations, color values, color saturation, and color definition of a background area in a display interface are identified. Wherein the color value is 165, the saturation is 70%, and the brightness is 82%. The color value of the interface element is set to 175, so that the color of the interface element is similar to that of the background area, and the display harmony of the interface element and the background area is improved. And then setting the color saturation of the interface element to be 35 percent and setting the color brightness to be 60 percent, and setting the color saturation and the color brightness of the interface element to be lower than those of the background area, so that the display harmony of the interface element and the background area is ensured, and the visibility of the interface element in the display interface is also improved.
According to the method and the device, the first display color of the interface element in the display interface is configured according to the color value, the color saturation and the color brightness of the background area in the display interface, so that the coordination between the interface element and the background area in the display interface is good, and the visibility of the interface element in the display interface is ensured.
In some embodiments of the present application, fig. 2 shows a second flowchart of the interface display method provided in the embodiments of the present application, and as shown in fig. 2, the color information includes color values, and the configuring the first display color of the interface element according to the color information includes:
and step 204, configuring the display color of the interface element according to the second color value.
In an embodiment of the present application, a first color value in a background region is identified, where the first color value includes a color value according to each pixel in the background region. After the first color value is obtained, a gaussian fuzzy calculation is performed on the first color value, specifically, the color value (first color value) of each pixel in the background area is counted by a gaussian curve, and a weighted average calculation method is adopted to obtain a second color value. And setting the display color of the interface element through the second color value, so that the display color of the interface element is closer to the display color of the background area.
It should be noted that the color in the background region is usually not only a single color, but also includes a plurality of different colors, i.e., the background region includes a plurality of pixels with different colors. The second color value, namely the Gaussian blur color of the background area can be obtained by performing high-speed fuzzy calculation on the color values of a plurality of pixel points in the background area.
In some embodiments, the background area in the display interface is a live-action picture, and the interface element is a label suspended on the live-action picture. And performing Gaussian fuzzy calculation on the first color value to obtain a second color value through the first color value of each pixel point in the label coverage area in the live-action picture. The display color of the label is set to a second color value. Because the label coverage area comprises a plurality of pixel points with different colors, the color values of the pixel points with different colors are subjected to high-speed fuzzy calculation, so that the second color value is closer to the color of the background area in the display interface.
In the embodiment of the application, the first color value of the background area in the interface element is subjected to the Gaussian blur calculation to obtain the Gaussian blur color value, namely the second color value, of the background area. The first display color of the interface element is configured through the second color value, so that the display color of the interface element is matched with the display color of the background area in the display interface, and the overall harmony of the display content in the display interface is improved.
In some embodiments of the present application, fig. 3 shows a third flowchart of an interface display method provided in the embodiments of the present application, and as shown in fig. 3, the color information includes a color value, and configuring a first display color of the interface element according to the color information includes:
the background area comprises a plurality of pixel points with different color saturation, and the first color saturation of the background area can be obtained by performing Gaussian blur calculation on the background area.
It can be understood that the first color saturation is a saturation obtained by performing weighted calculation on the color saturations of a plurality of pixel points in the background area.
Step 304, adjusting the first color saturation through a preset proportion coefficient to obtain a second color saturation;
and step 306, configuring the first display color of the interface element according to the second color saturation.
In the embodiment of the application, the second color saturation can be obtained by calculating the ratio of the preset proportionality coefficient to the first color saturation. The first color saturation represents the color purity of the background area, the second color saturation represents the color purity of the interface element, the second color saturation is the saturation obtained by calculating the ratio of the preset proportionality coefficient to the first color saturation, the second color saturation of the interface element can have obvious difference with the first color saturation of the display interface, and the visibility of the interface element is better under the condition that the interface element with the second color saturation is displayed on the display interface with the first color saturation.
Specifically, Gaussian blur is performed on a background area to obtain Gaussian blur of the background area, first color saturation of the Gaussian blur is obtained, ratio calculation is performed on a preset proportionality coefficient and the first color saturation to obtain second color saturation, and saturation of display colors of the interface elements is set as the second color saturation. Illustratively, the first color saturation is 80%, the preset proportionality coefficient is 4, and the second color saturation is 20% by calculating a ratio of the first color saturation to the preset proportionality coefficient.
According to the method and the device, the first color saturation of the background area in the interface element is calculated according to the preset proportion coefficient, so that the second color saturation is obtained. The first display color of the interface element is configured through the second color saturation, so that the difference between the display color of the interface element and the display color of the background area in the display interface can be increased, and the visibility of the display content in the display interface is further improved.
In some embodiments of the present application, fig. 4 illustrates a fourth flowchart of an interface display method provided in an embodiment of the present application, and as shown in fig. 4, the color information includes color brightness, and the configuring the first display color of the interface element according to the color information includes:
step 404, adjusting the first color brightness through a preset increase and decrease coefficient to obtain a second color brightness;
at step 406, a first display color of the interface element is configured according to the second color definition.
In the embodiment of the present application, the second color lightness can be obtained by performing subtraction calculation on the preset increase/decrease coefficient and the first color lightness, or performing addition calculation on the preset increase/decrease coefficient and the first color lightness. The first color brightness represents the color brightness of the background area, the second color brightness represents the color brightness of the interface element, and the second color brightness is the brightness calculated by the ratio of the preset proportionality coefficient to the first color brightness, so that the second color brightness of the interface element is obviously different from the first color brightness of the display interface, and the visibility of the interface element is better under the condition that the interface element with the second color brightness is displayed on the display interface with the first color brightness.
It should be noted that the user can set the preset increase/decrease coefficient according to the actual requirement. Since the difference between the second color lightness and the first color lightness is the preset increase/decrease coefficient, the larger the preset increase/decrease coefficient is, the higher the contrast between the interface element and the background area is, and the smaller the preset increase/decrease coefficient is, the lower the contrast between the interface element and the background area is.
In some embodiments, the first color lightness is 80% and the preset increase and decrease coefficient is 20%, and the second color lightness is 60% by subtracting the first color lightness from the preset increase and decrease coefficient. And the color lightness of the interface element was set to 60%.
In some other embodiments, the first color lightness is 40% and the preset increase/decrease coefficient is 30%, and the second color lightness is 70% by adding the first color lightness to the preset increase/decrease coefficient. And the color lightness of the interface element was set to 70%.
It is understood that the value range of the second color lightness is more than 0% and less than or equal to 100%. And in the process of configuring the second color brightness of the interface element, the electronic equipment can perform addition calculation or subtraction calculation on the first color brightness and the preset increase and decrease coefficient according to the value range.
According to the embodiment of the application, the first color brightness of the background area in the interface element is calculated with the preset proportion coefficient, so that the second color brightness is obtained. The first display color of the interface element is configured through the second color brightness, so that the contrast between the display color of the interface element and the display color of the background area in the display interface can be increased, and the visibility of the display content in the display interface is further improved.
In some embodiments of the present application, after identifying color information of a background area in the display interface in a case where the display interface displays the interface element, the method further includes: and configuring a first display color of the interface element according to the preset transparency.
In the embodiment of the application, the background area of the display interface is an interface main body which needs to be watched by a user, and the interface elements are labels, floating windows, controls and other elements which play a role in prompting. And setting the shielding degree of the interface element on the background area of the display interface to be adjusted by adjusting the transparency of the interface element. The transparency of the interface elements can be adjusted by a user, and after the user finishes setting the preset transparency, the transparency of the interface elements displayed in the display interface is set as the preset transparency.
It can be understood that the preset transparency ranges from 0% to 100%, and the higher the value of the preset transparency is, the larger the shielding degree of the interface element on the background area is, and the lower the value of the preset transparency is, the smaller the shielding degree of the interface element on the background area is.
Fig. 5 is a schematic diagram of a display interface provided in an embodiment of the present application, and as shown in fig. 5, the display interface 500 is an application interface of an application program, a live-action image and a label 504 are displayed in a background area 502 of the display interface 500, and an initial transparency of the label 504 is 100%. The user sets the preset transparency to 0%, and after the transparency of the label 504 is adjusted by the preset transparency, the label 504 does not block the live-action image.
In some embodiments of the present application, fig. 6 shows a sixth flowchart of an interface display method provided in an embodiment of the present application, and as shown in fig. 6, after configuring a first display color of an interface element according to color information, the method further includes:
and step 604, adjusting the second display color of the background area according to the color contrast.
In the embodiment of the application, after the interface element is configured with the first display color, the color brightness of the interface element and the color brightness of the background area are respectively collected, so that the color contrast between the background area and the interface element is obtained. And if the color contrast between the background area and the interface element is low, judging that the visibility of the interface element is poor, and adjusting the second display color of the background area to improve the color contrast between the background area and the interface element and further improve the visibility of the interface element on the display interface because the first display color of the interface element is adjusted and other display problems caused by adjusting the first display color of the interface element are avoided.
According to the embodiment of the application, after the first display color of the interface element is configured, the color contrast of the interface element and the background area of the display interface is detected. And judging the visibility of the interface element in the display interface according to the color contrast, and if the visibility of the interface element is judged to be poor, adjusting the second display color of the background area in the display interface, so as to further improve the visibility of the interface element in the display interface.
In some embodiments of the present application, adjusting the second display color of the background region according to the color contrast comprises: and under the condition that the color contrast is smaller than the preset contrast, adjusting the color brightness of the background area to enable the color contrast to reach the preset contrast.
In the embodiment of the application, after the color contrast between the background area and the interface element in the display interface is obtained, the color contrast is compared with a preset contrast, if the color contrast is smaller than the preset contrast, it is determined that the visibility of the interface element in the display interface is poor, and at this time, the color brightness of the background area needs to be adjusted to improve the color contrast between the background area and the interface element, so that the visibility of the interface element in the display interface is ensured.
In some embodiments, in the case that the color contrast is smaller than the preset contrast, and the color brightness of the background region is lower than the color brightness of the interface element, the color brightness of the background region is reduced, so that the difference between the color brightness of the background region and the color brightness of the interface element is further increased, thereby increasing the contrast between the background region and the interface element.
In some other embodiments, in the case that the color contrast is smaller than the preset contrast, and the color value of the background region is higher than the color value of the interface element, the color value of the background region is increased, so that the difference between the color value of the background region and the color value of the interface element is further increased, thereby increasing the contrast between the background region and the interface element.
The color brightness of the background area is adjusted, the color contrast between the background area and the interface elements is improved by increasing the color brightness difference between the background area and the interface elements, and therefore the compatibility between the interface elements and the background area is guaranteed, and the visibility of the interface elements and the background area is further improved.
In some embodiments of the present application, fig. 7 illustrates a seventh flowchart of an interface display method provided in an embodiment of the present application, and as shown in fig. 7, in a case that a display interface displays a bounding surface element, identifying color information of a background area in the display interface includes:
step 704, determining a target area in the target layer according to the position information and the level information, wherein the target area corresponds to the background area;
In the embodiment of the application, the display interface includes a plurality of layers, and the display content in each layer is different, where the interface element and the background area are located in different layers. The position information and the hierarchy information of the interface elements on the display interface are searched, the interface elements can be positioned through the position information and the hierarchy information, and the target area in the target layer corresponding to the position of the interface elements is used as the background area of the interface elements, so that the color information of the target area is obtained, and the color information of the background area is obtained.
According to the method and the device, the layer where the background area is located and the target area of the background area in the layer can be located through the level information and the position information of the interface element. And the color information of the background area in the display interface is obtained by collecting the color information of the target area, so that the accuracy of collecting the color information is improved, and the influence of the color information of the interface element on the collected color information of the background area is avoided.
In some embodiments of the present application, fig. 8 shows an eighth flowchart of an interface display method provided in an embodiment of the present application, and as shown in fig. 8, determining a target area in a target layer according to the position information and the hierarchy information includes:
and step 804, determining a target area in the target layer according to the position information of the interface element.
In the embodiment of the application, the positions of the interface elements in the plurality of layers can be positioned through the level information of the interface elements, so that the layer adjacent to the layer where the interface elements are located can be found, and the adjacent layer is used as a target layer where the background area is located. And searching a target area in the target layer according to the position information of the interface element, wherein the position of the target area corresponds to the position of the interface element.
In the embodiment of the application, the target layer where the background area is located through the level information of the interface element, and the target area is searched in the target layer according to the position information of the interface element. The accuracy of collecting the color information is improved, and the influence of the color information of the interface element on the collected color information of the background area is avoided.
According to the interface display method provided by the embodiment of the application, the execution main body can be an interface display device. The method for executing interface display by the interface display device is taken as an example in the embodiment of the present application to describe the interface display device provided in the embodiment of the present application.
In some embodiments of the present application, an interface display apparatus is provided, and fig. 9 shows a block diagram of an interface display apparatus provided in an embodiment of the present application, and as shown in fig. 9, an interface display apparatus 900 includes:
the identifying module 902 is configured to identify color information of a background area in the display interface when the display interface displays the interface element, where the background area is a background area of the interface element;
a configuration module 904, configured to configure a first display color of the interface element according to the color information:
wherein the color information includes at least one of: color value, color saturation, color brightness.
According to the method and the device, the first display color of the interface element in the display interface is configured according to the color value, the color saturation and the color brightness of the background area in the display interface, so that the coordination between the interface element and the background area in the display interface is good, and the visibility of the interface element in the display interface is ensured.
In some embodiments of the present application, the interface display apparatus 900 further includes.
The first processing module is used for carrying out Gaussian blur on the first color value of the background area to determine a second color value;
and a configuration module 904, configured to configure a display color of the interface element according to the second color value.
In the embodiment of the application, the first color value of the background area in the interface element is subjected to the Gaussian blur calculation to obtain the Gaussian blur color value, namely the second color value, of the background area. The first display color of the interface element is configured through the second color value, so that the display color of the interface element is matched with the display color of the background area in the display interface, and the overall harmony of the display content in the display interface is improved.
In some embodiments of the present application, the interface display apparatus 900 further includes:
the first obtaining module is used for obtaining first color saturation of the background area;
the second processing module is used for adjusting the first color saturation through a preset proportion coefficient to obtain a second color saturation;
the configuration module 904 is further configured to configure the first display color of the interface element according to the second color saturation.
According to the method and the device, the first color saturation of the background area in the interface element is calculated according to the preset proportion coefficient, so that the second color saturation is obtained. The first display color of the interface element is configured through the second color saturation, so that the difference between the display color of the interface element and the display color of the background area in the display interface can be increased, and the visibility of the display content in the display interface is further improved.
In some embodiments of the present application, the interface display apparatus 900 further includes:
the second acquisition module is used for acquiring the first color brightness of the background area;
the third processing module is used for adjusting the first color brightness through a preset increase and decrease coefficient to obtain a second color brightness;
the configuration module 904 is further configured to configure the first display color of the interface element according to the second color definition.
According to the embodiment of the application, the first color brightness of the background area in the interface element is calculated with the preset proportion coefficient, so that the second color brightness is obtained. The first display color of the interface element is configured through the second color brightness, so that the contrast between the display color of the interface element and the display color of the background area in the display interface can be increased, and the visibility of the display content in the display interface is further improved.
In some embodiments of the present application, the configuring module 904 is further configured to configure the first display color of the interface element according to a preset transparency.
In the embodiment of the application, the background area of the display interface is an interface main body which needs to be watched by a user, and the interface elements are labels, floating windows, controls and other elements which play a role in prompting. And setting the shielding degree of the interface element on the background area of the display interface to be adjusted by adjusting the transparency of the interface element. The transparency of the interface elements can be adjusted by a user, and after the user finishes setting the preset transparency, the transparency of the interface elements displayed in the display interface is set as the preset transparency.
In some embodiments of the present application, the interface display apparatus 900 further includes:
the third acquisition module is used for acquiring the color contrast between the background area and the interface element;
and the adjusting module is used for adjusting the second display color of the background area according to the color contrast.
According to the embodiment of the application, after the first display color of the interface element is configured, the color contrast of the interface element and the background area of the display interface is detected. And judging the visibility of the interface element in the display interface according to the color contrast, and if the visibility of the interface element is judged to be poor, adjusting the second display color of the background area in the display interface, so as to further improve the visibility of the interface element in the display interface.
In some embodiments of the application, the adjusting module is further configured to adjust the color brightness of the background area to make the color contrast reach the preset contrast if the color contrast is smaller than the preset contrast.
The color brightness of the background area is adjusted, the color contrast between the background area and the interface elements is improved by increasing the color brightness difference between the background area and the interface elements, and therefore the compatibility between the interface elements and the background area is guaranteed, and the visibility of the interface elements and the background area is further improved.
In some embodiments of the present application, the interface display apparatus 900 further includes:
the first determination module is used for determining the position information and the hierarchy information of the interface element in the display interface;
the second determining module is used for determining a target area in the target layer according to the position information and the hierarchy information, wherein the target area corresponds to the background area;
the identifying module 902 is further configured to identify color information of the target area.
According to the method and the device, the layer where the background area is located and the target area of the background area in the layer can be located through the level information and the position information of the interface element. And the color information of the background area in the display interface is obtained by collecting the color information of the target area, so that the accuracy of collecting the color information is improved, and the influence of the color information of the interface element on the collected color information of the background area is avoided.
In some embodiments of the application, the third determining module is further configured to determine, according to the hierarchical information of the interface element, a target layer corresponding to the background area;
and the third determining module is further used for determining a target area in the target layer according to the position information of the interface element.
In the embodiment of the application, the target layer where the background area is located through the level information of the interface element, and the target area is searched in the target layer according to the position information of the interface element. The accuracy of collecting the color information is improved, and the influence of the color information of the interface element on the collected color information of the background area is avoided.
The interface display device in the embodiment of the present application may be an electronic device, or may be a component in an electronic device, such as an integrated circuit or a chip. The electronic device may be a terminal, or may be a device other than a terminal. The electronic Device may be, for example, a Mobile phone, a tablet computer, a notebook computer, a palm top computer, a vehicle-mounted electronic Device, a Mobile Internet Device (MID), an Augmented Reality (AR)/Virtual Reality (VR) Device, a robot, a wearable Device, an ultra-Mobile personal computer (UMPC), a netbook or a Personal Digital Assistant (PDA), and the like, and may also be a server, a Network Attached Storage (NAS), a Personal Computer (PC), a Television (TV), a teller machine, a self-service machine, and the like, and the embodiments of the present application are not particularly limited.
The interface display device in the embodiment of the present application may be a device having an operating system. The operating system may be an Android operating system (Android), an iOS operating system, or other possible operating systems, which is not specifically limited in the embodiments of the present application.
The interface display device provided by the embodiment of the application can implement each process implemented by the method embodiment, and is not repeated here to avoid repetition.
Optionally, as shown in fig. 10, an electronic device 1000 is further provided in the embodiment of the present application, where the electronic device 1000 includes a processor 1002 and a memory 1004, and the memory 1004 stores a program or an instruction that can be executed on the processor 1002, and when the program or the instruction is executed by the processor 1002, the steps of the foregoing method embodiment are implemented, and the same technical effect can be achieved, and details are not repeated here to avoid repetition.
It should be noted that the electronic devices in the embodiments of the present application include the mobile electronic device and the non-mobile electronic device described above.
Fig. 11 is a schematic diagram of a hardware structure of an electronic device implementing an embodiment of the present application.
The electronic device 1100 includes, but is not limited to: a radio frequency unit 1101, a network module 1102, an audio output unit 1103, an input unit 1104, a sensor 1105, a display unit 1106, a user input unit 1107, an interface unit 1108, a memory 1109, a processor 1110, and the like.
Those skilled in the art will appreciate that the electronic device 1100 may further include a power source (e.g., a battery) for supplying power to the various components, and the power source may be logically connected to the processor 1110 via a power management system, so as to manage charging, discharging, and power consumption management functions via the power management system. The electronic device structure shown in fig. 11 does not constitute a limitation of the electronic device, and the electronic device may include more or less components than those shown, or combine some components, or arrange different components, and thus, the description is not repeated here.
The processor 1110 is configured to identify color information of a background area in the display interface when the display interface displays the interface element, where the background area is a background area of the interface element;
a processor 1110 for configuring a first display color of the interface element according to the color information.
Wherein the color information includes at least one of: color value, color saturation, color brightness.
According to the method and the device, the first display color of the interface element in the display interface is configured according to the color value, the color saturation and the color brightness of the background area in the display interface, so that the coordination between the interface element and the background area in the display interface is good, and the visibility of the interface element in the display interface is ensured.
Further, the processor 1110 is configured to perform gaussian blurring on the first color value of the background region, and determine a second color value;
a processor 1110 for configuring a display color of the interface element based on the second color value.
In the embodiment of the application, the first color value of the background area in the interface element is subjected to the Gaussian blur calculation to obtain the Gaussian blur color value, namely the second color value, of the background area. The first display color of the interface element is configured through the second color value, so that the display color of the interface element is matched with the display color of the background area in the display interface, and the overall harmony of the display content in the display interface is improved.
Further, the processor 1110 is configured to obtain a first color saturation of the background area;
a processor 1110, configured to adjust the first color saturation by using a preset scaling factor to obtain a second color saturation;
a processor 1110 for configuring a first display color of the interface element based on the second color saturation.
According to the method and the device, the first color saturation of the background area in the interface element is calculated according to the preset proportion coefficient, so that the second color saturation is obtained. The first display color of the interface element is configured through the second color saturation, so that the difference between the display color of the interface element and the display color of the background area in the display interface can be increased, and the visibility of the display content in the display interface is further improved.
Further, the processor 1110 is configured to obtain a first color brightness of the background area;
a processor 1110, configured to adjust the first color brightness by a preset increase/decrease coefficient to obtain a second color brightness;
a processor 1110 for configuring a first display color of the interface element according to the second color definition.
According to the embodiment of the application, the first color brightness of the background area in the interface element is calculated with the preset proportion coefficient, so that the second color brightness is obtained. The first display color of the interface element is configured through the second color brightness, so that the contrast between the display color of the interface element and the display color of the background area in the display interface can be increased, and the visibility of the display content in the display interface is further improved.
Further, the processor 1110 is configured to configure a first display color of the interface element according to a preset transparency.
In the embodiment of the application, the background area of the display interface is an interface main body which needs to be watched by a user, and the interface elements are labels, floating windows, controls and other elements which play a role in prompting. And setting the shielding degree of the interface element on the background area of the display interface to be adjusted by adjusting the transparency of the interface element. The transparency of the interface elements can be adjusted by a user, and after the user finishes setting the preset transparency, the transparency of the interface elements displayed in the display interface is set as the preset transparency.
Further, the processor 1110 is configured to obtain a color contrast between the background area and the interface element;
a processor 1110 for adjusting the second display color of the background region according to the color contrast.
According to the embodiment of the application, after the first display color of the interface element is configured, the color contrast of the interface element and the background area of the display interface is detected. And judging the visibility of the interface element in the display interface according to the color contrast, and if the visibility of the interface element is judged to be poor, adjusting the second display color of the background area in the display interface, so as to further improve the visibility of the interface element in the display interface.
Further, the processor 1110 is configured to adjust the color brightness of the background area to make the color contrast reach the preset contrast if the color contrast is smaller than the preset contrast.
The color brightness of the background area is adjusted, the color contrast between the background area and the interface elements is improved by increasing the color brightness difference between the background area and the interface elements, and therefore the compatibility between the interface elements and the background area is guaranteed, and the visibility of the interface elements and the background area is further improved.
Further, the processor 1110 is configured to determine position information and hierarchy information of the interface element in the display interface;
a processor 1110, configured to determine a target area in the target layer according to the position information and the hierarchy information, where the target area corresponds to the background area;
a processor 1110 for identifying color information of the target area.
According to the method and the device, the layer where the background area is located and the target area of the background area in the layer can be located through the level information and the position information of the interface element. And the color information of the background area in the display interface is obtained by collecting the color information of the target area, so that the accuracy of collecting the color information is improved, and the influence of the color information of the interface element on the collected color information of the background area is avoided.
Further, the processor 1110 is configured to determine, according to the hierarchical information of the interface element, a target layer corresponding to the background area;
and the processor 1110 is configured to determine a target area in the target layer according to the position information of the interface element.
In the embodiment of the application, the target layer where the background area is located through the level information of the interface element, and the target area is searched in the target layer according to the position information of the interface element. The accuracy of collecting the color information is improved, and the influence of the color information of the interface element on the collected color information of the background area is avoided.
It should be understood that in the embodiment of the present application, the input Unit 1104 may include a Graphics Processing Unit (GPU) 11041 and a microphone 11042, and the Graphics processor 11041 processes image data of still pictures or video obtained by an image capturing device (such as a camera) in a video capturing mode or an image capturing mode. The display unit 1106 may include a display panel 11061, and the display panel 11061 may be configured in the form of a liquid crystal display, an organic light emitting diode, or the like. The user input unit 1107 includes at least one of a touch panel 11071 and other input devices 11072. A touch panel 11071, also called a touch screen. The touch panel 11071 may include two portions of a touch detection device and a touch controller. Other input devices 11072 may include, but are not limited to, a physical keyboard, function keys (e.g., volume control keys, switch keys, etc.), a trackball, a mouse, and a joystick, which are not described in detail herein.
The memory 1109 may be used to store software programs as well as various data. The memory 1109 may mainly include a first storage area storing programs or instructions and a second storage area storing data, wherein the first storage area may store an operating system, an application program or instruction (such as a sound playing function, an image playing function, etc.) required for at least one function, and the like. Further, the memory 1109 may include volatile memory or nonvolatile memory, or the memory 1109 may include both volatile and nonvolatile memory. The non-volatile Memory may be a Read-Only Memory (ROM), a Programmable ROM (PROM), an Erasable PROM (EPROM), an Electrically Erasable PROM (EEPROM), or a flash Memory. The volatile Memory may be a Random Access Memory (RAM), a Static Random Access Memory (Static RAM, SRAM), a Dynamic Random Access Memory (Dynamic RAM, DRAM), a Synchronous Dynamic Random Access Memory (Synchronous DRAM, SDRAM), a Double Data Rate Synchronous Dynamic Random Access Memory (Double Data Rate SDRAM, ddr SDRAM), an Enhanced Synchronous SDRAM (ESDRAM), a Synchronous Link DRAM (SLDRAM), and a Direct Memory bus RAM (DRRAM). The memory 1109 in the embodiments of the present application includes, but is not limited to, these and any other suitable types of memory.
The embodiment of the present application further provides a readable storage medium, where a program or an instruction is stored on the readable storage medium, and when the program or the instruction is executed by a processor, the program or the instruction implements each process of the interface display method embodiment, and can achieve the same technical effect, and in order to avoid repetition, details are not repeated here.
The processor is the processor in the electronic device in the above embodiment. Readable storage media, including computer readable storage media such as computer read only memory ROM, random access memory RAM, magnetic or optical disks, and the like.
The embodiment of the present application further provides a chip, where the chip includes a processor and a communication interface, the communication interface is coupled to the processor, and the processor is configured to execute a program or an instruction to implement each process of the foregoing method embodiment, and the same technical effect can be achieved.
It should be understood that the chips mentioned in the embodiments of the present application may also be referred to as system-on-chip, system-on-chip or system-on-chip, etc.
Embodiments of the present application provide a computer program product, where the program product is stored in a storage medium, and the program product is executed by at least one processor to implement the processes in the foregoing interface display method embodiments, and can achieve the same technical effects, and in order to avoid repetition, details are not repeated here.
It should be noted that, in this document, the terms "comprises," "comprising," or any other variation thereof, are intended to cover a non-exclusive inclusion, such that a process, method, article, or apparatus that comprises a list of elements does not include only those elements but may include other elements not expressly listed or inherent to such process, method, article, or apparatus. Without further limitation, an element defined by the phrase "comprising an … …" does not exclude the presence of other like elements in a process, method, article, or apparatus that comprises the element. Further, it should be noted that the scope of the methods and apparatus of the embodiments of the present application is not limited to performing the functions in the order illustrated or discussed, but may include performing the functions in a substantially simultaneous manner or in a reverse order based on the functions involved, e.g., the methods described may be performed in an order different than that described, and various steps may be added, omitted, or combined. In addition, features described with reference to certain examples may be combined in other examples.
Through the above description of the embodiments, those skilled in the art will clearly understand that the method of the above embodiments can be implemented by software plus a necessary general hardware platform, and certainly can also be implemented by hardware, but in many cases, the former is a better implementation manner. Based on such understanding, the technical solutions of the present application may be embodied in the form of a computer software product, which is stored in a storage medium (such as ROM/RAM, magnetic disk, optical disk) and includes instructions for enabling a terminal (such as a mobile phone, a computer, a server, or a network device) to execute the method of the embodiments of the present application.
While the present embodiments have been described with reference to the accompanying drawings, it is to be understood that the invention is not limited to the precise embodiments described above, which are meant to be illustrative and not restrictive, and that various changes may be made therein by those skilled in the art without departing from the spirit and scope of the invention as defined by the appended claims.
Claims (12)
1. An interface display method, comprising:
identifying color information of a background area in a display interface under the condition that the display interface displays a bounding surface element, wherein the background area is the background area of the interface element;
configuring a first display color of the interface element according to the color information;
wherein the color information comprises at least one of: color value, color saturation, color brightness.
2. The interface display method of claim 1, wherein the color information includes the color value, and wherein configuring the first display color of the interface element according to the color information includes:
performing Gaussian blur on the first color value of the background area to determine a second color value;
and configuring a first display color of the interface element according to the second color value.
3. The interface display method of claim 1, wherein the color information comprises the color saturation, and wherein configuring the first display color of the interface element according to the color information comprises:
acquiring first color saturation of the background area;
adjusting the first color saturation through a preset proportion coefficient to obtain a second color saturation;
and configuring the first display color of the interface element according to the second color saturation.
4. The interface display method of claim 1, wherein the color information comprises the color definition, and wherein configuring the first display color of the interface element according to the color information comprises:
acquiring first color brightness of the background area;
adjusting the first color brightness through a preset increasing and decreasing coefficient to obtain a second color brightness;
configuring a first display color of the interface element according to the second color definition.
5. The interface display method according to any one of claims 1 to 4, further comprising, after identifying color information of a background area in the display interface in a case where the display interface displays the interface element:
and configuring a first display color of the interface element according to a preset transparency.
6. The interface display method according to any one of claims 1 to 4, further comprising, after configuring the first display color of the interface element according to the color information:
acquiring the color contrast between the background area and the interface element;
and adjusting the second display color of the background area according to the color contrast.
7. The interface display method according to claim 6, wherein said adjusting the second display color of the background region according to the color contrast comprises:
and under the condition that the color contrast is smaller than a preset contrast, adjusting the color brightness of the background area to enable the color contrast to reach the preset contrast.
8. The interface display method according to any one of claims 1 to 4, wherein the identifying color information of a background area in the display interface in the case where the display interface displays a bounding surface element comprises:
determining position information and hierarchy information of the interface element in the display interface;
determining a target area in a target layer according to the position information and the level information, wherein the target area corresponds to the background area;
identifying the color information of the target region.
9. The interface display method according to claim 8, wherein the determining a target area in a target layer according to the position information and the hierarchy information includes:
determining the target layer corresponding to the background area according to the level information of the interface element;
and determining the target area in the target layer according to the position information of the interface element.
10. An interface display device, comprising:
the identification module is used for identifying color information of a background area in a display interface under the condition that the display interface displays a boundary element, wherein the background area is the background area of the interface element;
a configuration module, configured to configure a first display color of the interface element according to the color information:
wherein the color information comprises at least one of: color value, color saturation, color brightness.
11. An electronic device, comprising:
a memory having a program or instructions stored thereon;
a processor for implementing the steps of the interface display method of any one of claims 1 to 9 when executing the program or instructions.
12. A readable storage medium on which a program or instructions are stored, the program or instructions, when executed by a processor, implementing the steps of the interface display method according to any one of claims 1 to 9.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202111604626.XA CN114327715A (en) | 2021-12-24 | 2021-12-24 | Interface display method, interface display device, electronic equipment and readable storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202111604626.XA CN114327715A (en) | 2021-12-24 | 2021-12-24 | Interface display method, interface display device, electronic equipment and readable storage medium |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN114327715A true CN114327715A (en) | 2022-04-12 |
Family
ID=81013678
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202111604626.XA Pending CN114327715A (en) | 2021-12-24 | 2021-12-24 | Interface display method, interface display device, electronic equipment and readable storage medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN114327715A (en) |
Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US8264499B1 (en) * | 2009-06-02 | 2012-09-11 | Sprint Communications Company L.P. | Enhancing viewability of information presented on a mobile device |
| CN106445501A (en) * | 2016-08-30 | 2017-02-22 | 深圳天珑无线科技有限公司 | Display method of notification bar, and terminal |
-
2021
- 2021-12-24 CN CN202111604626.XA patent/CN114327715A/en active Pending
Patent Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US8264499B1 (en) * | 2009-06-02 | 2012-09-11 | Sprint Communications Company L.P. | Enhancing viewability of information presented on a mobile device |
| CN106445501A (en) * | 2016-08-30 | 2017-02-22 | 深圳天珑无线科技有限公司 | Display method of notification bar, and terminal |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN111654635A (en) | Shooting parameter adjusting method and device and electronic equipment | |
| CN108701351B (en) | Image display enhancement method and device | |
| CN110070551B (en) | Video image rendering method and device and electronic equipment | |
| US20180159971A1 (en) | Method and apparatus for generating unlocking interface, and electronic device | |
| CN110084204B (en) | Image processing method and device based on target object posture and electronic equipment | |
| CN109298912B (en) | Theme color adjusting method and device, storage medium and electronic equipment | |
| US11068119B2 (en) | Optimizing an arrangement of content on a display of a user device based on user focus | |
| CN112308797A (en) | Corner detection method and device, electronic equipment and readable storage medium | |
| CN113822817A (en) | Document image enhancement method and device and electronic equipment | |
| CN112269522A (en) | Image processing method, image processing device, electronic equipment and readable storage medium | |
| CN110737417B (en) | Demonstration equipment and display control method and device of marking line of demonstration equipment | |
| KR101764998B1 (en) | Method and system for filtering image | |
| CN109766530B (en) | Method and device for generating chart frame, storage medium and electronic equipment | |
| CN108763491B (en) | Picture processing method and device and terminal equipment | |
| CN113393391B (en) | Image enhancement method, image enhancement device, electronic apparatus, and storage medium | |
| CN114518859A (en) | Display control method, display control device, electronic equipment and storage medium | |
| CN113794831B (en) | Video shooting method, device, electronic equipment and medium | |
| CN114327715A (en) | Interface display method, interface display device, electronic equipment and readable storage medium | |
| CN112529766B (en) | Image processing method and device and electronic equipment | |
| CN114758054A (en) | Light spot adding method, device, equipment and storage medium | |
| CN112511890A (en) | Video image processing method and device and electronic equipment | |
| CN110910307B (en) | Image processing method, device, terminal and storage medium | |
| CN117631932A (en) | Screenshot method and device, electronic equipment and computer readable storage medium | |
| CN113888396A (en) | Image display method, image display device, electronic device, and storage medium | |
| CN112508774A (en) | Image processing method and device |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination |