CN113781959B - Interface processing method and device - Google Patents

Abstract

The application discloses an interface processing method and device, and the method comprises the following steps: firstly, when a dark mode is detected to be started, an original image is obtained, wherein the original image is an image of a current interface of the electronic equipment; then obtaining a target gray scale of the original image, wherein the target gray scale is a font gray scale and/or a background gray scale; and finally, adjusting the value of the target gray scale, improving the display effect of the interface contrast in a dark mode, enabling the picture of the interface to tend to be soft, preventing the user from feeling unhappy and improving the user experience.

Description

Interface processing method and device

technical field

The present application relates to the field of electronic technology, and in particular, to an interface processing method and device.

Background technique

Dark mode, also known as dark mode, is a mode that optimizes the contrast between the foreground and dark background of the interface text of an electronic device, as well as the color of text and system icons, to ensure a consistent, comfortable and easy-to-read viewing experience for the human eye. The dark mode can reduce the brightness of the screen while ensuring the normal display of the interface of the electronic device, save the power of the electronic device, and thereby improve the battery life of the electronic device.

However, due to the voltage drop (IR_DROP) phenomenon of the organic light-emitting diode (Organic Light-Emitting Diode, OLED) screen, the white font will appear very bright. It will reach 600nit, so that the contrast of the interface will be very high, and the user's eyes will be unbearable for long-term viewing.

SUMMARY OF THE INVENTION

Embodiments of the present application provide an interface processing method and device, which can improve the display effect of interface contrast in dark mode and improve user experience.

In a first aspect, an embodiment of the present application provides an interface processing method, which is applied to an electronic device, and the method includes:

When it is detected that the dark mode is turned on, an original image is obtained, where the original image is an image of the current interface of the electronic device;

acquiring the target grayscale of the original image, where the target grayscale is the grayscale of the font and/or the grayscale of the background;

Adjust the value of the target grayscale.

In a second aspect, an embodiment of the present application provides an interface processing apparatus, which is applied to an electronic device, and the apparatus includes:

an acquisition unit, configured to acquire an original image when it is detected that the dark mode is turned on, where the original image is an image of the current interface of the electronic device;

The acquiring unit is further configured to acquire the target grayscale of the original image, where the target grayscale is the grayscale of the font and/or the grayscale of the background;

The adjustment unit is used to adjust the value of the target gray scale.

In a third aspect, embodiments of the present application provide an electronic device, including a processor, a memory, a communication interface, and one or more programs, wherein the one or more programs are stored in the memory and configured to be processed by the above-mentioned processing The above program includes instructions for executing steps in any method of the first aspect of the embodiments of the present application.

In a fourth aspect, an embodiment of the present application provides a computer-readable storage medium, wherein the computer-readable storage medium stores a computer program for electronic data exchange, wherein the computer program causes a computer to execute the computer program as described in the first embodiment of the present application. In one aspect some or all of the steps described in any method.

In a fifth aspect, an embodiment of the present application provides a computer program product, wherein the computer program product includes a non-transitory computer-readable storage medium storing a computer program, and the computer program is operable to cause a computer to execute as implemented in the present application. Examples include some or all of the steps described in any method of the first aspect. The computer program product may be a software installation package.

In the embodiment of the present application, first, when it is detected that the dark mode is turned on, an original image is obtained, and the original image is an image of the current interface of the electronic device; then the target grayscale of the original image is obtained, and the target grayscale is the grayscale of the font and/or The grayscale of the background; finally adjust the value of the target grayscale to improve the display effect of the interface in the dark mode, so that the interface picture tends to be soft, which will not make the user feel less dazzling, and improve the user experience.

Description of drawings

In order to more clearly illustrate the embodiments of the present application or the technical solutions in the prior art, the following briefly introduces the accompanying drawings that are used in the description of the embodiments or the prior art. Obviously, the drawings in the following description are only These are some embodiments of the present application. For those of ordinary skill in the art, other drawings can also be obtained based on these drawings without any creative effort.

1 is a schematic structural diagram of an electronic device provided by an embodiment of the present application;

2 is a schematic diagram of a software structure of an electronic device provided by an embodiment of the present application;

3 is a schematic diagram of an interface processing method in a dark mode provided by an embodiment of the present application;

4 is a schematic flowchart of an interface processing method provided by an embodiment of the present application;

5 is a schematic flowchart of another interface processing method provided by an embodiment of the present application;

FIG. 6 is a schematic diagram of an interface processing apparatus provided by an embodiment of the present application.

Detailed ways

The technical solutions in the embodiments of the present application will be described below with reference to the accompanying drawings.

In order to better understand the solutions of the embodiments of the present application, related terms and concepts that may be involved in the embodiments of the present application are first introduced below.

The electronic devices involved in this application may be portable electronic devices that also include other functions such as personal digital assistants and/or music player functions, such as mobile phones, tablet computers, wearable electronic devices with wireless communication functions (such as smart watches), etc. . Exemplary embodiments of portable electronic devices include, but are not limited to, portable electronic devices powered by IOS systems, Android systems, Microsoft systems, or other operating systems. The above-mentioned portable electronic device may also be other portable electronic devices, such as a laptop computer (Laptop) or the like. It should also be understood that, in some other embodiments, the above-mentioned electronic device may not be a portable electronic device, but a desktop computer.

Exemplarily, FIG. 1 shows a schematic structural diagram of an electronic device 100 . The electronic device 100 may include a processor 110, an external memory interface 120, an internal memory 121, a universal serial bus (USB) interface 130, a charging management module 140, a power management module 141, a battery 142, an antenna 1, an antenna 2 , mobile communication module 150, wireless communication module 160, audio module 170, speaker 170A, receiver 170B, microphone 170C, headphone jack 170D, sensor module 180, compass 190, motor 191, indicator 192, camera 193, display screen 194 and user A subscriber identification module (SIM) card interface 195 and the like.

