Background image display method and apparatus, and electronic device, storage medium and program product

Abstract

Provided in the embodiments of the present disclosure are a background image display method and apparatus, and an electronic device, a storage medium and a program product. The display method comprises: acquiring a first color corresponding to a first background image of an interface; on the basis of the first color and a display mode of the interface, determining a second color; on the basis of the first color and the second color, determining a background-image-associated color of the first background image in the display mode; and on the basis of the background-image-associated color, displaying the first background image in a background image display area of the interface.

Description

Methods, devices, electronic devices, storage media, and program products for displaying background images

[0001] Cross-references to related applications

[0002] This application claims priority to Chinese Patent Application No. 202510127542.3, filed on January 27, 2025, the disclosure of which is incorporated herein by reference in its entirety. Technical Field

[0003] This disclosure relates to a method, apparatus, electronic device, storage medium, and program product for displaying a background image. Background Technology

[0004] Currently, some applications allow users to set the background image of the interface. However, the display quality of the background image in these technologies is generally poor. Summary of the Invention

[0005] This disclosure provides a method, apparatus, electronic device, storage medium, and program product for displaying a background image.

[0006] In a first aspect, embodiments of this disclosure provide a method for displaying a background image, including:

[0007] Get the first color corresponding to the first background image of the interface;

[0008] The second color is determined based on the first color and the display mode of the interface;

[0009] The background image associated color of the first background image in the display mode is determined based on the first color and the second color;

[0010] The first background image is displayed in the background image display area of ​​the interface based on the associated color of the background image.

[0011] Secondly, embodiments of this disclosure also provide a background image display device, comprising:

[0012] The color acquisition module is used to acquire the first color corresponding to the first background image of the interface.

[0013] The color determination module is used to determine a second color based on the first color and the display mode of the interface;

[0014] A correlated color determination module is used to determine the correlated color of the background image of the first background image in the display mode based on the first color and the second color;

[0015] The background image display module is used to display the first background image in the background image display area of ​​the interface based on the associated color of the background image.

[0016] Thirdly, embodiments of this disclosure also provide an electronic device, including:

[0017] One or more processors;

[0018] Memory, used to store one or more programs.

[0019] When the one or more programs are executed by the one or more processors, the one or more processors implement the background image display method as described in the embodiments of this disclosure.

[0020] Fourthly, embodiments of this disclosure also provide a computer-readable storage medium having a computer program stored thereon, which, when executed by a processor, implements the method for displaying a background image as described in embodiments of this disclosure.

[0021] Fifthly, embodiments of this disclosure also provide a computer program product that, when executed by a computer, enables the computer to implement the background image display method as described in embodiments of this disclosure. Attached Figure Description

[0022] The above and other features, advantages, and aspects of the embodiments of this disclosure will become more apparent from the accompanying drawings and the following detailed description. Throughout the drawings, the same or similar reference numerals denote the same or similar elements. It should be understood that the drawings are schematic, and the originals and elements are not necessarily drawn to scale.

[0023] Figure 1 is a schematic flowchart of a background image display method provided in an embodiment of this disclosure;

[0024] Figure 2 is a flowchart illustrating another method for displaying a background image according to an embodiment of this disclosure;

[0025] Figure 3 is a schematic diagram of a first background image provided in an embodiment of this disclosure;

[0026] Figure 4 is a schematic diagram of a gradient mask layer for a first background image provided in an embodiment of this disclosure;

[0027] Figure 5 is a schematic diagram of a background image display area provided in an embodiment of this disclosure;

[0028] Figure 6 is a structural block diagram of a background image display device provided in an embodiment of this disclosure;

[0029] Figure 7 is a schematic diagram of the structure of an electronic device provided in an embodiment of this disclosure. Detailed Implementation

[0030] Embodiments of this disclosure will now be described in more detail with reference to the accompanying drawings. While some embodiments of this disclosure are shown in the drawings, it should be understood that this disclosure can be implemented in various forms and should not be construed as limited to the embodiments set forth herein. Rather, these embodiments are provided to provide a more thorough and complete understanding of this disclosure. It should be understood that the accompanying drawings and embodiments of this disclosure are for illustrative purposes only and are not intended to limit the scope of protection of this disclosure.

[0031] It should be understood that the steps described in the method embodiments of this disclosure may be performed in different orders and / or in parallel. Furthermore, the method embodiments may include additional steps and / or omit the steps shown. The scope of this disclosure is not limited in this respect.

[0032] The term "comprising" and its variations as used in this disclosure are open-ended, meaning "including but not limited to". The term "based on" means "at least partially based on". The term "one embodiment" means "at least one embodiment"; the term "another embodiment" means "at least one additional embodiment"; the term "some embodiments" means "at least some embodiments". Relevant definitions for other terms will be given in the description below.

[0033] It should be noted that the concepts of "first" and "second" mentioned in this disclosure are used only to distinguish different devices, modules or units, and are not used to limit the order of functions performed by these devices, modules or units or their interdependencies.

[0034] It should be noted that the terms "a" and "a plurality of" used in this disclosure are illustrative rather than restrictive, and those skilled in the art should understand that, unless otherwise expressly indicated in the context, they should be understood as "one or more".

[0035] The names of messages or information exchanged between multiple devices in the embodiments of this disclosure are for illustrative purposes only and are not intended to limit the scope of such messages or information.

[0036] It is understood that the data involved in the technical solutions disclosed herein (including but not limited to the data itself, the acquisition or use of the data) shall comply with the requirements of relevant laws, regulations and related provisions.

[0037] Figure 1 is a flowchart illustrating a method for displaying a background image according to an embodiment of this disclosure. This method can be executed by a background image display device, which can be implemented by software and / or hardware and can be configured in an electronic device, such as a computer, mobile phone, or tablet computer. The background image display method provided in this disclosure is applicable to scenarios where the background image of the interface is displayed based on a color associated with the interface's display mode and the background image. As shown in Figure 1, the background image display method provided in this embodiment may include:

[0038] S101. Obtain the first color corresponding to the first background image of the interface.

[0039] Here, "interface" can be understood as an interface with a background image, such as an interface where the background image is displayed based on a background image associated with a color. The specific type of interface is not limited; for example, this interface can include, but is not limited to, a user's personal interface. The following example uses a user's personal interface. "First background image" can be understood as the background image to be displayed in the interface, such as the background image to be displayed in the background image display area of ​​the first background image. The first background image can be set by the user corresponding to the interface. Taking a user's personal interface in the current application as an example, if this user has not yet set a background image for their personal interface, the first background image can be the default background image for the personal interface in the current application; if this user has already set a background image for their personal interface, the first background image can be the background image set by this user for their personal interface. "First color" can be understood as a color obtained based on the first background image, for example, a color obtained based on the color information of each color in the first background image. The first color can be used to determine the background image associated color of the first background image.

