Display device and interface display mode switching method
By implementing the automatic interface display mode switching method in the controller of the display device, analyzing the color and brightness information of the background image, intelligently judging and automatically adjusting the interface theme, the problem of low efficiency of interface display mode switching in the prior art is solved, and the user experience and interface adaptability are improved.
Patent Information
- Application Number
- CN202410509424.4
- Authority / Receiving Office
- CN · China
- Patent Type
- Applications(China)
- Current Assignee / Owner
- Filing Date
- 2024-04-25
- Publication Date
- 2025-05-16
- Estimated Expiration
- Not applicable · inactive patent
AI Technical Summary
In the prior art, the interface display mode switching efficiency of the display device is low, and when the color contrast between the background picture and other interface elements is too large, the user needs to switch manually, resulting in cumbersome operation.
By implementing the automatic interface display mode switching method in the controller of the display device, responding to the user's behavior of changing background images, analyzing the color information and brightness information of the background images, intelligently judge and automatically adjust the interface theme, reducing the user's need for manual settings.
It realizes intelligent color adjustment of the display interface, improves user experience, ensures visual comfort and interface readability in different environments, reduces user operation burden, and improves efficiency.
Smart Images

Figure CN120017888A_ABST
Abstract
Description
Technical Field
[0001] The embodiments of the present application relate to the field of display technology of smart devices, and more specifically, to a display device and a method for switching interface display modes. Background Art
[0002] At present, when using a display device, users can choose to change different background images to meet their usage needs. Usually, the interface of the display device is set with display modes such as dark mode and line color mode. After the user changes different background images, if the color contrast between the background image and other interface elements is too large, the user manually switches the interface display mode. This interface display mode switching method has technical problems such as triggering the user to manually switch only when the color contrast between the background image and other interface elements is too large, and low switching efficiency. Summary of the invention
[0003] The exemplary implementation of the present application provides a display device and an interface display mode switching method, which are used to solve technical problems such as low efficiency of interface display mode switching and inconsistent interface display.
[0004] The technical solutions provided by the embodiments of this application are as follows:
[0005] In a first aspect, an embodiment of the present application provides a display device, including:
[0006] monitor;
[0007] A controller connected to the display, wherein the controller is configured to:
[0008] In response to the picture display setting request, displaying a picture setting interface; wherein the picture setting interface includes the current theme picture;
[0009] Obtaining a background image, and processing the background image to obtain color information and brightness information;
[0010] Determining whether the background image and the current theme image meet a preset display condition based on the color information, the brightness information and preset image judgment information;
[0011] When the background image and the current theme image do not satisfy a preset display condition, theme switching prompt information is displayed on the image setting interface.
[0012] In some embodiments, when the controller displays the picture setting interface in response to the picture display setting request, the controller is specifically configured to:
[0013] In response to the picture display setting request, obtaining the current theme picture from the application configuration;
[0014] The current theme picture is displayed in the picture setting interface.
[0015] In some embodiments, when the controller processes the background image to obtain color information and brightness information, it is configured to:
[0016] Obtain a target color model image of the background image;
[0017] Traversing all pixel points of the target color model image, calculating the number of each color to obtain a color histogram, and performing calculations based on the color histogram to obtain an average color value as the color information;
[0018] Traverse all pixels of the target color model image to obtain the total brightness of all pixels;
[0019] An average calculation is performed based on the total brightness and the picture size to obtain an average brightness value as the brightness information.
[0020] In some embodiments, when the controller executes the process of acquiring the target color model diagram of the background image, the controller is configured to:
[0021] Performing denoising processing on the background image based on a preset denoising algorithm to obtain an image to be converted;
[0022] Traverse all pixels of the image to be converted and obtain the color channel of each pixel;
[0023] The color channel of each pixel is converted according to a preset conversion rule to obtain a target color channel of each pixel, and the target color model map is obtained based on all the converted pixels.
[0024] In some embodiments, the color information is an average color value and the brightness information is an average brightness value. When the controller determines whether the background image and the current theme image meet the preset display conditions based on the color information, the brightness information and the preset image judgment information, the controller is specifically configured as follows:
[0025] Based on the image judgment information, a color threshold, a brightness threshold, a color weight coefficient and a brightness weight coefficient are obtained;
[0026] Calculate based on the average color value, the average brightness value, the color threshold, the brightness threshold, the color weight coefficient and the brightness weight coefficient to obtain a calculation result;
[0027] A display threshold is obtained based on the display condition, and it is determined whether the calculation result is greater than the display threshold to determine whether the background image and the current theme image meet the preset display condition.
[0028] In some embodiments, when the background image and the current theme image do not meet the preset display conditions, the controller displays theme switching prompt information on the image setting interface, and is configured to:
[0029] When the calculation result is greater than the display threshold, it is determined that the background image and the current subject image do not meet the preset display condition, and a target subject image that matches the background image display is obtained;
[0030] Generate switching prompt information that matches the background image with the target theme image.
[0031] In some embodiments, the controller is further configured to:
[0032] In response to the display switching request, obtaining a target subject image;
[0033] The target theme picture is displayed on the picture setting interface, and the target theme picture is stored in the application configuration.
[0034] In some embodiments, the controller is further configured to:
[0035] The background image is drawn on the target theme image to obtain the target display image and display it.
[0036] In some embodiments, the controller is further configured to:
[0037] In response to a display adjustment request, obtaining a background adjustment coefficient and a theme adjustment coefficient;
[0038] Determining background parameters corresponding to the background image based on the background adjustment coefficient;
[0039] Determining theme parameters of the theme picture based on the theme adjustment coefficient;
[0040] The target display picture display is controlled based on the background parameter and the theme parameter.
[0041] In a second aspect, an embodiment of the present application provides an interface display mode switching method, which is applied to a display device, and the method includes:
[0042] In response to the picture display setting request, displaying a picture setting interface; wherein the picture setting interface includes the current theme picture;
[0043] Obtaining a background image, and processing the background image to obtain color information and brightness information;
[0044] Determining whether the background image and the current theme image meet a preset display condition based on the color information, the brightness information and preset image judgment information;
[0045] When the background image and the current theme image do not satisfy a preset display condition, theme switching prompt information is displayed on the image setting interface.
[0046] In a third aspect, an embodiment of the present application provides an electronic device, comprising: a memory and a processor, wherein the memory is used to store a computer program; and the processor is used to enable the electronic device to implement the interface display mode switching method described in any embodiment of the second aspect when executing the computer program.
[0047] In a fourth aspect, an embodiment of the present application provides a computer-readable storage medium, on which a computer program is stored. When the computer program is executed by a computing device, the computing device implements the interface display mode switching method described in any embodiment of the second aspect.
[0048] In a fifth aspect, an embodiment of the present application provides a computer program product. When the computer program product is run on a computer, the computer implements the interface display mode switching method described in any embodiment of the second aspect.
[0049] It can be seen from the above technical solutions that the display device and the interface display mode switching method provided by the embodiment of the present application, in response to the picture display setting request, display the picture setting interface; wherein the picture setting interface includes the current theme picture, obtains the background picture, and processes the background picture, obtains the color information and the brightness information, and judges whether the background picture and the current theme picture meet the preset display conditions based on the color information, the brightness information and the preset picture judgment information, and displays the theme switching prompt information in the picture setting interface when the background picture and the current theme picture do not meet the preset display conditions. The embodiment of the present application is used to solve the technical problems such as the low efficiency of the interface display mode switching method and the inconsistent interface display. Since the display device and the interface display mode switching method provided by the embodiment of the present application can realize the intelligent color adjustment of the display interface, compared with the existing method, the embodiment of the present application determines the most suitable interface mode by real-time analysis of the color and brightness of the background picture, without the need for manual switching by the user, thereby significantly improving the user experience, ensuring the visual comfort and readability of the interface in different environments, while reducing the user's operation burden and improving efficiency. BRIEF DESCRIPTION OF THE DRAWINGS
[0050] In order to more clearly illustrate the implementation methods in the embodiments of the present application or the related technologies, the following is a brief introduction to the drawings required for use in the embodiments or the related technology descriptions. Obviously, the drawings described below are some embodiments of the present application, and a person skilled in the art can also obtain other drawings based on these drawings.
[0051] Figure 1 A scene architecture diagram of a method for switching an interface display mode in some embodiments is shown;
[0052] Figure 2 A hardware configuration block diagram of a control device in some embodiments is shown;
[0053] Figure 3 A hardware configuration block diagram of a display device in some embodiments is shown;
[0054] Figure 4 A diagram showing a software configuration in a display device in some embodiments is shown;
[0055] Figure 5 An example interface diagram of an interface display mode in some embodiments is shown;
[0056] Figure 6 An example interface diagram showing another interface display mode in some embodiments;
[0057] Figure 7 An example diagram showing a switching of an interface display mode in some embodiments is shown;
[0058] Figure 8 Another example diagram of switching of interface display modes in some embodiments is shown;
[0059] Fig. 9 A diagram showing another example of switching of interface display modes in some embodiments;
[0060] Fig.10 An example diagram showing another interface display mode switching in some embodiments;
[0061] Fig.11 Another example diagram of switching of interface display modes in some embodiments is shown;
[0062] Fig.12 A flowchart of a method for switching an interface display mode in some embodiments is shown;
[0063] Fig.13 A flowchart showing another method for switching interface display modes in some embodiments is shown;
[0064] Fig.14An example diagram showing the image processing results in some embodiments;
[0065] Fig.15 An example diagram showing a color distribution diagram in some embodiments;
[0066] Fig.16 A flowchart showing another method for switching interface display modes in some embodiments is shown;
[0067] Fig.17 A flowchart showing another method for switching interface display modes in some embodiments is shown;
[0068] Fig.18 A structural example diagram showing a switching of interface display modes in some embodiments is shown;
[0069] Fig.19 A scene example diagram of an interface display mode switching method in some embodiments is shown. DETAILED DESCRIPTION
[0070] In order to make the purpose and implementation method of the present application clearer, the exemplary implementation method of the present application will be clearly and completely described below in conjunction with the drawings in the exemplary embodiments of the present application. Obviously, the described exemplary embodiments are only part of the embodiments of the present application, rather than all the embodiments.
[0071] It should be noted that the brief description of terms in this application is only for the convenience of understanding the embodiments described below, and is not intended to limit the embodiments of this application. Unless otherwise specified, these terms should be understood according to their common and usual meanings.
[0072] The terms "comprises," "comprising," and "having," and any variations thereof, are intended to cover but not exclude inclusion, for example, a product or device comprising a list of components is not necessarily limited to all the components expressly listed but may include other components not expressly listed or inherent to such product or device.
[0073] The display device provided in the embodiments of the present application may have various implementation forms, for example, it may be a television, a smart television, a laser projection device, a monitor, an electronic bulletin board, an electronic table, etc. Figure 1 and Figure 2 This is a specific implementation of the display device of the present application.
[0074] Figure 1 FIG. 1 is a schematic diagram of an operation scenario between a display device and a control device according to an embodiment. Figure 1As shown, the user can operate the display device 200 through the smart device 300 or the control apparatus 100 .
[0075] In some embodiments, the control device 100 may be a remote controller, and the communication between the remote controller and the display device includes infrared protocol communication or Bluetooth protocol communication, and other short-range communication methods, and the display device 200 is controlled wirelessly or wired. The user may control the display device 200 by inputting user commands through buttons on the remote controller, voice input, control panel input, etc.
[0076] In some embodiments, a smart device 300 (such as a mobile terminal, a tablet computer, a computer, a laptop computer, etc.) may also be used to control the display device 200. For example, the display device 200 is controlled using an application running on the smart device.
[0077] In some embodiments, the display device may not use the above-mentioned smart device or control device to receive instructions, but may receive user control through touch or gestures.
[0078] In some embodiments, the display device 200 can also be controlled in a manner other than the control device 100 and the smart device 300. For example, the user's voice command control can be directly received through a module for obtaining voice commands configured inside the display device 200, or the user's voice command control can be received through a voice control device set outside the display device 200.
[0079] In some embodiments, the display device 200 also communicates data with the server 400. The display device 200 may be allowed to communicate via a local area network (LAN), a wireless local area network (WLAN), and other networks. The server 400 may provide various content and interactions to the display device 200. The server 400 may be one cluster or multiple clusters, and may include one or more types of servers.
[0080] Figure 2 Schematically shows a block diagram of a configuration of the control device 100 according to an exemplary embodiment. Figure 2 As shown, the control device 100 includes a controller 110, a communication interface 130, a user input / output interface 140, a memory, and a power supply. The control device 100 can receive input operation instructions from the user, and convert the operation instructions into instructions that the display device 200 can recognize and respond to, playing the role of an interactive intermediary between the user and the display device 200.
[0081] In some embodiments, the display apparatus 200 includes at least one of a tuner 210, a communicator 220, a detector 230, an external device interface 240, a controller 250, a display 260, an audio output interface 270, a memory, a power supply, and a user interface.
[0082] In some embodiments, the controller includes a processor, a video processor, an audio processor, a graphics processor, a RAM, a ROM, and a first interface to an nth interface for input / output.
[0083] In some embodiments, the display 260 includes a display screen component for presenting images, and a driving component for driving the image display, which is used to receive an image signal output from a controller, and display video content, image content, and a menu control interface component and a user control UI interface.
[0084] In some embodiments, the display 260 may be a liquid crystal display, an OLED display, and a projection display, and may also be a projection device and a projection screen.
[0085] In some embodiments, the communicator 220 is a component for communicating with an external device or server according to various communication protocol types. For example, the communicator may include at least one of a Wifi module, a Bluetooth module, a wired Ethernet module, and other network communication protocol chips or near field communication protocol chips, and an infrared receiver. The display device 200 can establish transmission and reception of control signals and data signals with the external control device 100 or the server 400 through the communicator 220.
[0086] In some embodiments, the user interface may be used to receive a control signal from the control device 100 (eg, an infrared remote controller, etc.).
[0087] In some embodiments, the detector 230 is used to collect signals of the external environment or external interaction. For example, the detector 230 includes a light receiver, a sensor for collecting the intensity of ambient light; or, the detector 230 includes an image collector, such as a camera, which can be used to collect external environment scenes, user attributes or user interaction gestures; or, the detector 230 includes a sound collector, such as a microphone, etc., for receiving external sounds.
[0088] In some embodiments, the external device interface 240 may include, but is not limited to, any one or more of the following: a high-definition multimedia interface (HDMI), an analog or digital high-definition component input interface (component), a composite video input interface (CVBS), a USB input interface (USB), an RGB port, etc. It may also be a composite input / output interface formed by the above multiple interfaces.
[0089] In some embodiments, the tuner-demodulator 210 receives broadcast television signals via wired or wireless reception, and demodulates audio and video signals, such as EPG data signals, from a plurality of wireless or wired broadcast television signals.
[0090] In some embodiments, the controller 250 and the tuner-demodulator 210 may be located in different separate devices, that is, the tuner-demodulator 210 may also be located in an external device of the main device where the controller 250 is located, such as an external set-top box.
[0091] In some embodiments, the controller 250 controls the operation of the display device and responds to user operations through various software control programs stored in the memory. The controller 250 controls the overall operation of the display device 200. For example, in response to receiving a user command for selecting a UI object to be displayed on the display 260, the controller 250 can perform operations related to the object selected by the user command.
[0092] In some embodiments, the object may be any selectable object, such as a hyperlink, icon or other operable control. Operations related to the selected object include: displaying a page, document, or picture connected to the hyperlink, or executing a program corresponding to the icon.
[0093] In some embodiments, the controller includes at least one of a central processing unit (CPU), a video processor, an audio processor, a graphics processing unit (GPU), a RAM Random Access Memory (RAM), a ROM (Read-Only Memory, ROM), a first interface to an nth interface for input / output, a communication bus (Bus), etc.
[0094] The user may input a user command through a graphical user interface (GUI) displayed on the display 260, and the user input interface receives the user input command through the graphical user interface (GUI). Alternatively, the user may input a user command through a specific sound or gesture, and the user input interface recognizes the sound or gesture through a sensor to receive the user input command.
[0095] In some embodiments, the "user interface" is a medium interface for interaction and information exchange between an application or operating system and a user, which realizes the conversion between the internal form of information and the form acceptable to the user. The commonly used form of user interface is the graphical user interface (GUI), which refers to a user interface related to computer operation displayed in a graphical manner. It can be an interface element such as an icon, window, control, etc. displayed on the display screen of an electronic device, where the control can include icons, buttons, menus, tabs, text boxes, dialog boxes, status bars, navigation bars, widgets, and other visual interface elements.
[0096] See also Figure 4 In some embodiments, the system is divided into four layers, from top to bottom, namely, the application layer (Applications) layer (referred to as "application layer"), the application framework layer (Application Framework) layer (referred to as "framework layer"), the Android runtime (Android runtime) and system library layer (referred to as "system runtime library layer"), and the kernel layer.
[0097] In some embodiments, at least one application is running in the application layer, and these applications can be window programs, system settings programs, clock programs, etc. provided by the operating system, or applications developed by third-party developers. In specific implementations, the application packages in the application layer are not limited to the above examples.
[0098] The framework layer provides application programming interfaces (APIs) and programming frameworks for applications. The application framework layer includes some predefined functions. The application framework layer is equivalent to a processing center that determines the actions that applications in the application layer take. Through the API interface, applications can access system resources and obtain system services during execution.
[0099] like Figure 4As shown, in the embodiment of the present application, the application framework layer includes managers, content providers, etc., wherein the manager includes at least one of the following modules: an activity manager (ActivityManager) is used to interact with all activities running in the system; a location manager (Location Manager) is used to provide system services or applications with access to system location services; a package manager (Package Manager) is used to retrieve various information related to the application package currently installed on the device; a notification manager (NotificationManager) is used to control the display and clearing of notification messages; a window manager (Window Manager) is used to manage icons, windows, toolbars, wallpapers, and desktop components on the user interface.
[0100] In some embodiments, the activity manager is used to manage the life cycle of each application and the common navigation back function, such as controlling the exit, opening, and back of the application. The window manager is used to manage all window programs, such as obtaining the display screen size, determining whether there is a status bar, locking the screen, capturing the screen, and controlling the display window changes (for example, reducing the display window, shaking the display, distorting the display, etc.).
[0101] In some embodiments, the system runtime layer provides support for the upper layer, namely the framework layer. When the framework layer is used, the Android operating system will run the C / C++ library contained in the system runtime layer to implement the functions to be implemented by the framework layer.
[0102] In some embodiments, the kernel layer is a layer between hardware and software. Figure 4 As shown, the kernel layer includes at least one of the following drivers: audio driver, display driver, Bluetooth driver, camera driver, WIFI driver, USB driver, HDMI driver, sensor driver (such as fingerprint sensor, temperature sensor, pressure sensor, etc.), and power driver, etc.
[0103] In some embodiments, the display device is provided with a dark / light interface mode, and the user can switch manually or periodically. There is no problem on some interfaces that do not support background image settings or the background image has little impact on the interface. However, on interfaces dominated by background images, if the background image has a large color contrast with other interface elements, it will affect the consistency of the interface display, thereby reducing the user experience. As an example, two sets of skins, dark and light, are provided, for example, Figure 5 For light skin and Figure 6 The interface comparison effect is shown for dark skin. It can be seen that the styles of interface elements will be different under different skins.
[0104] In some embodiments, Figure 4 As an example, the user opens the display mode setting application to open the background image setting interface and displays the image setting interface, wherein the image setting interface includes the theme image of the default mode, such as Figure 7 As shown, the light mode theme image is displayed; then the user triggers Figure 7 The settings icon in the Figure 8 In the background image selection interface shown, users can select any background image to display according to setting requirements.
[0105] Furthermore, based on the user Figure 8 After selecting a target background image from the multiple background images shown, the display device and interface display mode switching method disclosed in the present application can intelligently determine whether the background image best matches the dark or light interface mode by analyzing the color distribution and brightness level of the background image and prompt the user, for example Fig. 9 As shown, it displays "The current background is more suitable for a dark theme, do you want to switch?". After displaying the prompt message, you can wait for a certain period of time to automatically switch to the optimal interface display mode, or you can switch to the optimal interface display mode after receiving the user's confirmation to switch, which is specifically set according to the application scenario.
[0106] Finally, after switching the theme image to a theme image that is suitable for the background, the display effect is as follows Fig.10 As shown, and with the unswitched display Fig.11 As shown, it can be seen Fig.11 The color contrast between the background image and other interface elements is too large, which will affect the consistency of the interface display and reduce the user experience. Fig.10 Adaptive display optimizes the user's visual experience. This method can respond to the user's behavior of changing the background image in real time, automatically adjust the interface theme, reduce the tediousness of manual settings by the user, and improve operational convenience and interface adaptability.
[0107] The process of switching the interface display mode in this embodiment is described in detail below.
[0108] Fig.12 A flow chart of a method for switching an interface display mode in some embodiments is shown. A display device provided in an embodiment of the present application, a controller is configured to execute Fig.12 The interface display mode switching method comprises:
[0109] Step 1201, in response to a picture display setting request, display a picture setting interface; wherein the picture setting interface includes a current theme picture.
[0110] In an embodiment of the present application, a user may operate a display device according to usage requirements to trigger a picture display setting request. As an example, a user may trigger a picture display setting request by opening a picture display setting application on a display setting and selecting a background setting icon.
[0111] In an embodiment of the present application, after obtaining a picture display setting request, a picture setting interface is displayed; it can be understood that the picture setting interface includes the current theme picture, and the current theme picture can be understood as the default theme picture, which is obtained and displayed each time the picture setting interface is opened. The user can set the default theme picture according to the frequency of use.
[0112] Step 1202, obtain a background image, and process the background image to obtain color information and brightness information.
[0113] In an embodiment of the present application, a user can select a background image in the image setting interface, and after confirming the background image, process the background image to obtain color information and brightness information.
[0114] For example, the background image is processed based on an image processing algorithm to obtain the average color, color ratio, average brightness, brightness level, etc. of the background image as color information and brightness information, and specific calculations are performed according to the needs of the application scenario.
[0115] Step 1203, judging whether the background image and the current theme image meet the preset display conditions based on the color information, the brightness information and the preset image judgment information.
[0116] In an embodiment of the present application, different color information and brightness information correspond to different image judgment information. For example, the average color and average brightness are obtained. The image judgment information includes information such as color threshold and brightness threshold, so as to calculate based on information such as average color value, average brightness value, color threshold and brightness threshold to obtain a calculation result.
[0117] It is understandable that different calculation results correspond to different display conditions. For example, the display condition is a display threshold. The calculation result is compared with the display threshold to determine whether the background image and the current theme image meet the preset display condition.
[0118] Step 1204: When the background image and the current theme image do not meet the preset display conditions, a theme switching prompt message is displayed on the image setting interface.
[0119] In an embodiment of the present application, when the background image and the current theme image do not meet the preset display conditions, if the background image is displayed directly, there may be a problem of excessive color contrast between the background image and other interface elements affecting the consistency of the interface display, thereby displaying a theme switching prompt message on the picture setting interface.
[0120] It can be understood that when the background image and the current theme image do not meet the preset display conditions, it is also possible to determine which theme image the background image matches. After displaying the theme switching prompt information, the target background image that matches the background image can be obtained based on confirming the switching information or waiting for a preset time period, and the target theme image can be displayed in the image setting interface. The background image can be drawn on the target theme image to obtain and display the target display image.
[0121] It should be noted that, when the background image and the current theme image meet the preset display conditions, the background image can be directly drawn on the current theme image.
[0122] In the above example, the display (e.g., light and dark) theme of the application interface can be automatically adjusted according to the background image selected by the user. By identifying the main color and brightness distribution of the background image, the display mode such as dark or light can be automatically switched according to the analysis results to optimize the visual effect, reduce the need for users to manually adjust settings, and provide a personalized visual experience. Provide a seamless and intuitive user interface adaptation method to enhance the comfort and convenience of users when using electronic devices.
[0123] Fig.13 FIG. 1 is a flowchart of another method for switching interface display modes in some embodiments. Based on the above embodiment, this embodiment further optimizes the above method for switching interface display modes. Fig.13 As shown, the method also includes:
[0124] In some embodiments of the present application, in response to a picture display setting request, the current theme picture is obtained from the application configuration, and the current theme picture is displayed in the picture setting interface.
[0125] In some embodiments of the present application, a background image is obtained, and a target color model image of the background image is obtained.
[0126] It can be understood that the background image is usually in RGB (Red, Green, Blue) format. In order to improve the accuracy of subsequent judgment, the background image can be converted into a target color model image in different formats, such as HSV (Hue, Saturation, Value), where Hue is the hue, which describes the type of color, such as red, green and blue; Saturation is the saturation, which describes the purity or intensity of the color; the higher the saturation, the purer the color and the closer it is to a pure color; the lower the saturation, the darker the color and tends to gray; Value is the brightness, which describes the lightness of the color; the higher the brightness value, the brighter the color; the lower the brightness value, the darker the color; relative to RGB, HSV can separate color information from brightness information.
[0127] In an embodiment of the present application, the background image is denoised based on a preset denoising algorithm to obtain a picture to be converted; all pixels of the picture to be converted are traversed to obtain the color channel of each pixel; the color channel of each pixel is converted according to a preset conversion rule to obtain a target color channel for each pixel, and a target color model image is obtained based on all the converted pixels.
[0128] It is understandable that if there is noise in the background image, the noise may interfere with the accurate analysis of color and brightness. Gaussian blur and other denoising algorithms can be used to denoise the background image as needed. At the same time, Gaussian blur can also effectively reduce the amount of image data and speed up subsequent calculations.
[0129] For example, in the above embodiment Figure 8 Take the background picture selected as an example. The original image has a maximum resolution of 3840*2160. After denoising, the resolution is reduced to 480*260. Fig.14 As shown, the amount of data that needs to be processed is reduced by 64 times. At the same time, since Gaussian blur achieves the blurring effect by setting the color value of each pixel to the average of its neighboring pixels, it can effectively reduce the high-frequency noise of the background image.
[0130] Furthermore, it is necessary to perform denoising on the image to be converted, for example Fig.14 The picture shown is processed, that is, the color channel of each pixel of the picture to be converted is converted to obtain the target color model picture; among them, the target color model picture that needs to be converted into different formats has different conversion rules, which can be selected and set as needed. For example, for each pixel on the picture to be converted, its RGB information is obtained and then converted to HSV, so as to obtain the target color model picture in HSV format.
[0131] In some embodiments of the present application, all pixels of the target color model image are traversed, the number of each color is calculated to obtain a color histogram, and calculations are performed based on the color histogram to obtain an average color value.
[0132] In the embodiment of the present application, after obtaining the target color model image, further processing is performed based on the target color model image to obtain the average color value. Specifically, all pixels of the target color model image are traversed, and the number of each color is calculated to obtain a color histogram, so that the distribution of various colors in the image can be analyzed according to the color histogram. Fig.14 For example, traverse Fig.14 For all the pixels in the picture shown, calculate the number of each color and get the color distribution diagram as follows Fig.15 As shown, the horizontal and vertical axes are color values, and the vertical axis is the number of pixels. You can see the distribution of the number of pixels corresponding to different colors.
[0133] Further, calculation is performed based on the information based on the color histogram to obtain an average color value.
[0134] In some embodiments of the present application, all pixels of the target color model image are traversed to obtain the total brightness of all pixels, and an average calculation is performed based on the total brightness and the image size to obtain an average brightness value.
[0135] In an embodiment of the present application, the average brightness value of the image is obtained by averaging the brightness components of all pixels. For example, based on the target color model image, the Value of each pixel can be obtained for calculation to obtain the total brightness of all pixels. The average calculation is performed based on the total brightness and the image size to obtain the average brightness value.
[0136] In some embodiments of the present application, the color threshold, brightness threshold, color weight coefficient and brightness weight coefficient are obtained based on the picture judgment information, and calculations are performed based on the average color value, average brightness value, color threshold, brightness threshold, color weight coefficient and brightness weight coefficient to obtain calculation results.
[0137] Among them, the color threshold, brightness threshold, color weight coefficient and brightness weight coefficient can be set based on the color and brightness preferences of different users.
[0138] Specifically, the average color value, the average brightness value, the color threshold, the brightness threshold, the color weight coefficient and the brightness weight coefficient are weighted averaged to obtain a calculation result.
[0139] In some embodiments of the present application, a display threshold is obtained based on the display condition, and it is determined whether the calculation result is greater than the display threshold to determine whether the background image and the current theme image meet the preset display condition.
[0140] In some embodiments of the present application, when the calculation result is greater than the display threshold, it is determined that the background image and the current subject image do not meet the preset display conditions, a target subject image that matches the background image display is obtained, and switching prompt information that matches the background image and the target subject image is generated.
[0141] Specifically, after obtaining the average color and average brightness, analysis and decision-making can be carried out, and the final result can be calculated by weighted averaging the two factors of average color and average brightness. More specifically, a brightness threshold, a color threshold, a brightness weight coefficient and a color coefficient are set, and the average color and average brightness are combined for calculation to obtain the calculation result.
[0142] Furthermore, a display threshold is obtained based on a preset display condition. When a calculation result is greater than the display threshold, it is determined that the background image and the current subject image do not satisfy the preset display condition. A target subject image that matches the background image display is obtained, and switching prompt information that matches the background image and the target subject image is generated. When the calculation result is less than or equal to the display threshold, no processing is performed, and the background image is directly drawn on the current subject image display.
[0143] In the above example, by analyzing the color distribution and brightness level of the background image, the system intelligently determines and prompts the user to switch to the best interface mode to optimize the user's visual experience. This method can respond to the user's behavior of changing the background image in real time, automatically adjust the interface theme, reduce the tediousness of manual settings by the user, and improve the convenience of operation and the adaptability of the interface.
[0144] Fig.16 A flowchart of another method for switching an interface display mode in some embodiments is shown. A display device provided in an embodiment of the present application, wherein a controller is configured to execute Fig.16 The interface display mode switching method comprises:
[0145] In some embodiments of the present application, in response to a display switching request, a target subject picture is obtained.
[0146] In some embodiments of the present application, the target theme picture is displayed in the picture setting interface, and the target theme picture is stored in the application configuration.
[0147] In some embodiments of the present application, a background image is drawn on a target subject image to obtain a target display image and display it.
[0148] Specifically, after the picture setting interface displays the theme switching prompt information, the user can confirm whether to switch based on the prompt information. After the user triggers the confirmation switch, the target theme picture is obtained in response to the display switching request. According to the aforementioned calculation and analysis, it has been determined that the background picture corresponds to the best theme picture, that is, the target theme picture. Therefore, the target theme picture can be directly obtained and stored in the application configuration.
[0149] Furthermore, the background image is drawn on the target subject image to obtain the target display image and display it.
[0150] In the above example, after prompting the user, the optimal interface mode is switched based on the user's needs to optimize the user's visual experience.
[0151] Fig.17 FIG. 2 is a flowchart of another method for switching the interface display mode in some embodiments. Based on the above embodiment, this embodiment further optimizes the above method for switching the interface display mode. Fig.17As shown, the method includes:
[0152] In some embodiments of the present application, in response to a display adjustment request, a background adjustment coefficient and a theme adjustment coefficient are obtained.
[0153] In some embodiments of the present application, background parameters corresponding to the background image are determined based on the background adjustment coefficient, and theme parameters of the target theme image are determined based on the theme adjustment coefficient.
[0154] In some embodiments of the present application, the target display picture display is controlled based on background parameters and theme parameters.
[0155] Specifically, after displaying the target display image, the user may need to further adjust the current interface display mode, so that the user can select the interface display target state mode by triggering the relevant icon or control, thereby receiving the display adjustment request and obtaining the background adjustment coefficient and the theme adjustment coefficient. That is to say, after receiving the display adjustment request, the background adjustment coefficient and the theme adjustment coefficient are obtained by parsing the display adjustment request, that is, the background needs to be adjusted to display, so that based on the mapping relationship between the preset background adjustment coefficient and the background parameters, the background parameters corresponding to the matching background image can be obtained; similarly, based on the mapping relationship between the preset theme adjustment coefficient and the theme parameters, the theme parameters corresponding to the matching target theme image can be obtained.
[0156] Among them, the background parameters are used to indicate the setting parameters of the color space model for setting the background image; the theme parameters are used to indicate the setting parameters of the color space model for setting the target theme image, so as to set the background image and the target theme image according to the background parameters and the theme parameters, so as to realize the setting and display of the final target display image.
[0157] Therefore, the display effect can be improved, the user's needs can be met, and the user experience can be enhanced based on the adjustment of the display state of the interface display mode.
[0158] As an example, Fig.18 The structural diagram of the display device of the interface display mode switching method shown includes a skin management module 1801 and a background management module 1802; wherein the skin management module is used to handle the loading and switching of the skin; and the background management module 1802 is responsible for the selection and drawing of the background.
[0159] Specifically, the skin management module 1801 is responsible for loading and switching skins. For example, if it has two sets of skins, dark and light, it will read the current theme image from the application configuration during initialization and then load it. After the background management module 1802 switches the background image, it will notify the skin management module 1801 to switch the background. After the user confirms the skin switch, the new skin will be loaded and the new skin (target theme image) will be written to the application configuration.
[0160] Specifically, the background management module 1802 is responsible for the selection, drawing and analysis of the background image, such as Fig.19 As shown, it includes step 19.1 selecting a picture; step 19.2 drawing a picture; step 19.3 picture preprocessing; step 19.4 color brightness extraction; step 19.5 analysis and decision making; and step 19.6 notifying the skin management module to switch skins.
[0161] Specifically, after selecting and drawing the image, the image is preprocessed. The image preprocessing includes two steps: denoising and converting the color space. The noise in the image may interfere with the accurate analysis of color and brightness. For example, Gaussian blur is used to denoise the image. At the same time, Gaussian blur can also effectively reduce the amount of image data and speed up subsequent calculations. The image is converted from RGB to HSV color space. More specifically, the width and height of the denoised image are obtained, and an array is defined to store HSV information. The RGB information of each pixel in the image is obtained and then converted to HSV.
[0162] Furthermore, the color histogram of the image is calculated to analyze the distribution of various colors in the image. More specifically, an array is defined to store the number of each color, all pixels are traversed, the number of each color is calculated, and a color histogram is obtained. The average brightness of the image is calculated by averaging the Value components of all pixels. After extracting the color and brightness, analysis and decision making can be performed, and the final result is calculated by weighted averaging of the two factors of color and brightness.
[0163] Specifically, the calculation results are as follows: set a brightness threshold M, a color threshold N, and a brightness coefficient X, then calculate the average brightness value R, and calculate the average color value T according to the information of the color histogram, that is, traverse all colors, obtain all pixels of the image, and obtain the color value multiplied by the number of times the color appears, and divide the color value multiplied by the number of times the color appears by all pixels. For example, the maximum value of the brightness value is 255, and the maximum value of the color value is 360. The calculation is performed by the formula (RM) / 255*X+(TN) / 360*(1-X), where RM represents the difference between the average brightness and the set threshold, and then divided by the highest brightness 255 to represent the percentage of deviation, and then multiplied by the weighted average X. Similarly, represents the difference between the average color and the set threshold, and then divided by the highest color value 360 to represent the percentage of deviation, and then multiplied by the weighted average (1-X); if the value is greater than 0, it means that the image is more biased towards bright colors, and a light color theme should be selected at this time, otherwise a dark color theme should be selected.
[0164] In some embodiments, the embodiments of the present application also provide an electronic device, including: a memory and a processor, the memory being used to store a computer program; the processor being used to enable the electronic device to implement the interface display mode switching method described in any of the above embodiments when executing the computer program.
[0165] In some embodiments, an embodiment of the present application provides a computer-readable storage medium, on which a computer program is stored. When the computer program is executed by a computing device, the computing device implements the interface display mode switching method described in any of the above embodiments.
[0166] In some embodiments, an embodiment of the present application provides a computer program product. When the computer program product runs on a computer, the computer implements the interface display mode switching method described in the second aspect or any embodiment of the second aspect.
[0167] Finally, it should be noted that the above embodiments are only used to illustrate the technical solutions of the present application, rather than to limit it. Although the present application has been described in detail with reference to the aforementioned embodiments, those skilled in the art should understand that they can still modify the technical solutions described in the aforementioned embodiments, or replace some or all of the technical features therein with equivalents. However, these modifications or replacements do not cause the essence of the corresponding technical solutions to deviate from the scope of the technical solutions of the embodiments of the present application.
[0168] For the convenience of explanation, the above description has been made in conjunction with specific embodiments. However, the above exemplary discussion is not intended to be exhaustive or limit the embodiments to the specific forms disclosed above. Based on the above teachings, various modifications and variations can be obtained. The selection and description of the above embodiments are to better explain the principles and practical applications, so that those skilled in the art can better use the embodiments and various different variations of the embodiments suitable for specific use considerations.
Claims
1. A display device, characterized in that: include: monitor; A controller connected to the display, wherein the controller is configured to: In response to the picture display setting request, displaying a picture setting interface; wherein the picture setting interface includes the current theme picture; Obtaining a background image, and processing the background image to obtain color information and brightness information; Determining whether the background image and the current theme image meet a preset display condition based on the color information, the brightness information and preset image judgment information; When the background image and the current theme image do not satisfy a preset display condition, theme switching prompt information is displayed on the image setting interface.
2. The display device according to claim 1, characterized in that When the controller displays the picture setting interface in response to the picture display setting request, the controller is specifically configured to: In response to the picture display setting request, obtaining the current theme picture from the application configuration; The current theme picture is displayed in the picture setting interface.
3. The display device according to claim 1, characterized in that When the controller processes the background image to obtain color information and brightness information, the controller is configured to: Obtain a target color model image of the background image; Traversing all pixel points of the target color model image, calculating the number of each color to obtain a color histogram, and performing calculations based on the color histogram to obtain an average color value as the color information; Traverse all pixels of the target color model image to obtain the total brightness of all pixels; An average calculation is performed based on the total brightness and the picture size to obtain an average brightness value as the brightness information.
4. The display device according to claim 3, characterized in that When executing the acquisition of the target color model image of the background image, the controller is configured to: Performing denoising processing on the background image based on a preset denoising algorithm to obtain an image to be converted; Traverse all pixels of the image to be converted and obtain the color channel of each pixel; The color channel of each pixel is converted according to a preset conversion rule to obtain a target color channel of each pixel, and the target color model image is obtained based on all the converted pixels.
5. The display device according to claim 1, characterized in that The color information is an average color value and the brightness information is an average brightness value. When the controller performs the judgment based on the color information, the brightness information and the preset picture judgment information to determine whether the background picture and the current theme picture meet the preset display condition, the controller is specifically configured as follows: Acquire a color threshold, a brightness threshold, a color weight coefficient, and a brightness weight coefficient based on the image judgment information; Perform calculation based on the average color value, the average brightness value, the color threshold, the brightness threshold, the color weight coefficient, and the brightness weight coefficient to obtain a calculation result; A display threshold is obtained based on the display condition, and it is determined whether the calculation result is greater than the display threshold to determine whether the background image and the current theme image meet the preset display condition.
6. The display device according to claim 5, characterized in that The controller displays theme switching prompt information on the picture setting interface when the background picture and the current theme picture do not meet the preset display condition, and is configured to: When the calculation result is greater than the display threshold, it is determined that the background image and the current subject image do not meet the preset display condition, and a target subject image that matches the background image display is obtained; Generate switching prompt information that matches the background image with the target theme image.
7. The display device according to claim 1, characterized in that The controller is also configured to: In response to the display switching request, obtaining a target subject image; The target theme picture is displayed on the picture setting interface, and the target theme picture is stored in the application configuration.
8. The display device according to claim 7, characterized in that The controller is also configured to: The background image is drawn on the target theme image to obtain the target display image and display it.
9. The display device according to claim 8, characterized in that The controller is also configured to: In response to a display adjustment request, obtaining a background adjustment coefficient and a theme adjustment coefficient; Determining background parameters corresponding to the background image based on the background adjustment coefficient; Determining theme parameters of the target theme image based on the theme adjustment coefficient; The target display picture display is controlled based on the background parameter and the theme parameter.
10. A method for switching an interface display mode, characterized in that: include: In response to the picture display setting request, displaying a picture setting interface; wherein the picture setting interface includes the current theme picture; Obtaining a background image, and processing the background image to obtain color information and brightness information; Determining whether the background image and the current theme image meet a preset display condition based on the color information, the brightness information and preset image judgment information; When the background image and the current theme image do not satisfy a preset display condition, theme switching prompt information is displayed on the image setting interface.