It can be understood that the structures illustrated in the embodiments of the present application do not constitute a specific limitation on the electronic device 100 . In other embodiments of the present application, the electronic device 100 may include more or less components than shown, or combine some components, or separate some components, or arrange different components. The illustrated components may be implemented in hardware, software, or a combination of software and hardware.

The processor 110 may include one or more processing units, for example, the processor 110 may include an application processor (application processor, AP), a modem processor, a graphics processor (graphics processing unit, GPU), an image signal processor ( image signal processor, ISP), controller, video codec, digital signal processor (digital signal processor, DSP), baseband processor, and/or neural-network processing unit (neural-network processing unit, NPU), etc. Wherein, different processing units may be independent components, or may be integrated in one or more processors. In some embodiments, electronic device 100 may also include one or more processors 110 . The controller can generate an operation control signal according to the instruction operation code and the timing signal, and complete the control of fetching and executing instructions. In some other embodiments, a memory may also be provided in the processor 110 for storing instructions and data. Illustratively, the memory in the processor 110 may be a cache memory. This memory may hold instructions or data that have just been used or recycled by the processor 110 . If the processor 110 needs to use the instruction or data again, it can be called directly from the memory. In this way, repeated access is avoided, and the waiting time of the processor 110 is reduced, thereby improving the efficiency of the electronic device 100 in processing data or executing instructions.

In some embodiments, the processor 110 may include one or more interfaces. The interface may include an inter-integrated circuit (I2C) interface, an inter-integrated circuitsound (I2S) interface, a pulse code modulation (PCM) interface, a universal asynchronous transceiver (universal asynchronous transmitter) receiver/transmitter, UART) interface, mobile industry processor interface (mobile industry processor interface, MIPI), general-purpose input/output (GPIO) interface, SIM card interface and/or USB interface, etc. The USB interface 130 is an interface conforming to the USB standard specification, and may specifically be a Mini USB interface, a Micro USB interface, a USB Type C interface, or the like. The USB interface 130 can be used to connect a charger to charge the electronic device 100, and can also be used to transmit data between the electronic device 100 and peripheral devices. The USB interface 130 can also be used to connect an earphone, and play audio through the earphone.

It can be understood that the interface connection relationship between the modules illustrated in the embodiments of the present application is only a schematic illustration, and does not constitute a structural limitation of the electronic device 100 . In other embodiments of the present application, the electronic device 100 may also adopt different interface connection manners in the foregoing embodiments, or a combination of multiple interface connection manners.

The charging management module 140 is used to receive charging input from the charger. The charger may be a wireless charger or a wired charger. In some wired charging embodiments, the charging management module 140 may receive charging input from the wired charger through the USB interface 130 . In some wireless charging embodiments, the charging management module 140 may receive wireless charging input through a wireless charging coil of the electronic device 100 . While the charging management module 140 charges the battery 142 , it can also supply power to the electronic device through the power management module 141 .

The power management module 141 is used for connecting the battery 142 , the charging management module 140 and the processor 110 . The power management module 141 receives input from the battery 142 and/or the charging management module 140, and supplies power to the processor 110, the internal memory 121, the external memory, the display screen 194, the camera 193, the wireless communication module 160, and the like. The power management module 141 can also be used to monitor parameters such as battery capacity, battery cycle times, battery health status (leakage, impedance). In some other embodiments, the power management module 141 may also be provided in the processor 110 . In other embodiments, the power management module 141 and the charging management module 140 may also be provided in the same device.

The wireless communication function of the electronic device 100 may be implemented by the antenna 1, the antenna 2, the mobile communication module 150, the wireless communication module 160, the modulation and demodulation processor, the baseband processor, and the like.

Antenna 1 and Antenna 2 are used to transmit and receive electromagnetic wave signals. Each antenna in electronic device 100 may be used to cover a single or multiple communication frequency bands. Different antennas can also be reused to improve antenna utilization. For example, the antenna 1 can be multiplexed as a diversity antenna of the wireless local area network. In other embodiments, the antenna may be used in conjunction with a tuning switch.

The mobile communication module 150 may provide wireless communication solutions including 2G/3G/4G/5G etc. applied on the electronic device 100 . The mobile communication module 150 may include at least one filter, switch, power amplifier, low noise amplifier (low noise amplifier, LNA) and the like. The mobile communication module 150 can receive electromagnetic waves from the antenna 1, filter and amplify the received electromagnetic waves, and transmit them to the modulation and demodulation processor for demodulation. The mobile communication module 150 can also amplify the signal modulated by the modulation and demodulation processor, and then turn it into an electromagnetic wave for radiation through the antenna 1 . In some embodiments, at least part of the functional modules of the mobile communication module 150 may be provided in the processor 110 . In some embodiments, at least part of the functional modules of the mobile communication module 150 may be provided in the same device as at least part of the modules of the processor 110 .

The wireless communication module 160 can provide applications on the electronic device 100 including wireless local area networks (WLAN) (such as wireless fidelity (Wi-Fi) networks), bluetooth (BT), global navigation satellite system Wireless communication solutions such as global navigation satellite system (GNSS), frequency modulation (FM), near field communication (NFC), infrared (IR), and UWB. The wireless communication module 160 may be one or more devices integrating at least one communication processing module. The wireless communication module 160 receives electromagnetic waves via the antenna 2 , frequency modulates and filters the electromagnetic wave signals, and sends the processed signals to the processor 110 . The wireless communication module 160 can also receive the signal to be sent from the processor 110 , perform frequency modulation on it, amplify it, and convert it into electromagnetic waves for radiation through the antenna 2 .

The electronic device 100 implements a display function through a GPU, a display screen 194, an application processor, and the like. The GPU is a microprocessor for image processing, and is connected to the display screen 194 and the application processor. The GPU is used to perform mathematical and geometric calculations for graphics rendering. Processor 110 may include one or more GPUs that execute program instructions to generate or alter display information.