[0040] For example, a first color corresponding to a first background image of the interface can be obtained. This involves obtaining the first background image of the interface, determining the color information of at least a portion of the background image area, and determining the first color corresponding to the first background image based on the color information of this at least a portion of the background image area. The color information of the first background image is not limited; for example, the color information of the first background image may include color proportion information and / or color feature information of at least a portion of the colors in the first background image.

[0041] S102. Determine the second color based on the first color and the display mode of the interface.

[0042] The display mode of the interface can be understood as the mode adopted when the interface is displayed. It can include various candidate display modes for this interface, or it can include the display mode currently adopted by the interface. For example, this display mode can be the display mode of the current application corresponding to this interface. This display mode may include, for example, a dark mode and / or a light mode. Under different display modes, the interface in the current application can present different interface brightness and / or interface background color. The second color can be a color determined based on the first color and corresponding to the display mode of the interface. The second color can be used to determine the background image associated color of the first background image. When the display modes of the interfaces are different, the second color and / or the method of determining the second color are different.

[0043] Specifically, after obtaining the first color corresponding to the first background image of the interface, the second color can be determined based on the first color and the display mode of the interface.

[0044] In this embodiment, the method for determining the second color based on the first color and the display mode of the interface is not limited. For example, a determination method corresponding to the display mode of the interface can be used to determine the second color based on the first color. For instance, the parameter values ​​of at least some of the color parameters of the second color parameter can be calculated based on the parameter values ​​of at least some of the color parameters of the first color parameter, such as calculating the parameter values ​​of these at least some color parameters of the second color based on the parameter values ​​of the at least some color parameters of the first color and a calculation method corresponding to the interface display mode, and so on.

[0045] In some embodiments, determining the second color based on the first color and the display mode of the interface includes: determining the luminance value of the second color based on the luminance value of the first color, a preset luminance value, and the display mode of the interface; calculating the saturation value of the second color based on the luminance value of the second color; and determining the second color based on the luminance value of the second color, the saturation value of the second color, and the chromaticity value of the first color.

[0046] For example, the color brightness value of the second color can be determined based on the color brightness value of the first color, the preset brightness value, and the display mode of the interface. For instance, a color brightness value between the color brightness value of the first color and the preset brightness value can be obtained using an acquisition method corresponding to the display mode of the interface, and used as the color brightness value of the second color.

[0047] After determining the luminance value of the second color, its saturation value can be calculated based on that luminance value. For example, the luminance value can be used as the independent variable, and the saturation value as the dependent variable. A saturation calculation formula can be pre-set, so that after determining the luminance value of the second color, its saturation value can be calculated according to the pre-set formula.

[0048] In addition, the chromaticity value of the second color can be determined based on the chromaticity value of the first color, such as using the chromaticity value of the first color as the chromaticity value of the second color; or, the chromaticity value of the first color can be increased or decreased to obtain the chromaticity value of the second color, such as using a preset chromaticity calculation formula to calculate the chromaticity value of the second color based on the chromaticity value of the first color, etc.

[0049] Thus, the luminance, saturation, and chromaticity values ​​of the second color can be obtained, thereby confirming the determination of the second color.

[0050] In the above embodiments, when the display modes of the interface are different, the method of obtaining the color brightness value between the color brightness value and the brightness value of the first color, and the obtained color brightness value, can be the same or different. For example, if the color brightness value of the first color is the same as the preset brightness value, the color brightness value obtained in the light mode and the color brightness value obtained in the dark mode can be the same, that is, both are the color brightness value of the first color, and both are the preset brightness value; if the color brightness value of the first color is greater than the preset brightness value, the color brightness value obtained in the light mode can be greater than the color brightness value obtained in the dark mode; if the color brightness value of the first color is less than the preset brightness value, the color brightness value obtained in the light mode can be greater than or equal to the color brightness value obtained in the dark mode. The preset brightness value can be flexibly set as needed, such as setting the preset brightness value to 0, 5, or 10, etc.

[0051] In some examples, when the brightness value of the first color differs from the preset brightness value, the method for obtaining the brightness value of the second color between the brightness value of the first color and the preset brightness value is not limited. For example, the brightness value of the first color can be increased or decreased by a preset value or a preset ratio as the brightness value of the second color. This preset value and / or preset ratio can be determined based on the brightness value of the first color, the preset brightness value, and / or the display mode of the interface, and the specific method of determination is not limited.

[0052] Optionally, determining the color brightness value of the second color based on the color brightness value of the first color, a preset brightness value, and the display mode of the interface includes at least one of the following: in response to the color brightness value of the first color being greater than the preset brightness value, obtaining a preset equal division value between the color brightness value of the first color and the preset brightness value, and using it as the color brightness value of the second color, wherein the preset equal division value corresponds to the display mode of the interface; in response to the color brightness value of the first color being less than or equal to the preset brightness value, using the color brightness value of the first color as the color brightness value of the second color.

[0053] Specifically, if the brightness value of the first color is greater than the preset brightness value, the brightness value of the first color can be divided into n equal parts, and the value of the m-th part can be used as the brightness value of the second color. For example, the difference between the brightness value of the first color and the preset brightness value can be calculated, the ratio between this difference and n can be calculated, the product between m and this ratio can be obtained, and the difference between the brightness value of the first color and this product can be further calculated as the brightness value of the second color. If the brightness value of the first color is less than or equal to the preset brightness value, the brightness value of the first color can be used as the brightness value of the second color to avoid the situation where the brightness value of the second color is greater than the brightness value of the first color, thereby avoiding the situation where the brightness of the background image associated color determined later is too high, and further improving the display effect of the background image in the background image display area.

[0054] Where n and m are both positive integers. At least one of n and m corresponds to the display mode of the interface. For example, when the display modes of the interface are different, the value of at least one of n and m will be different. In some examples, the value of n can be preset as needed. For example, n can be set to a value such as 3, 4, or 5. This embodiment does not limit this. The value of m can correspond to the display mode of the interface. Optionally, the value of m in light mode can be less than its value in dark mode. For example, the value of m in light mode can be 1, 2, or 3, and the value of m in dark mode can be 2, 3, or 4.

[0055] In the above embodiments, the color brightness value of the second color can be determined based on the color brightness value of the first color, the preset brightness value, and the display mode of the interface. The color saturation of the second color can be calculated based on the color brightness value of the second color, and the color chromaticity value of the second color can be determined based on the color chromaticity value of the first color. This can avoid the situation where the background image associated with the first background image is too bright or too dark relative to the display mode, and further improve the display effect of the background image in the background image display area.

[0056] S103. Determine the background image associated color of the first background image in the display mode based on the first color and the second color.

