CN111399965A - User interface compatible display method and device, equipment and storage medium - Google Patents
User interface compatible display method and device, equipment and storage medium Download PDFInfo
- Publication number
- CN111399965A CN111399965A CN202010298348.9A CN202010298348A CN111399965A CN 111399965 A CN111399965 A CN 111399965A CN 202010298348 A CN202010298348 A CN 202010298348A CN 111399965 A CN111399965 A CN 111399965A
- Authority
- CN
- China
- Prior art keywords
- color
- color information
- graphic item
- item
- determining
- 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
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T7/00—Image analysis
- G06T7/90—Determination of colour characteristics
Abstract
The embodiment of the application discloses a user interface UI compatible display method, a device, equipment and a storage medium, wherein the method comprises the following steps: determining first color information of at least one graphic item of the UI; determining second color information of a background area where the at least one graphic item is located; wherein the background area is part or all of a foreground application interface; determining a color contrast of the at least one graphic item with the background region according to the first color information and the second color information; adjusting the color of the at least one graphical item to make the at least one graphical item visible on the background region if the color contrast is less than or equal to a particular threshold.
Description
Technical Field
The embodiment of the application relates to electronic technology, and relates to but is not limited to a user interface compatible display method, a user interface compatible display device, user interface compatible display equipment and a storage medium.
Background
With the technical development of electronic devices such as mobile terminals, computers, tablet computers, televisions and the like, most User Interfaces (UI) have the advantages of being User-friendly, attractive, easy to use and the like. For the convenience of the user, when the user opens a certain Application (APP), the UI is displayed on top of the Application interface. For example, as shown in fig. 1, the UI includes graphic items of a menu key 101, a home key 102, and a return key 103; these keys of the UI are typically displayed in the bottom area of the application interface 104 in order not to interfere with the user's browsing and touching of the application interface 104.
However, a user typically switches different applications while using the electronic device. For example, a user chats with a friend through a chat application, then opens a certain short video application, browses short videos uploaded by other users, and at the moment, a UI is displayed on various currently displayed short video interfaces; the user then opens the shopping application to browse the desired items for purchase, with the UI now displayed on the various currently displayed item interfaces, and so on. It can be seen that graphical items of the UI encounter a wide variety of application interfaces during use of the electronic device by a user. Therefore, how to make the graphical items of the UI always visible to the user becomes a problem to be solved.
Disclosure of Invention
The embodiment of the application provides a user interface compatible display method, a user interface compatible display device, user interface compatible display equipment and a storage medium.
The technical scheme of the embodiment of the application is realized as follows:
in a first aspect, an embodiment of the present application provides a user interface compatible display method, where the method includes: determining first color information of at least one graphic item of the UI; determining second color information of a background area where the at least one graphic item is located; wherein the background area is part or all of a foreground application interface; determining a color contrast of the at least one graphic item with the background region according to the first color information and the second color information; adjusting the color of the at least one graphical item to make the at least one graphical item visible on the background region if the color contrast is less than or equal to a particular threshold.
In a second aspect, an embodiment of the present application provides a user interface compatible display apparatus, including: a determination module to determine first color information of at least one graphical item of the UI; the determining module is further configured to determine second color information of a background area where the at least one graphic item is located; wherein the background area is part or all of a foreground application interface; the determining module is further configured to determine a color contrast of the at least one graphic item with the background area according to the first color information and the second color information; an adjustment module to adjust a color of the at least one graphical item to make the at least one graphical item visible on the background region if the color contrast is less than or equal to a particular threshold.
In a third aspect, an embodiment of the present application provides an electronic device, which includes a memory and a processor, where the memory stores a computer program that is executable on the processor, and the processor implements, when executing the computer program, a step in any user interface compatible display method according to the embodiment of the present application.
In a fourth aspect, an embodiment of the present application provides a computer-readable storage medium, on which a computer program is stored, where the computer program, when executed by a processor, implements the steps in the UI-compatible display method of any one of the embodiments of the present application.
In the embodiment of the application, when the color contrast between at least one graphic item of the UI and a background area (i.e., part or all of a foreground application interface) where the graphic item is located is less than or equal to a specific threshold, the electronic device adjusts the color of the at least one graphic item to make the at least one graphic item visible on the background area; therefore, on one hand, the problem that the UI is invisible due to small color contrast when encountering various foreground application interfaces is solved; on the other hand, the electronic device adjusts the color of the at least one graphical item upon determining that the color contrast is less than or equal to the particular threshold; otherwise, no color adjustment is performed. Therefore, the preference of the user can be reserved, and the computing resources of the electronic equipment can be saved, so that the processing power consumption of the electronic equipment is reduced.
Drawings
FIG. 1 is a schematic view of a display screen of an electronic device according to an embodiment of the present disclosure;
FIG. 2 is a schematic view illustrating an implementation process of a user interface compatible display method according to an embodiment of the present application;
FIG. 3 is a schematic flow chart illustrating an implementation of another user interface compatible display method according to an embodiment of the present application;
FIG. 4 is a schematic diagram illustrating a comparison between display screen effects before and after color adjustment according to an embodiment of the present disclosure;
FIG. 5 is a schematic flow chart illustrating an implementation of another user interface compatible display method according to an embodiment of the present application;
FIG. 6 is a schematic diagram illustrating a principle of a method for obtaining display data of a foreground application interface according to an embodiment of the present disclosure;
FIG. 7 is a schematic flow chart illustrating an implementation of another user interface compatible display method according to the embodiment of the present application;
FIG. 8 is a schematic structural diagram of a user interface compatible display device according to an embodiment of the present application;
fig. 9 is a hardware entity diagram of an electronic device according to an embodiment of the present application.
Detailed Description
In order to make the objects, technical solutions and advantages of the embodiments of the present application clearer, specific technical solutions of the present application will be described in further detail below with reference to the accompanying drawings in the embodiments of the present application. The following examples are intended to illustrate the present application but are not intended to limit the scope of the present application.
Unless defined otherwise, all technical and scientific terms used herein have the same meaning as commonly understood by one of ordinary skill in the art to which this application belongs. The terminology used herein is for the purpose of describing embodiments of the present application only and is not intended to be limiting of the application.
In the following description, reference is made to "some embodiments" which describe a subset of all possible embodiments, but it is understood that "some embodiments" may be the same subset or different subsets of all possible embodiments, and may be combined with each other without conflict.
It should be noted that the terms "first \ second \ third" referred to in the embodiments of the present application are only used for distinguishing similar objects and do not represent a specific ordering for the objects, and it should be understood that "first \ second \ third" may be interchanged under specific ordering or sequence if allowed, so that the embodiments of the present application described herein can be implemented in other orders than illustrated or described herein.
The UI compatible display method provided by the embodiment of the application can be applied to electronic devices, and the electronic devices can be various types of devices with display functions in the implementation process, for example, the electronic devices can include an intelligent mobile terminal (e.g., a mobile phone), a tablet computer, an electronic book, a notebook computer, a desktop computer, and the like. The functions implemented by the method can be implemented by calling program code by a processor in the electronic device, and the program code can be stored in a computer storage medium.
An embodiment of the present application provides a UI compatibility display method, fig. 2 is a schematic view of an implementation flow of the UI compatibility display method according to the embodiment of the present application, and as shown in fig. 2, the method may include the following steps 201 to 204:
It should be noted that the graphic item is any item on the UI. For example, there may be various types of menu keys, scroll bars, control buttons, text strings or icons, and the like. The first color information may include various contents, for example, the first color information includes a Red Green Blue (RGB) value or other color value of each pixel of the at least one graphic item, and the like.
The second color information may comprise a dominant color array of the background region, and may also comprise color information of other pixels in the background region than the pixel position of the at least one graphic item, for example, comprising RGB values of the other pixels.
In some embodiments, the electronic device may separately determine a color contrast of each graphical item to the background region, and then adjust the color of the graphical item having a color contrast less than or equal to a particular threshold to make the graphical item visible on the background region.
Of course, in other embodiments, the electronic device may further determine a color contrast with the background area for the at least one graphic item as a whole, and then perform color adjustment for the at least one graphic item as a whole to make the adjusted at least one graphic item visible on the background area if the color contrast is less than or equal to a specific threshold.
In the case that the color contrast is less than or equal to a certain threshold, the color of the at least one graphic item is adjusted to make the at least one graphic item visible on the background area, step 204.
In some embodiments, when the color contrast is greater than the specific threshold, the process returns to step 201 to detect whether the color contrast between the at least one graphical item of the UI and the background area where the graphical item of the UI is located is less than or equal to the specific threshold again, so as to implement real-time monitoring and automatic adjustment of the UI, so that the UI can be compatibly displayed on a changeable foreground application interface better, and further avoid that the user experience is reduced due to unclear or invisible display of the graphical item of the UI.
In some embodiments, the timing for the electronic device to return to performing step 201 may be when a display update is detected. For example, when detecting that the display screen is not updated, the electronic device does not return to perform step 201 for the moment, but does not return until the display screen is updated. In other embodiments, the electronic device returns to execute step 201 after a certain time period.
In an embodiment of the present application, in a case that a color contrast between at least one graphic item of the UI and a background region (i.e., a part or all of a foreground application interface) where the graphic item is located is less than or equal to a specific threshold, the electronic device adjusts a color of the at least one graphic item to make the at least one graphic item visible on the background region; therefore, on one hand, the problem that the UI is invisible due to small color contrast when encountering various foreground application interfaces is solved; on the other hand, the electronic device adjusts the color of the at least one graphical item upon determining that the color contrast is less than or equal to the particular threshold; otherwise, color adjustment is not performed, so that not only can the preference of the user be reserved, but also the computing resources of the electronic equipment can be saved, and the processing power consumption of the electronic equipment is reduced.
Fig. 3 is a schematic flow chart illustrating an implementation of another UI compatible method according to an embodiment of the present application, and as shown in fig. 3, the method may include the following steps 301 to 306:
step 302, determining the hierarchy and position of the at least one graphic item on the current display screen.
The position of the graphic item on the current display screen may be a pixel area covered by the current display screen, or may be a pixel coordinate of any pixel point (e.g., a center point) of the graphic item on the current display screen. In implementation, the electronic device may determine the hierarchy in which the at least one graphic item is located by reading the hierarchical configuration information of the current display.
And 303, capturing a picture according to the level and the position of the at least one graphic item on the current display picture to obtain other layers except the layer where the at least one graphic item is located.
In some embodiments, the electronic device may obtain, when detecting that the display screen is updated, the screenshot from other layers except for the layer where the at least one graphic item is located. For example, the electronic device may detect whether to start a synthesis process of a picture to be displayed; if yes, periodically determining the level and the position of the at least one graphic item on the current display picture according to a specific frequency, and acquiring other layers except the layer where the at least one graphic item is located according to the level and the position of the at least one graphic item on the current display picture by screenshot; otherwise, the screenshot is not performed.
The electronic equipment determines whether the display picture is updated or not by detecting whether the synthesis process of the picture to be displayed is started or not, so that the screenshot operation is more timely, a user cannot perceive color adjustment, and user experience is improved. Generally, the specific frequency is set to 300 milliseconds, but of course, the specific frequency may be set to other values.
In implementation, the area of the at least one graphic item in the other layer may be intercepted according to the position of the graphic item, and the area is used as a background area.
It should be noted that, in the embodiment of the present application, the electronic device does not limit the execution order of the first color information for determining at least one graphic item of the UI and the second color information for determining the background area where the graphic item is located. The electronic device may determine the first color information first and then determine the second color information; or the second color information can be determined first, and then the first color information can be determined; the electronic device may also determine the two color information in parallel.
in the event that the color contrast is less than or equal to a particular threshold, the color of the at least one graphic item is adjusted to make the at least one graphic item visible over the background region, step 306.
In implementations, the electronic device may adjust the color of the at least one graphical item in preconfigured color increments. For example, as shown in fig. 4, prior to adjustment, the graphical items 401 to 403 of the UI are displayed in white on a white background area 404, which results in the graphical items being hidden from view. In this case, the electronic device may adjust the color of the graphical items to black or other colors when the graphical items are clearly visible on the background area 404 of the foreground application interface 40.
The electronic device may also be in such a case, that is: and when the current color of the at least one graphic item is not the user-defined color and the contrast between the user-defined color and the color of the background area is greater than a specific threshold value, the current color of the at least one graphic item is adjusted back to the user-defined color, so that the user preference is met.
It can be understood that, in most cases, the application running in the foreground of the electronic device is a third-party application, and the foreground application interface is constantly changing, which makes it difficult for the electronic device to quickly obtain the second color information of the background area. Based on this, in the embodiment of the application, the other layers except the layer where the at least one graphic item is located in the current display picture are obtained in a screenshot manner, so that the second color information of the background area is quickly determined according to the color information of the other layers and the position where the at least one graphic item is located, and further color adjustment of the graphic item can be realized without perception of a user, that is, the user does not perceive that the graphic item is changed from one color to another color.
An embodiment of the present application provides a UI compatibility display method, fig. 5 is a schematic view illustrating an implementation flow of another UI compatibility method according to an embodiment of the present application, and as shown in fig. 5, the method may include the following steps 501 to 506:
In implementation, when the electronic device performs picture composition, the display data of the synthesized picture, that is, the current display picture, is written back to the cache, so that the electronic device reads back the display data of the current display picture from the cache. In order to reduce the information redundancy of the cache, the electronic equipment can directly overwrite the display data of the current display picture with the historical display data stored in the cache when writing back, or the electronic equipment deletes the historical display data in the cache before writing back.
in some embodiments, the display data comprises position information and color information for each first pixel of the current display; the position of the at least one graphic item comprises position information of each second pixel of the at least one graphic item; the first color information of the at least one graphic item includes color information of the each second pixel; accordingly, when the electronic device implements step 504, the electronic device may perform corresponding position subtraction on the color information of each first pixel and the color information of each second pixel according to the position information of each first pixel and the position information of each second pixel, so as to obtain the second color information of the background area.
For example, as shown in fig. 6, the current display screen 60 includes a foreground application interface 601 and a graphical item 602 of the UI, and when the corresponding positions of the foreground application interface 601 and the UI are subtracted from each other, display data of the foreground application interface 601 is obtained; based on this, the electronic device may determine a background area on the foreground application interface according to the position of the at least one graphic item, so as to obtain second color information of the background area. Of course, the foreground application interface may be used as the background area, but when determining the color contrast, the dominant color array needs to be extracted from the second color information, and the color contrast is determined based on the dominant color array and the first color information.
And 505, determining the color contrast of the at least one graphic item and the background area according to the first color information and the second color information.
In this implementation, the electronic device may determine a color contrast between the first color information and the second color information, and use this value as the color contrast ultimately output in step 505. In another embodiment, the electronic device may further extract the dominant color array included in the first color information and the dominant color array included in the second color information, and then determine the color contrast between the two dominant color arrays, and use the value as the color contrast finally output in step 505.
In the event that the color contrast is less than or equal to a particular threshold, the color of the at least one graphic item is adjusted to make the at least one graphic item visible on the background region, step 506.
Fig. 7 is a schematic flow chart illustrating an implementation of another UI compatibility method according to an embodiment of the present application, and as shown in fig. 7, the method may include the following steps 701 to 708:
It should be noted that the timing when the electronic device returns to execute step 701 may be when the display screen update is detected. For example, when detecting that the display screen is not updated, the electronic device does not return to perform step 701 for the moment, but does not return until the display screen is updated. In other embodiments, the timing for the electronic device to return to execute step 701 may also be after a certain time period.
In some embodiments, a color contrast between the first color information and each color information in the historical color list, respectively, may be determined, and when any color contrast determined herein is less than or equal to a particular threshold, the first color information is determined to match the color information in the historical color list; when the color contrast determined here is greater than a certain threshold, it is determined that the two do not match.
In some embodiments, the electronic device may select target color information from the historical color list having a color contrast with the second color information greater than a particular threshold; then, a current color of the at least one graphic item is adjusted according to the target color information.
When the method is implemented, when the electronic device includes target color information of multiple colors in the historical color list, the current color of the at least one graphic item can be adjusted according to the target color information recently defined by the user; alternatively, the electronic device may first determine the number of same target color information (i.e., same color items) in the historical color list, and then adjust the current color of the at least one graphic item to the color corresponding to the maximum number. This is because the maximum number of corresponding colors may be the most preferred color for the user, and thus the adjustment result is more in line with the user's preference.
When only color information of one color is included in the historical color list, if the color contrast of the color information and the second color information of the background area is greater than a certain threshold, the current color of the at least one graphic item is adjusted to the color recorded in the historical color list.
It should be noted that the timing when the electronic device returns to execute step 701 may be when the display screen update is detected. For example, when detecting that the display screen is not updated, the electronic device does not return to perform step 701 for the moment, but does not return until the display screen is updated. In other embodiments, the timing for the electronic device to return to execute step 701 may also be after a certain time period.
In the embodiment of the application, under the condition that the color contrast is greater than the specific threshold, if the color information of the at least one graphic item is not matched with the user-defined color information, the current color of the at least one graphic item is adjusted back to the user-defined color, so that the color preference of the user is met, and the use experience of the user is further improved.
Generally, the color of a UI customized by an Operating System (OS) is usually fixed and invariable, and thus, the following problems are encountered: if the underlying color of the UI is close, the UI customized by the OS will be obscured. For example, if the color of the UI display is gray, then if the dominant color of the interface that opens a three-party application is also dark at this time, the OS-customized UI color will appear unclear, resulting in the user not being able to see the graphical items on the UI.
Based on this, an exemplary application of the embodiment of the present application in a practical application scenario will be described below.
And screenshot is carried out on the UI display area customized by the OS, the RGB value of the screenshot area is calculated after screenshot is carried out, and if the screenshot area is found to be similar to the color of the UI, a contrast color is reset for the UI so that the UI can be seen in the area.
Note that the timing of the OS screen capture: the screenshot can be performed when the picture is updated; frequency of screen capture: screenshot is carried out once in 300 ms; and (3) not intercepting the UI customized by the OS during screenshot, namely acquiring other layers except the UI during screenshot.
In the embodiment of the application, a screenshot is performed on a certain area of a screen, the RGB value of the area is calculated, and whether the current UI display can be clearly seen by a user or not is determined by comparing the RGB value of the area with the RGB value of the current UI display. If the difference between the RGB values of the two is less than or equal to a certain threshold, then the color of the current UI display is adjusted, thereby implementing color adaptation of the OS customized UI, so that the user can clearly see the OS customized UI under whatever interface.
Based on the foregoing embodiments, an embodiment of the present application provides a user interface compatible display apparatus, where the apparatus includes modules and units included in the modules, and may be implemented by a processor in an electronic device; of course, the implementation can also be realized through a specific logic circuit; in implementation, the processor may be a Central Processing Unit (CPU), a Microprocessor (MPU), a Digital Signal Processor (DSP), a Field Programmable Gate Array (FPGA), or the like.
Fig. 8 is a schematic structural diagram of a user interface compatible display device according to an embodiment of the present application, and as shown in fig. 8, the device 800 includes a determining module 801 and an adjusting module 802, where:
a determining module 801 for determining first color information of at least one graphic item of the UI;
a determining module 801, configured to determine second color information of a background area where the at least one graphic item is located; wherein the background area is part or all of a foreground application interface;
a determining module 801, configured to determine a color contrast of the at least one graphic item with the background area according to the first color information and the second color information;
an adjusting module 802 for adjusting a color of the at least one graphic item to make the at least one graphic item visible on the background region if the color contrast is less than or equal to a certain threshold.
In some embodiments, the determining module 801 includes a screenshot obtaining unit and a first determining unit; the screenshot obtaining unit is used for obtaining other layers except the layer where the at least one graphic item is located according to the level and the position where the at least one graphic item is located on the current display picture; the first determining unit is configured to determine second color information of the background area according to the position of the at least one graphic item and the color information of the other image layers.
In some embodiments, the screenshot obtaining unit is configured to, when it is detected that the display screen is updated, obtain, by screenshot, another layer except for the layer where the at least one graphic item is located.
In some embodiments, the screenshot obtaining unit is configured to: detecting whether a synthesis process of a picture to be displayed is started or not; if yes, according to the specific frequency, the other layers except the layer where the at least one graphic item is located are obtained through screenshot according to the hierarchy and the position where the at least one graphic item is located on the current display picture periodically.
In some embodiments, the determination module 801 includes a read-back unit, a position acquisition unit, and a second determination unit; the reading-back unit is used for reading back the display data of the current display picture from the cache; the position acquisition unit is used for acquiring the position of the at least one graphic item on the current display screen; and the second determining unit is used for determining second color information of the background area according to the display data, the position of the at least one graphic item and the first color information of the at least one graphic item.
In some embodiments, the display data comprises position information and color information for each first pixel of the current display; the position of the at least one graphic item comprises position information of each second pixel of the at least one graphic item; the first color information of the at least one graphic item includes color information of the each second pixel; correspondingly, the second determining unit is configured to perform corresponding position subtraction on the color information of each first pixel and the color information of each second pixel according to the position information of each first pixel and the position information of each second pixel, so as to obtain the second color information of the background area.
In some embodiments, the determining module 801 is further configured to, if the color contrast is greater than the specific threshold, obtain a historical color list of the at least one graphic item, where the historical color list includes color information customized by a user at least one historical time; determining whether the first color information matches color information in the historical color list; the adjusting module 802 is further configured to adjust a current color of the at least one graphic item according to the color information in the historical color list if the color information does not match.
The above description of the apparatus embodiments, similar to the above description of the method embodiments, has similar beneficial effects as the method embodiments. For technical details not disclosed in the embodiments of the apparatus of the present application, reference is made to the description of the embodiments of the method of the present application for understanding.
It should be noted that, in the embodiment of the present application, if the user interface compatible display method is implemented in the form of a software functional module and is sold or used as a standalone product, the user interface compatible display method may also be stored in a computer readable storage medium. Based on such understanding, the technical solutions of the embodiments of the present application may be embodied in the form of a software product, which is stored in a storage medium and includes several instructions for enabling an electronic device (which may be an intelligent mobile terminal (e.g., a mobile phone), a tablet computer, an electronic book, a notebook computer, a desktop computer, etc.) to execute all or part of the methods described in the embodiments of the present application. And the aforementioned storage medium includes: various media capable of storing program codes, such as a usb disk, a removable hard disk, a Read Only Memory (ROM), a magnetic disk, or an optical disk. Thus, embodiments of the present application are not limited to any specific combination of hardware and software.
Correspondingly, an embodiment of the present application provides an electronic device, fig. 9 is a schematic diagram of a hardware entity of the electronic device according to the embodiment of the present application, and as shown in fig. 9, the hardware entity of the electronic device 900 includes: comprising a memory 901 and a processor 902, said memory 901 storing a computer program operable on the processor 902, said processor 902 when executing said program implementing the steps in the user interface compatible display method provided in the above described embodiments.
The memory 901 is configured to store instructions and applications executable by the processor 902, and may also buffer data (e.g., image data, audio data, voice communication data, and video communication data) to be processed or already processed by the processor 902 and modules in the electronic device 900, and may be implemented by a flash memory (F L ASH) or a Random Access Memory (RAM).
Correspondingly, the embodiment of the present application provides a computer-readable storage medium, on which a computer program is stored, and the computer program, when executed by a processor, implements the steps in the user interface compatible display method provided in the above embodiment.
Here, it should be noted that: the above description of the storage medium and device embodiments is similar to the description of the method embodiments above, with similar advantageous effects as the method embodiments. For technical details not disclosed in the embodiments of the storage medium and apparatus of the present application, reference is made to the description of the embodiments of the method of the present application for understanding.
It should be appreciated that reference throughout this specification to "one embodiment" or "an embodiment" means that a particular feature, structure or characteristic described in connection with the embodiment is included in at least one embodiment of the present application. Thus, the appearances of the phrases "in one embodiment" or "in an embodiment" in various places throughout this specification are not necessarily all referring to the same embodiment. Furthermore, the particular features, structures, or characteristics may be combined in any suitable manner in one or more embodiments. It should be understood that, in the various embodiments of the present application, the sequence numbers of the above-mentioned processes do not mean the execution sequence, and the execution sequence of each process should be determined by its function and inherent logic, and should not constitute any limitation to the implementation process of the embodiments of the present application. The above-mentioned serial numbers of the embodiments of the present application are merely for description and do not represent the merits of the embodiments.
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.
In the several embodiments provided in the present application, it should be understood that the disclosed apparatus and method may be implemented in other ways. The above-described device embodiments are merely illustrative, for example, the division of the unit is only a logical functional division, and there may be other division ways in actual implementation, such as: multiple units or components may be combined, or may be integrated into another system, or some features may be omitted, or not implemented. In addition, the coupling, direct coupling or communication connection between the components shown or discussed may be through some interfaces, and the indirect coupling or communication connection between the devices or units may be electrical, mechanical or other forms.
The units described as separate parts may or may not be physically separate, and parts displayed as units may or may not be physical units; can be located in one place or distributed on a plurality of network units; some or all of the units can be selected according to actual needs to achieve the purpose of the solution of the embodiment.
In addition, all functional units in the embodiments of the present application may be integrated into one processing unit, or each unit may be separately regarded as one unit, or two or more units may be integrated into one unit; the integrated unit can be realized in a form of hardware, or in a form of hardware plus a software functional unit.
Those of ordinary skill in the art will understand that: all or part of the steps for realizing the method embodiments can be completed by hardware related to program instructions, the program can be stored in a computer readable storage medium, and the program executes the steps comprising the method embodiments when executed; and the aforementioned storage medium includes: various media that can store program codes, such as a removable Memory device, a Read Only Memory (ROM), a magnetic disk, or an optical disk.
Alternatively, the integrated units described above in the present application may be stored in a computer-readable storage medium if they are implemented in the form of software functional modules and sold or used as independent products. Based on such understanding, the technical solutions of the embodiments of the present application may be embodied in the form of a software product, which is stored in a storage medium and includes several instructions for enabling an electronic device (which may be an intelligent mobile terminal (e.g., a mobile phone), a tablet computer, an electronic book, a notebook computer, a desktop computer, etc.) to execute all or part of the methods described in the embodiments of the present application. And the aforementioned storage medium includes: a removable storage device, a ROM, a magnetic or optical disk, or other various media that can store program code.
The methods disclosed in the several method embodiments provided in the present application may be combined arbitrarily without conflict to obtain new method embodiments.
Features disclosed in several of the product embodiments provided in the present application may be combined in any combination to yield new product embodiments without conflict.
The features disclosed in the several method or apparatus embodiments provided in the present application may be combined arbitrarily, without conflict, to arrive at new method embodiments or apparatus embodiments.
The above description is only for the embodiments of the present application, but the scope of the present application is not limited thereto, and any person skilled in the art can easily conceive of changes or substitutions within the technical scope of the present application, and shall be covered by the scope of the present application. Therefore, the protection scope of the present application shall be subject to the protection scope of the claims.
Claims (10)
1. A User Interface (UI) compatible display method is characterized by comprising the following steps:
determining first color information of at least one graphic item of the UI;
determining second color information of a background area where the at least one graphic item is located; wherein the background area is part or all of a foreground application interface;
determining a color contrast of the at least one graphic item with the background region according to the first color information and the second color information;
adjusting the color of the at least one graphical item to make the at least one graphical item visible on the background region if the color contrast is less than or equal to a particular threshold.
2. The method of claim 1, wherein determining the second color information of the background region in which the at least one graphic item is located comprises:
capturing a picture according to the level and the position of the at least one graphic item on the current display picture to obtain other picture layers except the picture layer where the at least one graphic item is located;
and determining second color information of the background area according to the position of the at least one graphic item and the color information of the other image layers.
3. The method according to claim 2, wherein the capturing the screenshot for layers other than the layer in which the at least one graphical item is located comprises:
and when the display picture is detected to be updated, the screenshot acquires other layers except the layer where the at least one graphic item is located.
4. The method according to claim 3, wherein the capturing of the screenshot to obtain layers other than the layer in which the at least one graphical item is located when the display update is detected comprises:
detecting whether a synthesis process of a picture to be displayed is started or not; if yes, according to the specific frequency, the other layers except the layer where the at least one graphic item is located are obtained through screenshot according to the hierarchy and the position where the at least one graphic item is located on the current display picture periodically.
5. The method of claim 1, wherein determining the second color information of the background region in which the at least one graphic item is located comprises:
reading back the display data of the current display picture from the cache;
acquiring the position of the at least one graphic item on the current display screen;
and determining second color information of the background area according to the display data, the position of the at least one graphic item and the first color information of the at least one graphic item.
6. The method according to claim 5, wherein the display data includes position information and color information of each first pixel of the current display screen; the position of the at least one graphic item comprises position information of each second pixel of the at least one graphic item; the first color information of the at least one graphic item includes color information of the each second pixel;
correspondingly, the determining the second color information of the background area according to the display data, the position of the at least one graphic item and the first color information of the at least one graphic item includes:
and performing corresponding position subtraction on the color information of each first pixel and the color information of each second pixel according to the position information of each first pixel and the position information of each second pixel, so as to obtain second color information of the background area.
7. The method according to any one of claims 1 to 6, further comprising:
obtaining a historical color list of the at least one graphic item when the color contrast is greater than the particular threshold, the historical color list including user-defined color information at least one historical time;
determining whether the first color information matches color information in the historical color list;
if not, adjusting the current color of the at least one graphic item according to the color information in the historical color list.
8. A user interface, UI, compatible display device, comprising:
a determination module to determine first color information of at least one graphical item of the UI;
the determining module is further configured to determine second color information of a background area where the at least one graphic item is located; wherein the background area is part or all of a foreground application interface;
the determining module is further configured to determine a color contrast of the at least one graphic item with the background area according to the first color information and the second color information;
an adjustment module to adjust a color of the at least one graphical item to make the at least one graphical item visible on the background region if the color contrast is less than or equal to a particular threshold.
9. An electronic device comprising a memory and a processor, the memory storing a computer program operable on the processor, wherein the processor implements the steps in the user interface, UI, compatible display method of any of claims 1 to 7 when executing the program.
10. 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 user interface UI compatible display method of any one of claims 1 to 7.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010298348.9A CN111399965A (en) | 2020-04-16 | 2020-04-16 | User interface compatible display method and device, equipment and storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010298348.9A CN111399965A (en) | 2020-04-16 | 2020-04-16 | User interface compatible display method and device, equipment and storage medium |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN111399965A true CN111399965A (en) | 2020-07-10 |
Family
ID=71433172
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202010298348.9A Pending CN111399965A (en) | 2020-04-16 | 2020-04-16 | User interface compatible display method and device, equipment and storage medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN111399965A (en) |
Cited By (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113362400A (en) * | 2021-06-30 | 2021-09-07 | 平安普惠企业管理有限公司 | User interface color matching detection method, device, equipment and storage medium |
| CN114063850A (en) * | 2021-11-12 | 2022-02-18 | 北京字跳网络技术有限公司 | Client skin configuration method, device, equipment and medium |
| CN114880058A (en) * | 2022-04-29 | 2022-08-09 | 安徽帕觅智能科技有限公司 | Method and system for color matching of android system screen |
| CN116932118A (en) * | 2023-09-11 | 2023-10-24 | 广州中望龙腾软件股份有限公司 | Color adjustment method and device for graphic primitive, computer equipment and storage medium |
Citations (10)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101021790A (en) * | 2007-03-09 | 2007-08-22 | 华为技术有限公司 | User interface changing method and system |
| US20130019171A1 (en) * | 2011-07-11 | 2013-01-17 | International Business Machines Corporation | Automating execution of arbitrary graphical interface applications |
| CN104657037A (en) * | 2015-01-29 | 2015-05-27 | 深圳市金立通信设备有限公司 | Terminal interface processing method |
| CN104850327A (en) * | 2015-05-27 | 2015-08-19 | 小米科技有限责任公司 | Screen capture method and device of mobile terminal and electronic equipment |
| CN106155454A (en) * | 2015-03-30 | 2016-11-23 | 阿里巴巴集团控股有限公司 | A kind of interface display method, device and electronic equipment |
| CN106569700A (en) * | 2016-11-15 | 2017-04-19 | 珠海市魅族科技有限公司 | Screenshot method and screenshot device |
| CN107193434A (en) * | 2017-04-11 | 2017-09-22 | 深圳市金立通信设备有限公司 | Status bar display method and terminal |
| CN107315515A (en) * | 2017-06-20 | 2017-11-03 | 努比亚技术有限公司 | Color change method, terminal and the computer-readable recording medium of status bar icon |
| CN108037956A (en) * | 2017-12-27 | 2018-05-15 | 南昌黑鲨科技有限公司 | A kind of display interface display methods, display device and computer-readable recording medium |
| CN109711304A (en) * | 2013-05-21 | 2019-05-03 | 深圳市腾讯计算机系统有限公司 | A kind of man face characteristic point positioning method and device |
-
2020
- 2020-04-16 CN CN202010298348.9A patent/CN111399965A/en active Pending
Patent Citations (10)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101021790A (en) * | 2007-03-09 | 2007-08-22 | 华为技术有限公司 | User interface changing method and system |
| US20130019171A1 (en) * | 2011-07-11 | 2013-01-17 | International Business Machines Corporation | Automating execution of arbitrary graphical interface applications |
| CN109711304A (en) * | 2013-05-21 | 2019-05-03 | 深圳市腾讯计算机系统有限公司 | A kind of man face characteristic point positioning method and device |
| CN104657037A (en) * | 2015-01-29 | 2015-05-27 | 深圳市金立通信设备有限公司 | Terminal interface processing method |
| CN106155454A (en) * | 2015-03-30 | 2016-11-23 | 阿里巴巴集团控股有限公司 | A kind of interface display method, device and electronic equipment |
| CN104850327A (en) * | 2015-05-27 | 2015-08-19 | 小米科技有限责任公司 | Screen capture method and device of mobile terminal and electronic equipment |
| CN106569700A (en) * | 2016-11-15 | 2017-04-19 | 珠海市魅族科技有限公司 | Screenshot method and screenshot device |
| CN107193434A (en) * | 2017-04-11 | 2017-09-22 | 深圳市金立通信设备有限公司 | Status bar display method and terminal |
| CN107315515A (en) * | 2017-06-20 | 2017-11-03 | 努比亚技术有限公司 | Color change method, terminal and the computer-readable recording medium of status bar icon |
| CN108037956A (en) * | 2017-12-27 | 2018-05-15 | 南昌黑鲨科技有限公司 | A kind of display interface display methods, display device and computer-readable recording medium |
Cited By (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113362400A (en) * | 2021-06-30 | 2021-09-07 | 平安普惠企业管理有限公司 | User interface color matching detection method, device, equipment and storage medium |
| CN114063850A (en) * | 2021-11-12 | 2022-02-18 | 北京字跳网络技术有限公司 | Client skin configuration method, device, equipment and medium |
| CN114880058A (en) * | 2022-04-29 | 2022-08-09 | 安徽帕觅智能科技有限公司 | Method and system for color matching of android system screen |
| CN116932118A (en) * | 2023-09-11 | 2023-10-24 | 广州中望龙腾软件股份有限公司 | Color adjustment method and device for graphic primitive, computer equipment and storage medium |
| CN116932118B (en) * | 2023-09-11 | 2024-01-30 | 广州中望龙腾软件股份有限公司 | Color adjustment method and device for graphic primitive, computer equipment and storage medium |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US10885677B2 (en) | Method and system for setting interface element colors | |
| CN111399965A (en) | User interface compatible display method and device, equipment and storage medium | |
| US11320960B2 (en) | Icon display method, device, and terminal | |
| US9836115B2 (en) | Information processing device, information processing method, and program | |
| RU2637884C2 (en) | Method and device for displaying mark on pictogram | |
| CN108701439B (en) | Image display optimization method and device | |
| CN103207728A (en) | Method Of Providing Augmented Reality And Terminal Supporting The Same | |
| KR20150038518A (en) | Setting an operating-system color using a photograph | |
| US10417997B2 (en) | Display apparatus and controlling method thereof | |
| US20230362294A1 (en) | Window Display Method and Device | |
| JP2016500175A (en) | Method and apparatus for realizing floating object | |
| US20220223181A1 (en) | Method for synthesizing videos and electronic device therefor | |
| CN111508039A (en) | Word processing method of ink screen and communication terminal | |
| CN103543910A (en) | Desktop wallpaper previewing method and desktop wallpaper previewing system | |
| CN112698905B (en) | Screen saver display method, display device, terminal device and server | |
| US20210312679A1 (en) | Method for generating identification pattern and terminal device | |
| CN112114929B (en) | Display device and image display method thereof | |
| CN104780417A (en) | Display method for preview video file, mobile terminal and system | |
| CN106251191A (en) | The display control method of a kind of terminal screen and terminal | |
| US20160301876A1 (en) | Electronic device and image display method | |
| CN106453886B (en) | A kind of photographic method and mobile terminal of mobile terminal | |
| WO2019085810A1 (en) | Processing method, device, apparatus, and machine-readable medium | |
| JP2023544544A (en) | Screen capture methods, devices and electronic equipment | |
| CN108898081B (en) | Picture processing method and device, mobile terminal and computer readable storage medium | |
| WO2017100341A1 (en) | Methods and system for setting interface element colors |
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 |