The display screen 194 is used to display images, videos, and the like. Display screen 194 includes a display panel. The display panel can be a liquid crystal display (LCD), an organic light-emitting diode (OLED), an active-matrix organic light-emitting diode or an active-matrix organic light-emitting diode (active-matrix organic light-emitting diode). , AMOLED), flexible light-emitting diode (flex light-emitting diode, FLED), mini light-emitting diode (mini light-emitting diode, miniLED), MicroLed, Micro-oLed, quantum dot light emitting diode (quantum dot light emitting diode, QLED), etc. . In some embodiments, electronic device 100 may include one or more display screens 194 .

The electronic device 100 may implement a shooting function through an ISP, a camera 193, a video codec, a GPU, a display screen 194, an application processor, and the like.

The ISP is used to process the data fed back by the camera 193 . For example, when taking a photo, the shutter is opened, the light is transmitted to the camera photosensitive element through the lens, the light signal is converted into an electrical signal, and the camera photosensitive element transmits the electrical signal to the ISP for processing, and converts it into an image visible to the naked eye. ISP can also perform algorithm optimization on image noise, brightness, and skin tone. ISP can also optimize parameters such as exposure and color temperature of the shooting scene. In some embodiments, the ISP may be provided in the camera 193 .

Camera 193 is used to capture still images or video. The object is projected through the lens to generate an optical image onto the photosensitive element. The photosensitive element may be a charge coupled device (CCD) or a complementary metal-oxide-semiconductor (CMOS) phototransistor. The photosensitive element converts the optical signal into an electrical signal, and then transmits the electrical signal to the ISP to convert it into a digital image signal. The ISP outputs the digital image signal to the DSP for processing. DSP converts digital image signals into standard RGB, YUV and other formats of image signals. In some embodiments, the electronic device 100 may include one or more cameras 193 .

A digital signal processor is used to process digital signals, in addition to processing digital image signals, it can also process other digital signals. For example, when the electronic device 100 selects a frequency point, the digital signal processor is used to perform Fourier transform on the frequency point energy and so on.

Video codecs are used to compress or decompress digital video. The electronic device 100 may support one or more video codecs. In this way, the electronic device 100 can play or record videos in various encoding formats, such as: moving picture experts group (moving picture experts group, MPEG) 1, MPEG2, MPEG3, MPEG4, and so on.

The NPU is a neural-network (NN) computing processor. By drawing on the structure of biological neural networks, such as the transfer mode between neurons in the human brain, it can quickly process the input information, and can continuously learn by itself. Applications such as intelligent cognition of the electronic device 100 can be implemented through the NPU, such as image recognition, face recognition, speech recognition, text understanding, and the like.

The external memory interface 120 may be used to connect an external memory card, such as a Micro SD card, to expand the storage capacity of the electronic device 100 . The external memory card communicates with the processor 110 through the external memory interface 120 to realize the data storage function. For example to save files like music, video etc in external memory card.

Internal memory 121 may be used to store one or more computer programs including instructions. The processor 110 may execute the above-mentioned instructions stored in the internal memory 121, thereby causing the electronic device 100 to execute the method for displaying page elements, various applications and data processing provided in some embodiments of the present application. The internal memory 121 may include a storage program area and a storage data area. Wherein, the stored program area may store the operating system; the stored program area may also store one or more applications (such as gallery, contacts, etc.) and the like. The storage data area may store data (such as photos, contacts, etc.) created during the use of the electronic device 100 and the like. In addition, the internal memory 121 may include high-speed random access memory, and may also include non-volatile memory, such as one or more magnetic disk storage components, flash memory components, universal flash storage (UFS), and the like. In some embodiments, the processor 110 may cause the electronic device 100 to execute the instructions provided in the embodiments of the present application by executing the instructions stored in the internal memory 121 and/or the instructions stored in the memory provided in the processor 110 . Methods for displaying page elements, as well as other applications and data processing. The electronic device 100 may implement audio functions through an audio module 170, a speaker 170A, a receiver 170B, a microphone 170C, an earphone interface 170D, an application processor, and the like. Such as music playback, recording, etc.

The sensor module 180 may include a pressure sensor 180A, a gyro sensor 180B, an air pressure sensor 180C, a magnetic sensor 180D, an acceleration sensor 180E, a distance sensor 180F, a proximity light sensor 180G, a fingerprint sensor 180H, a temperature sensor 180J, a touch sensor 180K, and an ambient light sensor 180L, bone conduction sensor 180M, etc.

The pressure sensor 180A is used to sense pressure signals, and can convert the pressure signals into electrical signals. In some embodiments, the pressure sensor 180A may be provided on the display screen 194 . There are many types of pressure sensors 180A, such as resistive pressure sensors, inductive pressure sensors, capacitive pressure sensors, and the like. The capacitive pressure sensor may be comprised of at least two parallel plates of conductive material. When a force is applied to the pressure sensor 180A, the capacitance between the electrodes changes. The electronic device 100 determines the intensity of the pressure according to the change in capacitance. When a touch operation acts on the display screen 194, the electronic device 100 detects the intensity of the touch operation according to the pressure sensor 180A. The electronic device 100 may also calculate the touched position according to the detection signal of the pressure sensor 180A. In some embodiments, touch operations acting on the same touch position but with different touch operation intensities may correspond to different operation instructions. For example, when a touch operation whose intensity is less than the first pressure threshold acts on the short message application icon, the instruction for viewing the short message is executed. When a touch operation with a touch operation intensity greater than or equal to the first pressure threshold acts on the short message application icon, the instruction to create a new short message is executed.

The gyro sensor 180B may be used to determine the motion attitude of the electronic device 100 . In some embodiments, the angular velocity of the electronic device 100 about three axes (ie, the X, Y, and Z axes) may be determined by the gyro sensor 180B. The gyro sensor 180B can be used for image stabilization. Exemplarily, when the shutter is pressed, the gyro sensor 180B detects the shaking angle of the electronic device 100, calculates the distance that the lens module needs to compensate according to the angle, and allows the lens to offset the shaking of the electronic device 100 through reverse motion to achieve anti-shake. The gyro sensor 180B can also be used for navigation and somatosensory game scenarios.