[0057] The background color associated with the first background image in a certain display mode can be understood as the color used when displaying the first background image in this display mode.

[0058] Specifically, after obtaining the first color and the second color, the associated background color of the first background image in the corresponding display mode can be determined based on these first and second colors, so that the first background image can be displayed in the interface based on this associated background color.

[0059] In this embodiment, the method for determining the background image associated color is not limited. For example, the color that meets the preset conditions between the first color and the second color can be obtained as the background image associated color of the first background image in the corresponding display mode; alternatively, the first color and the second color can be fused, and the fused color can be used as the background image associated color of the first background image in the corresponding display mode, and so on. The preset conditions can be, for example, that the parameter value of the preset color parameter is within a preset parameter value range, or that the parameter value of the preset color parameter is large or small, etc. The method of fusing the first color and the second color is not limited. For example, one or more preset color parameters of the first color and the second color can be fused according to a preset fusion weight, etc.

[0060] In some implementations, the color whose relative size relationship between the preset color parameter values ​​of the first color and the preset color parameter values ​​of the second color satisfies a preset condition can be obtained and used as the background image associated color of the first background image. This reduces the computational load required to determine the background image associated color of the first background image while improving the display effect of the background image in the background image display area, thereby further improving the display speed of the first background image. The preset color parameters may include, for example, brightness, saturation, and / or chroma.

[0061] Optionally, determining the background image associated color of the first background image in the display mode based on the first color and the second color includes: determining the relative magnitude relationship between the color brightness value of the first color and the color brightness value of the second color; and determining the first color or the second color as the background image associated color of the first background image in the display mode based on the relative magnitude relationship.

[0062] Specifically, the relative size relationship between the color brightness values ​​of the first color and the second color can be determined; based on the relative size relationship between the color brightness values ​​of the first color and the second color, the color whose relative size relationship satisfies the preset condition is obtained from the first color and the second color, such as obtaining the color with the larger color brightness value or the color with the smaller color brightness value from the first color and the second color, as the background associated color of the first background image in the corresponding display mode.

[0063] In the above embodiments, the color with a larger or smaller brightness value among the first and second colors can be flexibly set as needed. For example, when displaying interface content (such as characters) that overlaps with the background image display area, a relatively light color can be used, and the color with a smaller brightness value among the first and second colors can be obtained; when displaying interface content that overlaps with the background image display area, a relatively dark color can be used, and the color with a larger brightness value among the first and second colors can be obtained, and so on.

[0064] In some examples, taking the smaller brightness value of the first color and the second color as an example, after obtaining the first color and the second color, the relative size relationship between the brightness values ​​of the first color and the second color can be determined. If the brightness value of the first color is less than or equal to the brightness value of the second color, then the first color is determined as the background associated color of the first background image in the corresponding display mode; if the brightness value of the first color is greater than the brightness value of the second color, then the second color is determined as the background associated color of the first background image in the corresponding display mode.

[0065] S104. Display the first background image in the background image display area of ​​the interface based on the background image associated color.

[0066] In this embodiment, after obtaining the background associated color of the first background image in one or more display modes, the first background image can be displayed in the background image display area of ​​the interface based on the background associated color of the first background image in the current display mode of the interface.

[0067] The background image display area of ​​the interface can be understood as the area within the interface used to display the background image, i.e., the display area of ​​the first background image. This background image display area can be at least a portion of the first interface, such as the overall interface area and / or the header image area of ​​the first interface. The following example uses the header image area as the background image display area. In this case, the first background image can be the header image of the interface, which can be understood as the image located at the top of the interface.

[0068] In this embodiment, the method by which the first background image is displayed in the background image display area of ​​the interface based on the background image associated color of the first background image is not limited. For example, the background image associated color of the first background image can be displayed in association with the first background image. This background image associated color can be used to generate the background color of the first background image and / or the background image overlay of the first background image, etc. This background image overlay can be understood as an overlay displayed on part or all of the area of ​​the first background image. It can be a monochrome overlay or a gradient overlay generated based on the background image associated color of the first background image, etc. When the display mode of the interface is different and / or the determined background image associated colors are different, the generated overlay can be different.

[0069] Taking the background image overlay layer used to generate the first background image as an example, this background image overlay layer can be gradually generated according to the different display positions of the color brightness value, color saturation value and / or color chromaticity value of the background image overlay layer. For example, it can be generated by gradually increasing or decreasing the color brightness value, color saturation value and / or color chromaticity value of the background image overlay layer based on a pre-set linear curve or non-linear curve.

[0070] In some implementations, a gradient overlay of the first background image can be generated based on a Bézier curve to improve the fusion between the generated gradient overlay and the first background image, reduce the visual disconnect between the gradient overlay and the first background image, and further improve the display effect of the background image in the background image display area.

[0071] Optionally, displaying the first background image in the background image display area of ​​the interface based on the background image associated color includes: generating a gradient overlay of the first background image according to the background associated color and a Bézier curve; displaying the gradient overlay on top of at least a portion of the first background image displayed in the background image display area of ​​the interface, wherein the at least a portion of the first background image includes at least a preset background image area.

[0072] The preset background image area can be understood as the background image area used to determine the first color. For example, the preset background image area may include areas that overlap with other interface content displayed on the interface; in other words, the background image area may contain sub-areas displaying foreground interface content.

[0073] Specifically, a gradient overlay of the first background image can be generated based on the associated color of the first background image in the current display mode of the interface. For example, this associated color of the background image can be used as the color of the first side of the gradient overlay. Based on the Bézier curve, the brightness value of this associated color can be controlled to gradually increase from the first side to the second side opposite to the first side to a set brightness value. During the gradual increase of the brightness value of the associated color of the background image, its saturation value and chroma value can be kept constant. Thus, the gradient overlay of the first background image is obtained. After obtaining the gradient overlay of the first background image, the image can be superimposed between this gradient overlay and the first background image to obtain the background image image of the pie chart display area. For example, this gradient overlay can be displayed on top of at least a part of the first background image area. For instance, the first background image can be displayed in the background image display area of ​​the interface, and this gradient overlay can be displayed on top of the entire background image area of ​​the first background image or a part of the background image area including the preset background image area.

[0074] The background image display method provided in this embodiment obtains a first color corresponding to a first background image of the interface; determines a second color based on the first color and the display mode of the interface; determines a background image associated color of the first background image in the corresponding display mode based on the first color and the second color; and displays the first background image in the background image display area of ​​the interface based on this background image associated color. This embodiment utilizes the above technical solution, determining the second color based on the first color and the display mode of the interface, and determining the background image associated color in the corresponding mode based on the first color and the second color. This enables differentiated display of the background image in different display modes. Furthermore, compared to technical solutions that directly use the first color as the background image associated color, and / or compared to technical solutions that simply add or subtract one or more color parameters of the first color from preset parameter values ​​to determine the background image associated color, this method improves the blending degree between the determined background image associated color and the background image, and enhances the display effect of the background image in the background image display area. In addition, determining the background image associated color through the client eliminates the need to send it to the server for determination, thus improving the determination speed and reducing the display delay of the actual background image in the background image display area.