The acceleration sensor 180E can detect the magnitude of the acceleration of the electronic device 100 in various directions (generally three axes). The magnitude and direction of gravity can be detected when the electronic device 100 is stationary. It can also be used to identify the posture of electronic devices, and can be used in applications such as horizontal and vertical screen switching, pedometers, etc.

The ambient light sensor 180L is used to sense ambient light brightness. The electronic device 100 can adaptively adjust the brightness of the display screen 194 according to the perceived ambient light brightness. The ambient light sensor 180L can also be used to automatically adjust the white balance when taking pictures. The ambient light sensor 180L can also cooperate with the proximity light sensor 180G to detect whether the electronic device 100 is in a pocket, so as to prevent accidental touch.

The fingerprint sensor 180H is used to collect fingerprints. The electronic device 100 can use the collected fingerprint characteristics to realize fingerprint unlocking, accessing application locks, taking pictures with fingerprints, answering incoming calls with fingerprints, and the like.

The temperature sensor 180J is used to detect the temperature. In some embodiments, the electronic device 100 uses the temperature detected by the temperature sensor 180J to execute a temperature processing strategy. For example, when the temperature reported by the temperature sensor 180J exceeds a threshold value, the electronic device 100 reduces the performance of the processor located near the temperature sensor 180J in order to reduce power consumption and implement thermal protection. In other embodiments, when the temperature is lower than another threshold, the electronic device 100 heats the battery 142 to avoid abnormal shutdown of the electronic device 100 caused by the low temperature. In some other embodiments, when the temperature is lower than another threshold, the electronic device 100 boosts the output voltage of the battery 142 to avoid abnormal shutdown caused by low temperature.

Touch sensor 180K, also called "touch panel". The touch sensor 180K may be disposed on the display screen 194 , and the touch sensor 180K and the display screen 194 form a touch screen, also called a “touch screen”. The touch sensor 180K is used to detect a touch operation on or near it. The touch sensor can pass the detected touch operation to the application processor to determine the type of touch event. Visual output related to touch operations may be provided through display screen 194 . In other embodiments, the touch sensor 180K may also be disposed on the surface of the electronic device 100 , which is different from the location where the display screen 194 is located.

Exemplarily, FIG. 2 shows a software structural block diagram of the electronic device 100 . The layered architecture divides the software into several layers, and each layer has a clear role and division of labor. Layers communicate with each other through software interfaces. In some embodiments, the Android system is divided into four layers, which are, from top to bottom, an application layer, an application framework layer, an Android runtime (Android runtime) and system libraries, and a kernel layer. The application layer can include a series of application packages.

As shown in Figure 2, the application package can include applications such as camera, gallery, calendar, call, map, navigation, WLAN, Bluetooth, music, video, short message and so on.

The application framework layer provides an application programming interface (application programming interface, API) and a programming framework for the applications of the application layer. The application framework layer includes some predefined functions.

As shown in Figure 2, the application framework layer may include window managers, content providers, view systems, telephony managers, resource managers, notification managers, and the like.

A window manager is used to manage window programs. The window manager can get the size of the display screen, determine whether there is a status bar, lock the screen, take screenshots, etc.

Content providers are used to store and retrieve data and make these data accessible to applications. The data may include video, images, audio, calls made and received, browsing history and bookmarks, phone book, etc.

The view system includes visual controls, such as controls for displaying text, controls for displaying pictures, and so on. View systems can be used to build applications. A display interface can consist of one or more views. For example, the display interface including the short message notification icon may include a view for displaying text and a view for displaying pictures.

The phone manager is used to provide the communication function of the electronic device 100 . For example, the management of call status (including connecting, hanging up, etc.).

The resource manager provides various resources for the application, such as localization strings, icons, pictures, layout files, video files and so on.

The notification manager enables applications to display notification information in the status bar, which can be used to convey notification-type messages, and can disappear automatically after a brief pause without user interaction. For example, the notification manager is used to notify download completion, message reminders, etc. The notification manager can also display notifications in the status bar at the top of the system in the form of graphs or scroll bar text, such as notifications of applications running in the background, and notifications on the screen in the form of dialog windows. For example, text information is prompted in the status bar, a prompt sound is issued, the electronic device vibrates, and the indicator light flashes.

Android Runtime includes core libraries and a virtual machine. The Android runtime is responsible for the scheduling and management of the Android system.

The core library consists of two parts: one is the function functions that the java language needs to call, and the other is the core library of Android.

The application layer and the application framework layer run in virtual machines. The virtual machine executes the java files of the application layer and the application framework layer as binary files. The virtual machine is used to perform functions such as object lifecycle management, stack management, thread management, safety and exception management, and garbage collection.

A system library can include multiple functional modules. For example: surface manager (surface manager), media library (media libraries), 3D graphics processing library (eg: OpenGL ES), 2D graphics engine (eg: SGL), etc.

The Surface Manager is used to manage the display subsystem and provides a fusion of 2D and 3D layers for multiple applications.

The media library supports playback and recording of a variety of commonly used audio and video formats, as well as still image files. The media library can support a variety of audio and video encoding formats, such as: MPEG4, H.264, MP3, AAC, AMR, JPG, PNG, etc.

The 3D graphics processing library is used to implement 3D graphics drawing, image rendering, compositing, and layer processing.

2D graphics engine is a drawing engine for 2D drawing.

The kernel layer is the layer between hardware and software. The kernel layer contains at least display drivers, camera drivers, audio drivers, and sensor drivers.