[0075] Figure 2 is a flowchart illustrating another method for displaying a background image according to an embodiment of this disclosure. The solution in this embodiment can be combined with one or more optional solutions from the above embodiments. Optionally, obtaining the first color corresponding to the first background image of the interface includes: in response to the server not storing the background image associated color of the first background image of the interface in the display mode of the interface, obtaining the first color corresponding to the first background image; after determining the background image associated color of the first background image in the display mode based on the first color and the second color, the method further includes: storing the background image associated color in the server, wherein the background image associated color remains unchanged when the operating system type information corresponding to the interface changes.

[0076] Optionally, obtaining the first color corresponding to the first background image of the interface includes: determining the background image compression method of the interface based on the operating system type information corresponding to the interface; compressing the first background image of the interface using the background image compression method to obtain a second background image; and determining the second color according to a preset background image area in the second background image.

[0077] Accordingly, as shown in Figure 2, the method for displaying the background image provided in this embodiment may include:

[0078] S201. In response to the background image associated color of the interface in the display mode of the interface, which is not stored in the server, the background image compression method of the interface is determined based on the operating system type information corresponding to the interface.

[0079] In this embodiment, the background image associated color of the first background image can be calculated and determined based on the first background image only if the server does not store the background image associated color of the first background image in the current display mode of the interface; and if the server stores the background image associated color of the first background image in the current display mode of the interface, the background image associated color stored in the server can be directly obtained without calculation; and / or, when calculating and determining the background image associated color of the first background image based on the first background image, the first background image can be compressed, and the background image associated color of the first background image can be determined based on the second background image obtained by color processing, thereby further reducing the amount of calculation required in the background image display process and improving the speed of determining the background image associated color.

[0080] Specifically, when the first background image needs to be displayed in the background image display area of ​​the interface, if the server does not store the background image associated color of this first background image in the current display mode, the background image compression method of the interface can be determined based on the operating system type information corresponding to the interface. For example, the default image compression method of the corresponding type of operating system or the default image compression method set by the current application in the corresponding type of operating system can be obtained as the background image compression method of the interface, so as to facilitate the subsequent compression of the first background image.

[0081] The operating system type information corresponding to the interface can be understood as the operating system type information of the electronic device displaying this interface, such as the operating system type information of the electronic device on which the current application is installed. This operating system type information can be used to indicate the operating system type of the electronic device, which may include, for example, Android, iOS, and / or Windows. When the operating system types are different, the determined background image compression method may be different.

[0082] In some examples, upon receiving a display operation on the interface, the associated background color of the first background image in this display mode can be obtained from the server based on the current display mode of the interface. If the associated background color of the first background image in this display mode is obtained, the first background image can be displayed in the background image display area of ​​the interface based on this associated background color. If the associated background color of the first background image in this display mode is not obtained, for example, if the server does not store the associated background color of the first background image in this display mode, the process of calculating and determining the associated background color of the first background image can be initiated. For example, the background image compression method of the interface can be determined based on the operating system type information corresponding to the interface, so as to facilitate the subsequent calculation of the associated background color of the first background image.

[0083] In some examples, taking the current display interface of the current application as an example, upon receiving a display mode switching operation for the current application or this interface, the mode of the current application and / or this interface can be switched based on this mode switching operation. During or after the mode switching, the associated color of the first background image of the interface in the switched display mode is obtained from the server. If the associated color of the first background image in the switched display mode is obtained, the first background image can be displayed in the background image display area of ​​the interface based on this associated color. If the associated color of the first background image in the switched display mode is not obtained, for example, if the associated color of the first background image in the switched display mode is not stored in the server, the process of calculating and determining the associated color of the first background image can be initiated, such as determining the background image compression method of the interface based on the operating system type information corresponding to the interface, so as to facilitate the subsequent calculation of the associated color of the first background image.

[0084] In some examples, when a background image switching operation is received for the above interface, the switched background image can be used as the first background image.

[0085] Considering that the first background image after switching is likely to be a new background image, in other words, the server is likely not to have stored the background image associated color of the first background image, we can skip the operation of obtaining the background image associated color of the first background image of the interface from the server in this display mode, and directly enter the process of calculating and determining the background image associated color of the first background image. For example, we can determine the compression method of the background image of the interface based on the operating system type information corresponding to the interface, so as to facilitate the subsequent calculation of the background image associated color of the first background image.

[0086] Alternatively, considering that the first background image after switching might be a historical background image previously used by the interface, the associated background color of the first background image in this display mode can be obtained from the server. If the associated background color of the first background image in this display mode is obtained, the first background image can be displayed in the background image display area of ​​the interface based on this associated background color; if the associated background color of the first background image in this display mode is not obtained, for example, if the associated background color of the first background image in this display mode is not stored in the server, the process of calculating and determining the associated background color of the first background image can be initiated, such as determining the background image compression method of the interface based on the operating system type information corresponding to the interface, so as to facilitate the subsequent calculation of the associated background color of the first background image.

[0087] S202. The first background image of the interface is compressed using the background image compression method to obtain the second background image.

[0088] Specifically, after determining the background image compression method corresponding to the operating system information of the interface, this method can be used to compress the first background image to obtain a compressed second background image. The second background image can be understood as a background image obtained by compressing the first background image. When different background image compression methods are used, the resulting second background images may differ.

[0089] S203. Determine the first color corresponding to the first background image based on the preset background image area in the second background image.

[0090] In this embodiment, the first color corresponding to the first background image can be determined based on the preset background image area of ​​the second background image, so as to reduce the amount of calculation required to determine the first color and further improve the fusion degree between the first background image and the determined background image associated color.

[0091] In this embodiment, the method of determining the first color is not limited. For example, the first color corresponding to the first background image can be determined based on the color proportion information and / or color feature information of the preset background image area of ​​the first background image.

[0092] In some implementations, determining the first color corresponding to the first background image based on a preset background image region in the second background image includes: obtaining a third color in the preset background image region based on color proportion information and color feature information of the preset background image region in the second background image; and color-blending the third color with the average color of the preset background image region to obtain the first color corresponding to the first background image.

[0093] The color proportion information of the preset background area can be understood as the proportion of each color in the preset background image area within the preset background image, or the size relationship of those proportions. Color feature information can be used to characterize the visual features of a color, and can be determined based on the correlation between the color and the core image object in the background image and / or the ease of color recognition. For example, color feature information may include color feature values, the calculation method of which is not limited. For instance, the color feature value of a certain color can be calculated based on one or more color parameters of that color and a pre-set scoring function. The third color can be understood as the color determined based on the color proportion information and / or the color feature information.

[0094] For example, a third color in the first background image area can be obtained based on the color proportion information and color feature information of each color in the preset background image area of ​​the second background image; and the average color of the preset background image area can be calculated based on the color proportion information of each color in the preset background image area of ​​the second background image; the third color and the average color of the preset background image area can be fused to obtain a first color corresponding to the first background image. For example, the brightness fusion and / or saturation fusion of the third color and the average color of the preset background image area can be performed according to a preset weight coefficient and / or the area ratio in the preset background image area to obtain the color brightness value and / or color saturation value of the first color, and the color chromaticity value of the third color or the color chromaticity value of the preset background image area can be used as the color chromaticity value of the first color.

[0095] When obtaining the third color, for example, the color proportion information and color feature information of each color in the preset background image area of ​​the first background image can be obtained. Based on this color proportion information and color feature information, each color in the preset background image area is scored, and the color with the highest score is obtained as the third color.

[0096] S204. Determine the second color based on the first color and the display mode of the interface.

[0097] S205. Determine the background image associated color of the first background image in the display mode based on the first color and the second color, and execute S206 and S207.

[0098] S206. Display the first background image in the background image display area of ​​the interface based on the background image associated color.

[0099] S207. Store the background image associated color in the server. The background image associated color remains unchanged when the operating system type information corresponding to the interface changes.

[0100] In this embodiment, after obtaining the background image associated color of the first background image in the corresponding display mode, the background image associated color can be sent to the server for storage, so that the first background image can be displayed directly based on the background image associated color stored in the server in the future.

[0101] Furthermore, considering that the associated background image colors may differ after the first image is compressed using different background image compression methods, when the operating system information corresponding to the interface changes, such as when the current account logs in on electronic devices with different operating systems, the associated background image colors stored on the server will not be updated until the first background image of the interface changes. This ensures that the background image displayed in the background image display area of ​​the interface remains consistent when the current account logs in on electronic devices with different operating systems, improving the uniformity of the background image display when displayed on interfaces of different types of electronic devices.

[0102] In an optional implementation, taking the above interface as an example of a personal interface, the method for displaying the background image provided in this embodiment can be described as follows:

[0103] When a user is received requesting a change of background image for their personal interface, the first background image after the change is obtained, as shown in Figure 3.

[0104] Determine the preset background image area for the first background image, such as using the 1 / 2 or 2 / 5 area below the first background image as the preset background image area.

[0105] The first color corresponding to the first background image is determined based on the color proportion information and / or color feature information of a preset background image area. For example, the average color of the preset background image area is calculated. Furthermore, the color proportion information and color feature information of each color in the preset background image area are determined; each color in the preset background image area is scored based on this color proportion information and color feature information, and the color with the highest average score in the preset background image area is selected as the third color; saturation and brightness mixing are performed on the average color and the third color of the preset background image area according to the panel proportion; the first color corresponding to the first background image is determined based on the chromaticity value of the average color or the chromaticity value of the third color of the preset background image area, and the mixed saturation and brightness values.

[0106] For the current display mode of the interface, or for each candidate display mode of the interface, a second color is generated based on the luminance value of a first color and a preset luminance value. For example, the luminance value of the second color can be determined based on the luminance value of the first color, the preset luminance value, and the current display mode. For instance, if the luminance value of the first color is less than or equal to the preset luminance value, the luminance value of the first color can be used as the luminance value of the second color; if the luminance value of the first color is greater than the preset luminance value, in light mode, the first quarter luminance value between the luminance value of the first color and the preset luminance value can be obtained as the luminance value of the second color; in dark mode, the third quarter luminance value between the luminance value of the first color and the preset luminance value can be obtained as the luminance value of the second color. After determining the luminance value of the second color, the color saturation value of the second color can be calculated based on the luminance value of the second color. The chromaticity value of the first color can then be used as the chromaticity value of the second color, thus obtaining the second color.

[0107] Based on the relative magnitude relationship between the luminance value of the first color and the luminance value of the second color in the corresponding display mode, the associated color of the first background image in the corresponding display mode is determined. For example, the color with the smaller luminance value between the first color and the second color can be used as the associated color of the first background image in the corresponding display mode.

[0108] After determining the background image associated color of the first background image in one or more display modes, this background image associated color can be sent to the server for storage; and, according to the background image associated color of the first background image in the current display mode of the personal interface, a gradient mask of the first background image is generated, as shown in Figure 4. The first background image is displayed in the background image display area of ​​the personal interface, and the gradient mask of the first background image is displayed on the layer above the layer where the first background image is located, as shown in Figure 5.

[0109] The background image display method provided in this embodiment can improve the display effect of the background image in the background image display area, increase the display speed of the background image in the background image display area, and improve the consistency of the display of the background image in the background image display area on the interface of electronic devices with different operating system types.

[0110] Figure 6 is a structural block diagram of a background image display device provided in an embodiment of this disclosure. This device can be implemented by software and / or hardware, and can be configured in an electronic device, such as a computer, mobile phone, or tablet computer. It can display the background image of the interface based on the display mode of the interface and the color associated with the background image by executing a background image display method. As shown in Figure 6, the background image display device provided in this embodiment may include: a color acquisition module 601, a color determination module 602, an associated color determination module 603, and a background image display module 604, wherein...

[0111] Color acquisition module 601 is used to acquire the first color corresponding to the first background image of the interface;

[0112] Color determination module 602 is used to determine a second color based on the first color and the display mode of the interface;

[0113] The associated color determination module 603 is used to determine the associated color of the background image of the first background image in the display mode based on the first color and the second color;

[0114] Background image display module 604 is used to display the first background image in the background image display area of ​​the interface based on the background image associated color.

[0115] The background image display device provided in this embodiment obtains a first color corresponding to a first background image of the interface through a color acquisition module; determines a second color based on the first color and the display mode of the interface through a color determination module; determines a background image association color of the first background image in the corresponding display mode through a correlation color determination module based on the first color and the second color; and displays the first background image in the background image display area of ​​the interface based on this background image association color through a background image display module. This embodiment utilizes the above technical solution, determining the second color based on the first color determination and the display mode of the interface, and determining the background image association color in the corresponding mode based on the first color and the second color. This enables differentiated display of the background image in different display modes. Furthermore, compared to technical solutions that directly use the first color as the background image association color, and / or compared to technical solutions that simply add or subtract one or more color parameters of the first color from preset parameter values ​​to determine the background image association color, this improves the blending degree between the determined background image association color and the background image, and enhances the display effect of the background image in the background image display area. Furthermore, determining the background image's associated color via the client eliminates the need to send it to the server for determination, thus improving the speed of background image color determination and reducing the display delay of the actual background image in the background image display area.