At present, people have higher and higher requirements for display functions, and many display effects are processed when the display screen is displayed, but this greatly increases the power consumption of the mobile phone, and the frequency of users using electronic devices in a dark environment is also increasing. Therefore, major manufacturers have launched dark mode to optimize the contrast between the foreground and dark background of the interface text of electronic devices, as well as the color of text and system icons. On the one hand, it can reduce the power consumption of the OLED screen of the mobile phone, and on the other hand, it can make the user not have obvious glare when using it at night. At present, the background in dark mode is pure black grayscale, that is, 0 grayscale is used as the background; the font is pure white grayscale, that is, 255 grayscale is used as the font, but due to the pressure drop (IR_DROP) phenomenon of the OLED screen, the white font will appear very In the highlighted state, for example, when the all-white screen is 500nit, the font may reach 600nit under the pressure drop phenomenon, so that the contrast of the interface will be very high, so that the font in the dark mode is more dazzling, and the mobile phone screen is viewed for a long time. , it will make the user's eyes uncomfortable.

In order to solve the above problems, the present application proposes an interface processing method. As shown in FIG. 3 , the electronic device can improve the display effect of the interface contrast in the dark mode by reducing the gray scale of the font of the electronic device interface. Increase the gray level of the background to improve the display effect of the interface contrast in the dark mode, and also improve the display effect of the interface contrast in the dark mode by increasing the percentage of the debugging screen, so that the screen of the display interface tends to be soft and not dazzling. , to improve the user experience.

Please refer to FIG. 4 , which is a schematic flowchart of an interface processing method provided by an embodiment of the present application, which is applied to an electronic device. As shown in FIG. 4 , the interface processing method includes the following operations.

S410. When it is detected that the dark mode is turned on, obtain an original image, where the original image is an image of the current interface of the electronic device.

In this embodiment of the present application, the dark mode may refer to a mode in which the background brightness of all views on the interface is lower than the preset brightness, that is, a mode in which the interface color is darker. Among them, brightness refers to the L component in the LAB (Lab color space) color space, ranging from 0 to 100, representing from pure black to pure white. The LAB color space also includes an A component and a B component, the A component representing the range from magenta to green, and the B component representing the range from yellow to blue. The current interface may refer to the interface currently displayed on the screen of the electronic device. The interface is usually composed of multiple views according to certain rules, for example, adding views such as text boxes, pictures, and dialog boxes to an interface view (that is, the basic view of the entire interface, and other views can be added to the interface view). Views (ie Views) can also be called controls.

Wherein, when the electronic device turns on the dark mode, before displaying the current image on the screen, the image (original image) of the current image is obtained first, and after image processing is performed on the original image, the image is displayed on the screen to improve the dark mode. The display effect of high interface contrast makes the picture of the display interface tend to be soft and not dazzling, and improves the user experience.

S420. Acquire a target grayscale of the original image, where the target grayscale is the grayscale of the font and/or the grayscale of the background.

Among them, each pixel in an image can present many different colors, and it is composed of three sub-pixels of red, green, and blue (RGB). For each sub-pixel, the light source behind it can exhibit a different brightness level. The gray scales represent different levels of brightness from the darkest to the brightest. Taking an 8bit panel as an example, it can express 2 to the 8th power, which is equal to 256 brightness levels. A grayscale of 255 indicates that the color is pure white, and a grayscale of 0 indicates that the color is pure black.

In the embodiment of the present application, after the original image of the current interface is acquired, since the electronic device has turned on the dark mode, in order to improve the user experience, the gray scale of the font or background image in the original image may be adjusted, so that the processed image tends to be Soft and not dazzling for users.

In a possible example, the acquiring the target gray level of the original image includes: acquiring the gray level of each pixel in the original image, and determining a gray level greater than a first value as the gray level of the font level, and a gray level smaller than the second value is determined as the gray level of the background.

At present, the background in dark mode is pure black grayscale, that is, 0 grayscale is used as the background, and the font is 255 grayscale. The black background will make the white font appear very bright. Therefore, in order to reduce the contrast of the display screen, the present application can reduce the gray scale of the font to make the color of the font on the screen darker, so that the display screen tends to be softer.

Specifically, the electronic device acquires the gray level of each pixel in the original image, and since the gray level of the font is the largest, the gray level greater than the first value can be determined as the gray level of the font. Since the gray level of the background is the smallest, the gray level smaller than the second value may be determined as the gray level of the background. where the first value is much larger than the second value. For example, the first value may be 255, 252, 250, etc.; the second value may be 0, 4, 6, and so on.

In a possible example, the acquiring the target grayscale of the original image includes: acquiring a grayscale histogram of the original image; converting a grayscale whose abscissa in the grayscale histogram is greater than a first value The gray level of the font is determined, and the gray level whose abscissa in the gray level histogram is smaller than the second value is determined as the gray level of the background.

For example, the present application can also determine the grayscale of the font or the grayscale of the background by acquiring the grayscale histogram of the original image. The abscissa of the gray histogram is the gray level (also called gray value or gray level), and the ordinate is the frequency of occurrence. Therefore, the gray level with the abscissa greater than the first value can be determined as the gray level of the font. A grayscale smaller than the second value is determined as the grayscale of the background.

S430. Adjust the value of the target gray scale.

Wherein, after obtaining the grayscale of the font or the grayscale of the background, by adjusting the grayscale of the font and/or the grayscale of the background, the contrast of the display screen is reduced, so that the display screen can be softened.

In a possible example, the adjusting the value of the target grayscale includes: when the target grayscale is the grayscale of a font, reducing the grayscale of the font to a first preset value.

Specifically, when the font in the original image is determined according to the gray level of the pixels in the original image, the gray level of the pixel whose gray level is greater than the first value can be directly reduced to the first preset value, that is, the gray level of the font can be reduced to The first preset value. When determining the font in the original image according to the grayscale histogram, it is possible to directly reduce the grayscale greater than the first value to the first preset value to reduce the brightness of the high grayscale during the statistics of the grayscale histogram, that is, to reduce the brightness of the high grayscale. The grayscale of the font is reduced to the first preset value. Reduces the contrast of the display, making fonts less bright and harsh.

The first preset value may be independently set by the user on the electronic device, or may be a default value set by the system, such as 240, 230, 220, 210, and the like.

In a possible example, the adjusting the value of the target grayscale includes: when the target grayscale is the grayscale of the background, increasing the grayscale of the background to a second preset value, The second preset value is smaller than the first preset value.

Wherein, the present application can also reduce the contrast of the display screen by increasing the gray level of the background, such as increasing the gray level of the background to a second preset value, where the second preset value is also far smaller than the first default value. Because the brightness of the background increases, the load of the OLED screen becomes larger, and the brightness of the font will not be raised very much. In the end, it will make the picture slightly softer.

Specifically, when the background in the original image is determined according to the gray level of the pixels in the original image, the gray level of the pixels whose gray level is smaller than the second value can be directly adjusted to the second preset value, that is, the gray level of the background can be adjusted to up to the second preset value. When the background in the original image is determined according to the grayscale histogram, the grayscale that is smaller than the second value can be directly increased to the second preset value to improve the brightness of the low grayscale when the statistics of the grayscale histogram are performed. That is, adjust the gray level of the background to the second preset value.

It should be noted that the second preset value may be set by the user on the electronic device independently, or may be a default value set by the system, such as 20, 30, 40, 50, and so on.

It can be seen that, in the interface processing method proposed in the embodiment of the present application, when it is detected that the dark mode is turned on, an original image is obtained, and the original image is an image of the current interface of the electronic device; then the target grayscale of the original image is obtained, and the target grayscale is a font The grayscale and/or the background grayscale; finally adjust the value of the target grayscale to improve the display effect of the interface contrast in the dark mode, so that the interface screen tends to be soft, and the user will not feel dazzling, which improves the user experience. experience.

Please refer to FIG. 5 . FIG. 5 is a schematic flowchart of an interface processing method provided by an embodiment of the present application, which is applied to an electronic device. As shown in FIG. 5 , the interface processing method includes the following operations.

S510. When it is detected that the dark mode is turned on, acquire an original image, where the original image is an image of the current interface of the electronic device.

Wherein, when the electronic device turns on the dark mode, before displaying the current image on the screen, the image (original image) of the current image is obtained first, and after image processing is performed on the original image, the image is displayed on the screen to improve the dark mode. The display effect of high interface contrast makes the picture of the display interface tend to be soft and not dazzling, and improves the user experience.

S520. Obtain the grayscale of the font and/or the grayscale of the background in the original image.

At present, the background in dark mode is pure black grayscale, that is, 0 grayscale is used as the background, and the font is 255 grayscale. The black background will make the white font appear very bright. Therefore, in order to reduce the contrast of the display screen, the present application can reduce the gray scale of the font to make the color of the font on the screen darker, so that the display screen tends to be softer.

Specifically, the electronic device acquires the gray level of each pixel in the original image, and since the gray level of the font is the largest, the gray level greater than the first value can be determined as the gray level of the font. Since the gray level of the background is the smallest, the gray level smaller than the second value may be determined as the gray level of the background. where the first value is much larger than the second value. For example, the first value may be 255, 252, 250, etc.; the second value may be 0, 4, 6, and so on.

Further, the present application can also determine the grayscale of the font or the grayscale of the background by acquiring the grayscale histogram of the original image. The abscissa of the gray histogram is the gray level (also called gray value or gray level), and the ordinate is the frequency of occurrence. Therefore, the gray level with the abscissa greater than the first value can be determined as the gray level of the font. A grayscale smaller than the second value is determined as the grayscale of the background.

S530. Decrease the gray level of the font and/or increase the gray level of the background.

Wherein, after obtaining the grayscale of the font or the grayscale of the background, by adjusting the grayscale of the font and/or the grayscale of the background, the contrast of the display screen is reduced, so that the display screen can be softened.

Specifically, when determining the font and/or background in the original image according to the gray level of the pixels in the original image, the gray level of the pixel whose gray level is greater than the first value may be directly reduced to the first preset value and/or the The gray level of the pixel whose gray level is smaller than the second value is increased to the second predetermined value. When determining the font and/or background in the original image according to the grayscale histogram, the grayscale level greater than the first value can be directly reduced to the first preset value to reduce the high grayscale level when the statistics of the grayscale histogram are performed. and/or increasing the gray level smaller than the second value to the second preset value to improve the brightness of the low gray level. As a result, the contrast of the display screen is reduced, making the fonts less bright and dazzling.

It should be noted that the first preset value and the second preset value may be set by the user on the electronic device independently, or may be default values set by the system.

S540. Increase the debugging screen of the original image from the first percentage to the second percentage.

Among them, when the original image is processed for interface display, the final display effect will be debugged according to the percentage of the screen size. At present, electronic equipment is debugged at 25% of the screen size. The smaller the screen size percentage is, the smaller the gamma parameter, and the higher the contrast of the screen, that is, the higher the brightness of the screen. The gamma parameter is a parameter used to characterize the brightness response characteristics of the display. When the Gamma is too large, the overall image is darker, and when the Gamma is too small, the overall image is brighter. Therefore, after adjusting the gray scale of the font and/or background, the application can also increase the percentage of the debugging screen of the original image.

Further, the second percentage is greater than the first percentage, and the second percentage may be 100%, 80%, 70%, 60%, 50%, and the like.

For example, when debugging at 25% of the screen size, the gamma parameter of the screen at 100% will become smaller, making the screen brighter; at this time, if you use 50% of the screen size for debugging or use 100% of the screen size for debugging Debugging will make the gamma parameter of the picture close to 2.2, and the picture will become soft and not dazzling.