[0116] Optionally, the associated color determination module 603 can be specifically used to: determine the relative size relationship between the color brightness value of the first color and the color brightness value of the second color; and determine the first color or the second color as the associated color of the background image of the first background image in the display mode according to the relative size relationship.

[0117] Optionally, the color acquisition module 601 can be specifically used to: in response to a first background image not stored in the server having a background image associated color in the display mode of the interface, acquire a first color corresponding to the first background image; the background image display device may further include: an associated color storage module, used to store the background image associated color in the server after determining the background image associated color of the first background image in the display mode based on the first color and the second color, wherein the background image associated color remains unchanged when the operating system type information corresponding to the interface changes.

[0118] Optionally, the color determination module 602 may include: a brightness determination unit, configured to determine the brightness value of a second color based on the brightness value of the first color, a preset brightness value, and the display mode of the interface; a saturation determination unit, configured to calculate the saturation value of the second color based on the brightness value of the second color; and a color determination unit, configured to determine the second color based on the brightness value of the second color, the saturation value of the second color, and the chromaticity value of the first color.

[0119] Optionally, the brightness determination unit may specifically be used to perform at least one of the following: in response to the color brightness value of the first color being greater than a preset brightness value, obtaining a preset equal division value between the color brightness value of the first color and the preset brightness value, and using it as the color brightness value of the second color, wherein the preset equal division value corresponds to the display mode of the interface; in response to the color brightness value of the first color being less than or equal to the preset brightness value, using the color brightness value of the first color as the color brightness value of the second color.

[0120] Optionally, the color acquisition module 601 may include: a compression method determination unit, used to determine the background image compression method of the interface based on the operating system type information corresponding to the interface; a background image compression unit, used to compress the first background image of the interface using the background image compression method to obtain a second background image; and a color acquisition unit, used to determine a first color corresponding to the first background image based on a preset background image area in the second background image.

[0121] Optionally, the color acquisition unit may be specifically used to: acquire a third color in the preset background image area based on the color proportion information and color feature information of the preset background image area in the second background image; and perform color fusion of the third color with the average color of the preset background image area to obtain a first color corresponding to the first background image.

[0122] Optionally, the background image display module 604 may be specifically used to: generate a gradient overlay of the first background image based on the background associated color and the Bézier curve; display the gradient overlay on top of at least a portion of the first background image displayed in the background image display area of ​​the interface, wherein the at least a portion of the first background image includes at least a preset background image area.

[0123] The background image display device provided in this disclosure can execute the background image display method provided in any embodiment of this disclosure, and has the corresponding functional modules and beneficial effects for executing the background image display method. Technical details not described in detail in this embodiment can be found in the background image display method provided in any embodiment of this disclosure.

[0124] Referring now to FIG7, a schematic diagram of the structure of an electronic device (e.g., a terminal device) 700 suitable for implementing embodiments of the present disclosure is shown. The terminal device in the embodiments of the present disclosure may include, but is not limited to, mobile terminals such as mobile phones, laptops, digital broadcast receivers, PDAs (personal digital assistants), PADs (tablet computers), PMPs (portable multimedia players), in-vehicle terminals (e.g., in-vehicle navigation terminals), and fixed terminals such as digital TVs and desktop computers. The electronic device shown in FIG7 is merely an example and should not impose any limitation on the functionality and scope of use of the embodiments of the present disclosure.

[0125] As shown in Figure 7, the electronic device 700 may include a processing unit (e.g., a central processing unit, a graphics processing unit, etc.) 701, which can perform various appropriate actions and processes according to a program stored in a read-only memory (ROM) 702 or a program loaded from a storage device 708 into a random access memory (RAM) 703. The RAM 703 also stores various programs and data required for the operation of the electronic device 700. The processing unit 701, ROM 702, and RAM 703 are interconnected via a bus 704. An input / output (I / O) interface 705 is also connected to the bus 704.

[0126] Typically, the following devices can be connected to I / O interface 705: input devices 706 including, for example, touchscreens, touchpads, keyboards, mice, cameras, microphones, accelerometers, gyroscopes, etc.; output devices 707 including, for example, liquid crystal displays (LCDs), speakers, vibrators, etc.; storage devices 708 including, for example, magnetic tapes, hard disks, etc.; and communication devices 709. Communication device 709 allows electronic device 700 to communicate wirelessly or wiredly with other devices to exchange data. Although Figure 7 shows electronic device 700 with various devices, it should be understood that it is not required to implement or possess all of the devices shown. More or fewer devices may be implemented or possessed alternatively.

[0127] According to embodiments of this disclosure, the processes described above with reference to the flowcharts can be implemented as computer software programs. For example, embodiments of this disclosure include a computer program product comprising a computer program carried on a non-transitory computer-readable medium, the computer program containing program code for performing the methods shown in the flowcharts. In such embodiments, the computer program can be downloaded and installed from a network via communication device 709, or installed from storage device 708, or installed from ROM 702. When the computer program is executed by processing device 701, it performs the functions defined in the methods of embodiments of this disclosure.

[0128] It should be noted that the computer-readable medium described in this disclosure can be a computer-readable signal medium or a computer-readable storage medium, or any combination thereof. A computer-readable storage medium can be, for example,—but not limited to—an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any combination thereof. More specific examples of a computer-readable storage medium may include, but are not limited to: an electrical connection having one or more wires, a portable computer disk, a hard disk, random access memory (RAM), read-only memory (ROM), erasable programmable read-only memory (EPROM or flash memory), optical fiber, portable compact disk read-only memory (CD-ROM), optical storage device, magnetic storage device, or any suitable combination thereof. In this disclosure, a computer-readable storage medium can be any tangible medium containing or storing a program that can be used by or in connection with an instruction execution system, apparatus, or device. In this disclosure, a computer-readable signal medium can include a data signal propagated in baseband or as part of a carrier wave, carrying computer-readable program code. Such propagated data signals can take various forms, including but not limited to electromagnetic signals, optical signals, or any suitable combination thereof. A computer-readable signal medium can be any computer-readable medium other than a computer-readable storage medium, which can send, propagate, or transmit a program for use by or in connection with an instruction execution system, apparatus, or device. The program code contained on the computer-readable medium can be transmitted using any suitable medium, including but not limited to: wires, optical fibers, RF (radio frequency), etc., or any suitable combination thereof.

[0129] In some implementations, clients and servers can communicate using any currently known or future-developed network protocol such as HTTP (Hypertext Transfer Protocol), and can interconnect with digital data communication (e.g., communication networks) of any form or medium. Examples of communication networks include local area networks (“LANs”), wide area networks (“WANs”), the Internet (e.g., the Internet of Things), and end-to-end networks (e.g., ad hoc end-to-end networks), as well as any currently known or future-developed networks.

[0130] The aforementioned computer-readable medium may be included in the aforementioned electronic device; or it may exist independently and not assembled into the electronic device.

[0131] The aforementioned computer-readable medium carries one or more programs that, when executed by the electronic device, cause the electronic device to: acquire a first color corresponding to a first background image of the interface; determine a second color based on the first color and the display mode of the interface; determine a background image associated color of the first background image in the display mode based on the first color and the second color; and display the first background image in the background image display area of ​​the interface based on the background image associated color.

[0132] Computer program code for performing the operations of this disclosure can be written in one or more programming languages ​​or a combination thereof, including but not limited to object-oriented programming languages ​​such as Java, Smalltalk, and C++, as well as conventional procedural programming languages ​​such as the "C" language or similar programming languages. The program code can be executed entirely on the user's computer, partially on the user's computer, as a standalone software package, partially on the user's computer and partially on a remote computer, or entirely on a remote computer or server. In cases involving remote computers, the remote computer can be connected to the user's computer via any type of network—including a local area network (LAN) or a wide area network (WAN)—or can be connected to an external computer (e.g., via the Internet using an Internet service provider).

[0133] The flowcharts and block diagrams in the accompanying drawings illustrate the architecture, functionality, and operation of possible implementations of systems, methods, and computer program products according to various embodiments of this disclosure. In this regard, each block in a flowchart or block diagram may represent a module, segment, or portion of code containing one or more executable instructions for implementing a specified logical function. It should also be noted that in some alternative implementations, the functions indicated in the blocks may occur in a different order than those indicated in the drawings. For example, two consecutively indicated blocks may actually be executed substantially in parallel, and they may sometimes be executed in reverse order, depending on the functions involved. It should also be noted that each block in the block diagrams and / or flowcharts, and combinations of blocks in the block diagrams and / or flowcharts, can be implemented using a dedicated hardware-based system that performs the specified function or operation, or using a combination of dedicated hardware and computer instructions.

[0134] The units described in the embodiments of this disclosure can be implemented in software or hardware. The names of modules do not, in some cases, constitute a limitation on the unit itself.

[0135] The functions described above in this disclosure can be performed at least in part by one or more hardware logic components. For example, exemplary types of hardware logic components that can be used, without limitation, include: field-programmable gate arrays (FPGAs), application-specific integrated circuits (ASICs), application-specific standard products (ASSPs), system-on-a-chip (SoCs), complex programmable logic devices (CPLDs), and so on.

[0136] In the context of this disclosure, a machine-readable medium can be a tangible medium that may contain or store a program for use by or in conjunction with an instruction execution system, apparatus, or device. A machine-readable medium can be a machine-readable signal medium or a machine-readable storage medium. A machine-readable medium can be, but is not limited to, electronic, magnetic, optical, electromagnetic, infrared, or semiconductor systems, apparatus, or devices, or any suitable combination of the foregoing. More specific examples of machine-readable storage media include electrical connections based on one or more wires, portable computer disks, hard disks, random access memory (RAM), read-only memory (ROM), erasable programmable read-only memory (EPROM or flash memory), optical fiber, portable compact disk read-only memory (CD-ROM), optical storage devices, magnetic storage devices, or any suitable combination of the foregoing.

[0137] According to one or more embodiments of this disclosure, Example 1 provides a method for displaying a background image, including:

[0138] Get the first color corresponding to the first background image of the interface;

[0139] The second color is determined based on the first color and the display mode of the interface;

[0140] The background image associated color of the first background image in the display mode is determined based on the first color and the second color;

[0141] The first background image is displayed in the background image display area of ​​the interface based on the associated color of the background image.

[0142] According to one or more embodiments of this disclosure, Example 2, based on the method of Example 1, the step of determining the background image associated color of the first background image in the display mode according to the first color and the second color includes:

[0143] Determine the relative magnitude relationship between the luminance values ​​of the first color and the luminance values ​​of the second color;

[0144] Based on the relative size relationship, the first color or the second color is determined as the background image associated color of the first background image in the display mode.

[0145] According to one or more embodiments of this disclosure, Example 3, based on the method described in Example 1, includes obtaining the first color corresponding to the first background image of the interface, comprising:

[0146] In response to the fact that the first background image of the interface is not stored in the server, the background image associated color in the display mode of the interface is obtained, and the first color corresponding to the first background image is obtained;

[0147] After determining the background image associated color of the first background image in the display mode based on the first color and the second color, the method further includes:

[0148] The background image associated color is stored in the server, and the background image associated color remains unchanged when the operating system type information corresponding to the interface changes.

[0149] According to one or more embodiments of this disclosure, Example 4 describes the method described in Example 1, wherein determining the second color based on the first color and the display mode of the interface includes:

[0150] The color brightness value of the second color is determined based on the color brightness value of the first color, the preset brightness value, and the display mode of the interface.

[0151] Calculate the color saturation value of the second color based on the color brightness value of the second color;

[0152] The second color is determined based on the luminance value of the second color, the saturation value of the second color, and the chromaticity value of the first color.

[0153] According to one or more embodiments of this disclosure, Example 5 describes the method described in Example 4, wherein determining the color brightness value of the second color based on the color brightness value of the first color, a preset brightness value, and the display mode of the interface includes at least one of the following:

[0154] In response to the first color's luminance value being greater than a preset luminance value, a preset equal division value between the first color's luminance value and the preset luminance value is obtained and used as the second color's luminance value, wherein the preset equal division value corresponds to the interface's display mode;

[0155] In response to the first color's luminance value being less than or equal to a preset luminance value, the luminance value of the first color is used as the luminance value of the second color.

[0156] According to one or more embodiments of this disclosure, Example 6, based on any one of Examples 1-5, the step of obtaining the first color corresponding to the first background image of the interface includes:

[0157] The compression method of the background image of the interface is determined based on the operating system type information corresponding to the interface;

[0158] The first background image of the interface is compressed using the aforementioned background image compression method to obtain the second background image;

[0159] The first color corresponding to the first background image is determined based on the preset background image area in the second background image.

[0160] According to one or more embodiments of this disclosure, Example 7 describes the method described in Example 6, wherein determining the first color corresponding to the first background image based on a preset background image region in the second background image includes:

[0161] Based on the color proportion information and color feature information of the preset background image area in the second background image, obtain the third color in the preset background image area;

[0162] The third color is blended with the average color of the preset background image area to obtain a first color corresponding to the first background image.