In a possible example, the increasing the debugging screen of the original image from a first percentage to a second percentage includes: acquiring a first image, the first image being at the hundredth The interface image displayed under the debug screen of the ratio; obtain the first grayscale and the second grayscale of the first image, the first grayscale is the grayscale of the font in the first image, and the second grayscale level is the gray level of the background in the first image; the first difference value and the second difference value are calculated respectively, and the first difference value is the difference between the first gray level and the first preset value value, the second difference value is the difference value between the second gray scale and the second preset value; according to the mapping relationship between the difference value and the coefficient, the first difference value corresponding to the first difference value is determined an adjustment coefficient and a second adjustment coefficient corresponding to the second difference; calculate a target gamma value according to the first adjustment coefficient, the first grayscale, the second grayscale and the second adjustment coefficient; according to the gamma The mapping relationship between the gamma value and the percentage is used to determine the second percentage corresponding to the target gamma value.

Wherein, the electronic device may pre-store the mapping relationship between the difference value and the coefficient, and the mapping relationship between the gamma value (gamma) and the percentage. The present application determines the difference between the gray level of the font and the background in the first image by comparing the difference between the gray level of the font and the gray level of the background of the displayed image and the preset gray level in the first percentage debugging screen scene. The adjustment coefficient of the gray scale, and then calculate the brightness of the background part and the font part in the adjusted first image according to the adjustment coefficient, the font brightness is equal to the value of the first gray scale and the first adjustment coefficient, and the background brightness is equal to the second The value of the gray scale and the second adjustment coefficient can be used to calculate the contrast of the first image after adjustment, which is the difference between the brightness of the font and the brightness of the background. The target gamma value is determined according to the conversion relationship curve (gamma curve) between the screen output voltage and the corresponding brightness, and then the second percentage is determined according to the target gamma value.

It can be seen that, in the embodiment of the present application, by reducing the gray level of the font and/or increasing the gray level of the background, and increasing the percentage of the debugging screen, the display effect of the interface contrast in the dark mode can be improved, so that the interface picture tends to be more It is soft and does not make the user feel less dazzling, which improves the user experience.

It can be understood that, in order to realize the above-mentioned functions, the electronic device includes corresponding hardware and/or software modules for executing each function. The present application can be implemented in hardware or in the form of a combination of hardware and computer software in conjunction with the algorithm steps of each example described in conjunction with the embodiments disclosed herein. Whether a function is performed by hardware or computer software driving hardware depends on the specific application and design constraints of the technical solution. Those skilled in the art may use different methods to implement the described functionality for each particular application in conjunction with the embodiments, but such implementations should not be considered beyond the scope of this application.

In this embodiment, the electronic device may be divided into functional modules according to the foregoing method examples. For example, each functional module may be divided corresponding to each function, or two or more functions may be integrated into one processing module. The above-mentioned integrated modules can be implemented in the form of hardware. It should be noted that, the division of modules in this embodiment is schematic, and is only a logical function division, and there may be other division manners in actual implementation.

In the case where each functional module is divided corresponding to each function, FIG. 6 shows a schematic diagram of an interface processing apparatus. As shown in FIG. 6 , the interface processing apparatus 600 is applied to an electronic device, and the interface processing apparatus 600 may include: an obtaining unit 601 and adjustment unit 602.

Wherein, the obtaining unit 601 may be used to support the electronic device to perform the above-mentioned S410, S420, etc., and/or other processes for the techniques described herein.

The adjustment unit 602 may be used to support the electronic device to perform the above-described S430, etc., and/or other processes for the techniques described herein.

It should be noted that, all relevant contents of the steps involved in the above method embodiments can be cited in the functional description of the corresponding functional module, which will not be repeated here.

The electronic device provided in this embodiment is used to execute the above interface processing method, so the same effect as the above implementation method can be achieved.

Where an integrated unit is employed, the electronic device may include a processing module, a memory module and a communication module. The processing module may be used to control and manage the actions of the electronic device, for example, may be used to support the electronic device to perform the steps performed by the acquisition unit 601 and the adjustment unit 602 above. The storage module may be used to support the electronic device to execute stored program codes and data, and the like. The communication module can be used to support the communication between the electronic device and other devices.

The processing module may be a processor or a controller. It may implement or execute the various exemplary logical blocks, modules and circuits described in connection with this disclosure. The processor may also be a combination that implements computing functions, such as a combination comprising one or more microprocessors, a combination of digital signal processing (DSP) and a microprocessor, and the like. The storage module may be a memory. The communication module may specifically be a device that interacts with other electronic devices, such as a radio frequency circuit, a Bluetooth chip, and a Wi-Fi chip.

In one embodiment, when the processing module is a processor and the storage module is a memory, the electronic device involved in this embodiment may be a device having the structure shown in FIG. 1 .

This embodiment also provides a computer storage medium, where computer instructions are stored in the computer storage medium, and when the computer instructions are executed on the electronic device, the electronic device executes the above-mentioned relevant method steps to implement the interface processing method in the above-mentioned embodiment.

This embodiment also provides a computer program product, which, when the computer program product runs on a computer, causes the computer to execute the above-mentioned relevant steps, so as to realize the interface processing method in the above-mentioned embodiment.

In addition, the embodiments of the present application also provide an apparatus, which may specifically be a chip, a component or a module, and the apparatus may include a connected processor and a memory; wherein, the memory is used for storing computer execution instructions, and when the apparatus is running, The processor can execute the computer-executed instructions stored in the memory, so that the chip executes the interface processing methods in the foregoing method embodiments.

Wherein, the electronic device, computer storage medium, computer program product or chip provided in this embodiment are all used to execute the corresponding method provided above. Therefore, for the beneficial effects that can be achieved, reference can be made to the corresponding provided above. The beneficial effects in the method will not be repeated here.

From the description of the above embodiments, those skilled in the art can understand that for the convenience and brevity of the description, only the division of the above functional modules is used as an example for illustration. In practical applications, the above functions can be allocated by different The function module is completed, that is, the internal structure of the device is divided into different function modules, so as to complete all or part of the functions described above.

In the several embodiments provided in this application, it should be understood that the disclosed apparatus and method may be implemented in other manners. For example, the apparatus embodiments described above are only illustrative. For example, the division of modules or units is only a logical function division. In actual implementation, there may be other division methods. For example, multiple units or components may be combined or May be integrated into another device, or some features may be omitted, or not implemented. On the other hand, the shown or discussed mutual coupling or direct coupling or communication connection may be through some interfaces, indirect coupling or communication connection of devices or units, and may be in electrical, mechanical or other forms.

Units described as separate components may or may not be physically separated, and components shown as units may be one physical unit or multiple physical units, that is, may be located in one place, or may be distributed in multiple different places. Some or all of the units may be selected according to actual needs to achieve the purpose of the solution in this embodiment.

In addition, each functional unit in each embodiment of the present application may be integrated into one processing unit, or each unit may exist physically alone, or two or more units may be integrated into one unit. The above-mentioned integrated units may be implemented in the form of hardware, or may be implemented in the form of software functional units.

The integrated unit, if implemented in the form of a software functional unit and sold or used as a stand-alone product, may be stored in a readable storage medium. Based on such understanding, the technical solutions of the embodiments of the present application can be embodied in the form of software products in essence, or the parts that contribute to the prior art, or all or part of the technical solutions, which are stored in a storage medium , including several instructions to make a device (which may be a single chip microcomputer, a chip, etc.) or a processor (processor) to execute all or part of the steps of the methods in the various embodiments of the present application. The aforementioned storage medium includes: a U disk, a removable hard disk, a read only memory (ROM), a random access memory (RAM), a magnetic disk or an optical disk and other media that can store program codes.

The above content is only a specific embodiment of the present application, but the protection scope of the present application is not limited to this. Covered within the scope of protection of this application. Therefore, the protection scope of the present application shall be subject to the protection scope of the claims.

Claims (8)

1. An interface processing method is applied to an electronic device, and the method comprises the following steps:

when a dark mode is detected to be started, acquiring an original image, wherein the original image is an image of a current interface of the electronic equipment;

acquiring a target gray scale of the original image, wherein the target gray scale is a font gray scale and/or a background gray scale;

adjusting the value of the target gray scale;

increasing the debug screen of the original image from a first percentage to a second percentage, comprising: acquiring a first image, wherein the first image is an interface image displayed under the first percentage debugging picture; acquiring a first gray scale and a second gray scale of the first image, wherein the first gray scale is the gray scale of a font in the first image, and the second gray scale is the gray scale of a background in the first image; respectively calculating a first difference value and a second difference value, wherein the first difference value is a difference value between the first gray scale and a first preset value, and the second difference value is a difference value between the second gray scale and a second preset value; determining a first adjusting coefficient corresponding to the first difference value and a second adjusting coefficient corresponding to the second difference value according to a mapping relation between the difference values and the coefficients; calculating a target gamma value according to the first adjusting coefficient, the first gray scale, the second gray scale and the second adjusting coefficient; and determining the second percentage corresponding to the target gamma value according to the mapping relation between the gamma value and the percentage.

2. The method of claim 1, wherein obtaining the target gray level of the original image comprises:

and acquiring the gray scale of each pixel in the original image, determining the gray scale larger than a first value as the gray scale of the font, and determining the gray scale smaller than a second value as the gray scale of the background.

3. The method of claim 1, wherein said obtaining a target gray level of said original image comprises:

acquiring a gray level histogram of the original image;

determining the gray scale of the font according to the gray scale of which the abscissa in the gray scale histogram is larger than a first value, and determining the gray scale of which the abscissa in the gray scale histogram is smaller than a second value as the gray scale of the background.

4. The method of claim 2 or 3, wherein said adjusting the value of the target gray level comprises:

and when the target gray scale is the gray scale of the font, reducing the gray scale of the font to a first preset value.

5. The method of claim 2 or 3, wherein said adjusting the value of the target gray level comprises:

and when the target gray scale is the gray scale of the background, increasing the gray scale of the background to a second preset value, wherein the second preset value is smaller than the first preset value.

6. An interface processing apparatus applied to an electronic device, the apparatus comprising:

the device comprises an acquisition unit, a processing unit and a display unit, wherein the acquisition unit is used for acquiring an original image when a dark color mode is detected to be started, and the original image is an image of a current interface of the electronic equipment;

the acquisition unit is further used for acquiring a target gray scale of the original image, wherein the target gray scale is a font gray scale and/or a background gray scale;

an adjusting unit for adjusting the value of the target gray scale;

the adjusting unit is further configured to increase the debugging picture of the original image from a first percentage to a second percentage, and includes: acquiring a first image, wherein the first image is an interface image displayed under the first percentage debugging picture; acquiring a first gray scale and a second gray scale of the first image, wherein the first gray scale is the gray scale of a font in the first image, and the second gray scale is the gray scale of a background in the first image; respectively calculating a first difference value and a second difference value, wherein the first difference value is a difference value between the first gray scale and a first preset value, and the second difference value is a difference value between the second gray scale and a second preset value; determining a first adjusting coefficient corresponding to the first difference value and a second adjusting coefficient corresponding to the second difference value according to a mapping relation between the difference values and the coefficients; calculating a target gamma value according to the first adjusting coefficient, the first gray scale, the second gray scale and the second adjusting coefficient; and determining the second percentage corresponding to the target gamma value according to the mapping relation between the gamma value and the percentage.

7. An electronic device comprising a processor, a memory, a communication interface, and one or more programs stored in the memory and configured to be executed by the processor, the programs comprising instructions for performing the steps in the method of any of claims 1-5.

8. A computer-readable storage medium, characterized in that a computer program for electronic data exchange is stored, wherein the computer program causes a computer to perform the method according to any one of claims 1-5.

Images