[0163] According to one or more embodiments of this disclosure, Example 8, based on any one of Examples 1-5, the step of displaying the first background image in the background image display area of ​​the interface based on the background image associated color includes:

[0164] A gradient mask layer for the first background image is generated based on the background associated color and the Bézier curve;

[0165] The gradient overlay is displayed on top of at least a portion of the first background image displayed in the background image display area of ​​the interface, and the at least a portion of the background image includes at least a preset background image area.

[0166] According to one or more embodiments of this disclosure, Example 9 provides a background image display device, comprising:

[0167] The color acquisition module is used to acquire the first color corresponding to the first background image of the interface.

[0168] The color determination module is used to determine a second color based on the first color and the display mode of the interface;

[0169] A correlated color determination module is used to determine the correlated color of the background image of the first background image in the display mode based on the first color and the second color;

[0170] The background image display module is used to display the first background image in the background image display area of ​​the interface based on the associated color of the background image.

[0171] According to one or more embodiments of this disclosure, Example 10 provides an electronic device, including:

[0172] One or more processors;

[0173] Memory, used to store one or more programs.

[0174] When the one or more programs are executed by the one or more processors, the one or more processors implement the method of displaying the background image as described in any of Examples 1-8.

[0175] According to one or more embodiments of the present disclosure, Example 11 provides a computer-readable storage medium having a computer program stored thereon that, when executed by a processor, implements a method for displaying a background image as described in any of Examples 1-8.

[0176] According to one or more embodiments of this disclosure, Example 12 provides a computer program product that, when executed by a computer, causes the computer to implement a method for displaying a background image as described in any of Examples 1-8.

[0177] The above description is merely an embodiment of this disclosure and an explanation of the technical principles employed. Those skilled in the art should understand that the scope of this disclosure is not limited to technical solutions formed by specific combinations of the above-described technical features, but should also cover other technical solutions formed by arbitrary combinations of the above-described technical features or their equivalents without departing from the above-described concept. For example, technical solutions formed by substituting the above features with (but not limited to) technical features disclosed in this disclosure that have similar functions.

[0178] Furthermore, while the operations are described in a specific order, this should not be construed as requiring these operations to be performed in the specific order shown or in a sequential order. In certain environments, multitasking and parallel processing may be advantageous. Similarly, while several specific implementation details are included in the above discussion, these should not be construed as limiting the scope of this disclosure. Certain features described in the context of individual embodiments may also be implemented in combination in a single embodiment. Conversely, various features described in the context of a single embodiment may also be implemented individually or in any suitable sub-combination in multiple embodiments.

[0179] Although this disclosure has been described using language specific to structural features and / or methodological logic, it should be understood that the subject matter defined in the appended claims is not necessarily limited to the specific features or actions described above. Rather, the specific features and actions described above are merely illustrative examples of implementing the claims.

Claims

1. A method for displaying a background image, comprising: Get the first color corresponding to the first background image of the interface; The second color is determined based on the first color and the display mode of the interface; The background image associated color of the first background image in the display mode is determined based on the first color and the second color; The first background image is displayed in the background image display area of ​​the interface based on the associated color of the background image.

2. The display method according to claim 1, wherein, Determining the associated background color of the first background image in the display mode based on the first color and the second color includes: Determine the relative magnitude relationship between the luminance values ​​of the first color and the luminance values ​​of the second color; Based on the relative size relationship, the first color or the second color is determined as the background image associated color of the first background image in the display mode.

3. The display method according to claim 1 or 2, wherein, The step of obtaining the first color corresponding to the first background image of the interface includes: In response to the fact that the first background image of the interface is not stored in the server, the background image associated color in the display mode of the interface is obtained, and the first color corresponding to the first background image is obtained; After determining the background image associated color of the first background image in the display mode based on the first color and the second color, the display method further includes: The background image associated color is stored in the server, and the background image associated color remains unchanged when the operating system type information corresponding to the interface changes.

4. The display method according to any one of claims 1-3, wherein, Determining the second color based on the first color and the display mode of the interface includes: The color brightness value of the second color is determined based on the color brightness value of the first color, the preset brightness value, and the display mode of the interface. Calculate the color saturation value of the second color based on the color brightness value of the second color; The second color is determined based on the luminance value of the second color, the saturation value of the second color, and the chromaticity value of the first color.

5. The display method according to claim 4, wherein, Determining the color brightness value of the second color based on the color brightness value of the first color, a preset brightness value, and the display mode of the interface includes at least one of the following: In response to the first color's luminance value being greater than a preset luminance value, a preset equal division value between the first color's luminance value and the preset luminance value is obtained and used as the second color's luminance value, wherein the preset equal division value corresponds to the interface's display mode; In response to the first color's luminance value being less than or equal to a preset luminance value, the first color's luminance value is used as the second color's luminance value.

6. The display method according to any one of claims 1-5, wherein, The step of obtaining the first color corresponding to the first background image of the interface includes: The compression method of the background image of the interface is determined based on the operating system type information corresponding to the interface; The first background image of the interface is compressed using the aforementioned background image compression method to obtain the second background image; The first color corresponding to the first background image is determined based on the preset background image area in the second background image.

7. The display method according to claim 6, wherein, The step of determining the first color corresponding to the first background image based on the preset background image area in the second background image includes: Based on the color proportion information and color feature information of the preset background image area in the second background image, obtain the third color in the preset background image area; The third color is blended with the average color of the preset background image area to obtain a first color corresponding to the first background image.

8. The display method according to any one of claims 1-7, wherein, Displaying the first background image in the background image display area of ​​the interface based on the background image's associated color includes: A gradient mask layer for the first background image is generated based on the background associated color and the Bézier curve; The gradient overlay is displayed on top of at least a portion of the first background image displayed in the background image display area of ​​the interface, and the at least a portion of the background image includes at least a preset background image area.

9. A background image display device, comprising: The color acquisition module is configured to acquire the first color corresponding to the first background image of the interface. The color determination module is configured to determine a second color based on the first color and the display mode of the interface; The associated color determination module is configured to determine the associated color of the background image of the first background image in the display mode based on the first color and the second color; The background image display module is configured to display the first background image in the background image display area of ​​the interface based on the associated color of the background image.

10. An electronic device, comprising: At least one processor; as well as A memory communicatively connected to the at least one processor; wherein, The memory stores a computer program, which is executed by the at least one processor to implement the method for displaying the background image according to any one of claims 1-8.

11. A computer-readable storage medium storing computer instructions that, when executed by a processor, implement the method for displaying a background image according to any one of claims 1-8.

12. A computer program product, wherein, The computer program product includes a computer program that, when executed by a processor, implements the method for displaying the background image according to any one of claims 1-8.

Images