Display method, medium and electronic equipment

Abstract

The invention relates to the technical field of intelligent terminals, in particular to a display method, a medium and electronic equipment. According to the method, for a desktop page filled with a wallpaper image, the element discrimination degree of each foreground element can be calculated according to image features such as color, brightness and image texture of a current wallpaper area and image features of each icon or character on the current wallpaper area; and integrating the element discrimination degree of each foreground element to obtain a numerical value of the interface discrimination degree of the whole desktop page. For example, the higher the numerical value of the interface discrimination degree is, the clearer the icons and characters are, and the easier the user to discriminate. When the interface discrimination degree of the current desktop page is smaller than the aesthetic degree threshold value, the wallpaper image can be adjusted, such as scaling, rotating and moving, so that the interface discrimination degree of the adjusted desktop page is larger than or equal to the aesthetic degree threshold value, the display effect of the wallpaper area and each foreground element is ensured, and the user experience is improved. Therefore, the icons and the characters on the wallpaper area are ensured to be clear.

Description

Technical Field

[0001] The present application relates to the technical field of intelligent terminals, and in particular to a display method, a medium and an electronic device. Background Art

[0002] Wallpapers are usually set on the desktop pages of terminal devices such as mobile phones and tablets, and display components such as icons and texts of various applications (applications, APPs) are displayed on the wallpapers. At this time, the wallpaper is the background of the page, and the icons and texts of the APPs are the foreground of the page. Since the wallpaper of the page can be a picture selected by the user or a picture set by the manufacturer, the colors and patterns of the wallpapers are very diverse, and the complexity of the pictures of different wallpapers is different. When the picture of the wallpaper of the page is more complex, the icons and texts of the foreground APP may not be displayed clearly, making it difficult for the user to find the target icon, thereby causing the user to operate incorrectly.

[0003] At present, conventional technology usually reduces the brightness of the wallpaper as a whole and increases the saturation of the foreground text. However, if the wallpaper is more complex, for example, the color span of the wallpaper is large, such as some areas of the wallpaper are darker and other areas are lighter, reducing the brightness of the wallpaper as a whole may cause the lighter areas to be too light, that is, some areas of the wallpaper image have low contrast, resulting in blurring of the entire wallpaper. At this time, the saturation of the text of the foreground APP on the page is increased as a whole, and some text located in the lighter areas of the wallpaper may be clearly displayed, but the text on the darker areas may not be clearly displayed, which will cause the entire page to be blurry, and the display effect of the APP icon and text on the wallpaper will be poor. In this way, the user's comfort in viewing the page is reduced, and it is inconvenient to find the APP. Summary of the invention

[0004] The embodiments of the present application provide a display method, a medium and an electronic device, which can automatically scale, rotate and move a wallpaper image, so that the interface recognition of the desktop page after adjustment is greater than or equal to the aesthetic threshold, ensuring that the icons and texts on the wallpaper area are clearer.

[0005] In a first aspect, an embodiment of the present application provides a display method, which is applied to an electronic device, and the method includes: displaying a first interface, the first interface includes a first wallpaper image and a first foreground element, and the first wallpaper image has first display parameters, and the first foreground element has a first element discrimination degree; detecting a first display change instruction, and displaying a second interface, wherein the second interface includes the first wallpaper image and the first foreground element, and the first wallpaper image has second display parameters, and the first foreground element has a second element discrimination degree, and the second element discrimination degree is greater than the first element discrimination degree.

[0006] Among them, the first interface and the second interface can be desktop interfaces, etc. Foreground elements can be APP icons and APP text (i.e., APP names), as well as card icons or card names, etc. It can be understood that the element discrimination of a foreground element can characterize the clarity of the foreground element displayed on the wallpaper image, that is, the degree to which the user can clearly distinguish the foreground element. The second element discrimination is greater than the first element discrimination, indicating that the first foreground element has a better display effect and better clarity after the display parameters of the first wallpaper are updated. Similarly, after the display parameters of the wallpaper image change, the element discrimination of each foreground element in the first interface can change accordingly. In this way, it is conducive to improving the user's quick search and identification of the first foreground element. That is, the present application can improve the display clarity of foreground elements such as APP icons and APP text in the user interface by adjusting the display parameters of the wallpaper in the user interface such as the desktop interface, so that these foreground elements have better clarity and are easy to find.

[0007] In a possible implementation of the first aspect, the element discrimination of the first foreground element is determined based on image features of the first foreground element and image features of a wallpaper image in which the first foreground element is located, and the image features are related to at least one of the following: brightness, contrast, saturation, hue, and texture. It is understandable that changes in image features such as brightness and contrast of the first foreground element or changes in image features of the wallpaper image in which the first foreground element is located will cause changes in the element discrimination of the first foreground element. In this way, the image features of the first wallpaper image near the first foreground element can be adjusted by adjusting the display parameters of the wallpaper to improve the element discrimination of the first foreground element.

[0008] In a possible implementation of the first aspect, the display parameter includes at least one of the following: moving distance, scaling ratio, and rotation angle. That is, the present application can move (such as moving up, down, left, and right), scale, and rotate the wallpaper image.

[0009] In a possible implementation of the first aspect, the first display change instruction includes a foreground element change instruction, and the foreground element change instruction includes a deletion instruction, a new addition instruction, or a move instruction of the foreground element of the first interface. That is, the present application can trigger the calculation of element discrimination by adding, deleting, or moving a foreground element on the first interface, thereby adjusting the display parameters of the wallpaper image. For example, in the present application, a change in the foreground element in the desktop page can be triggered by the user actively moving, deleting, or adding a foreground element, or can be triggered by automatically deleting or adding a foreground element according to the running status of the application.

[0010] In a possible implementation of the first aspect, a first display change instruction is detected and a second interface is displayed, including: in response to the first display change instruction, determining whether the interface discrimination of the third interface is less than a discrimination threshold, wherein the third interface includes a first wallpaper image displayed with a first display parameter and a changed foreground element; corresponding to the interface discrimination of the third interface being less than the discrimination threshold, adjusting the display parameters of the first wallpaper to second display parameters to obtain a second interface, wherein the interface discrimination of the second interface is greater than or equal to the discrimination threshold. In this way, when the interface discrimination of the current user interface is less than the aesthetic threshold, the wallpaper image can be adjusted, such as scaling, rotating, and moving (such as up, down, left, and right), so that the interface discrimination of the adjusted user interface is greater than or equal to the aesthetic threshold, thereby ensuring the display effect of the wallpaper area and each foreground element, that is, ensuring that the icons and text on the wallpaper area are clearer.

[0011] In a possible implementation of the first aspect, the first interface and the second interface are desktop pages of the electronic device. Then, the wallpaper image on the first interface is the desktop wallpaper.

[0012] In a possible implementation of the first aspect, the interface recognition degree of a single desktop page in an electronic device is calculated in the following manner: calculating the element recognition degree of each foreground element in the desktop page; determining the interface recognition degree based on the element recognition degree of each foreground element and the display parameters of the wallpaper image in the desktop page. It can be understood that the interface recognition degree can characterize the clarity of each foreground element in the current interface as a whole displayed on the wallpaper image, that is, the degree to which the user can clearly distinguish these foreground elements. That is, the present application obtains the numerical value of the interface recognition degree of the entire desktop page by combining the element recognition degrees of each foreground element.

[0013] In a possible implementation of the first aspect, the electronic device includes multiple desktop pages, and the wallpapers of the multiple desktop pages are the same; and the same interface discrimination of the multiple desktop pages in the electronic device is calculated in the following manner: calculating the element discrimination of each foreground element in the multiple desktop pages; determining the interface discrimination based on the element discrimination of each foreground element and the display parameters of the wallpaper image in the desktop page. In this way, the same wallpaper image can be filled in multiple desktop pages in the present application, and all foreground elements in all desktop pages can be considered in the process of adjusting the wallpaper image in each desktop interface, so as to achieve unified adjustment of the wallpaper images of multiple desktop pages.

[0014] In a possible implementation of the first aspect, the interface recognition degree is determined based on the element recognition degree of each foreground element and the display parameters of the wallpaper image in the desktop page, including: determining the interface recognition degree of the interface based on the element recognition degree of each foreground element, the number of foreground elements in the interface, and the display parameters of the wallpaper. In this way, the value of the interface recognition degree of the entire desktop page can be obtained by combining the element recognition degrees of each foreground element.

[0015] In a possible implementation of the first aspect, the foreground elements include icons and text, and based on the element discrimination of each foreground element, the number of foreground elements in the interface, and the display parameters of the wallpaper, determining the interface discrimination of the interface includes: calculating the interface discrimination in the following manner: Among them, maxΩ(M xy , Φ θ , Δ λ ) represents the interface discrimination, N represents the number of foreground elements in the interface; M xy The translation matrix representing the wallpaper image movement operation, x, y are the moving distance of the wallpaper image along the first direction and the moving distance along the second direction respectively; Φ θ Represents the rotation matrix of the wallpaper image rotation operation, θ is the rotation angle of the wallpaper image; Δ λ represents the scaling matrix of the first wallpaper image for scaling operation, λ is the scaling ratio of the wallpaper image; f i For the i-th icon in M xy , Φ θ , Δ λ The element discrimination on the wallpaper image corresponding to the display parameters; w i For the i-th character in M xy , Φ θ , Δ λ The element discrimination on the wallpaper image corresponding to the display parameters. It can be understood that the formula It can be called a discriminative parameter model. In this way, the translation matrix M xy Based on the change of x and y, x and y are the moving distance of the first wallpaper image along the first direction (such as the positive direction of the X axis) and the moving distance along the second direction (such as the positive direction of the Y axis) respectively; the rotation matrix Φ θ Based on the change of θ, θ is the angle of rotation of the first wallpaper image; Δ λ Based on the change of λ, λ is the scaling ratio of the first wallpaper image. i , w i ) is calculated based on the element discrimination of the ith icon and the corresponding text discrimination of the ith text, and Indicates that the display effects of icons and texts in multiple foreground elements meet user needs. Indicates that the display effects of icons and texts in multiple foreground elements do not meet user needs;Ω(M xy , Φ θ , Δ λ ) represents the interface distinguishability of the display effect of multiple foreground elements on the wallpaper image of the first interface.

[0016] In some embodiments, maxΩ(M xy , Φ θ , Δ λ ) are as follows:

[0017]

[0018] Among them, x min 、x max are the minimum and maximum values ​​of x, y min ,y max are the minimum and maximum values ​​of y respectively; θ min and θ max are the minimum and maximum values ​​of θ, λ min and λ max are the minimum and maximum values ​​of λ respectively. In addition, Indicates whether the icon's discernibility parameters and text's discernibility parameters meet the minimum threshold requirements, such as p is not greater than M. If so, If not satisfied, So, Corresponds to at least one of the following: tci i =0, tti i =1, pcai i =1, wci i =0, wti i =1. In this way, under the premise of meeting the above constraints, maxΩ(M xy , Φ θ , Δ λ ) has a solution.

[0019] In a possible implementation of the first aspect, the element discrimination of the foreground element is calculated in the following manner: multiple element parameters of the foreground element are calculated, wherein each element parameter corresponds to an image feature; and the element discrimination of the foreground element is calculated according to the multiple element parameters of the foreground element. It can be understood that the element parameter of the foreground element can be calculated according to the image feature of the foreground element and the image feature of the wallpaper image near the foreground element.

[0020] In a possible implementation of the first aspect, corresponding to the foreground element being an icon, the element parameters include an icon contrast index, an icon texture index, and an icon color similarity index; corresponding to the foreground element being a text, the element parameters include a text contrast index and a text texture index. Among them, the icon contrast index is used to indicate the contrast between the brightness of the icon element and the brightness of the wallpaper image. Generally, the greater the contrast, the clearer the icon element is on the wallpaper image. The icon texture index is used to indicate the relationship between the image texture of the icon element and the image texture of the wallpaper image. Generally, the simpler the image texture between the two, the clearer the icon element is on the wallpaper image. The icon color similarity index is used to indicate the similarity between the color of the icon element and the color of the wallpaper image. The smaller the color similarity between the icon element and the wallpaper image, the clearer the icon element is on the wallpaper image. Among them, the above-mentioned text contrast index is used to indicate the contrast between the brightness of the text element and the brightness of the wallpaper image of the desktop interface. Generally, the greater the contrast, the clearer the text element is on the wallpaper image and the easier it is to find. The text texture index is used to indicate the relationship between the image texture of the text element and the image texture of the wallpaper image of the desktop interface. Generally, the simpler the image texture between the two, the clearer the icon element is on the wallpaper image.

[0021] In a possible implementation of the first aspect, calculating the element discrimination of the foreground element according to multiple element parameters of the foreground element includes: calculating the element discrimination of the icon f by the following formula: i :f i =σ 1 *tci i +σ 2 *(1-tti i )+σ 3 *(1-pcai i ), where i = 1, 2, ..., N, N is the number of icons in the interface, tci i ,tti i , pcai i Respectively represent the icon contrast index, icon texture index, and color similarity index between the i-th icon in the interface and the wallpaper image, and σ 1 +σ 2 +σ 31 =1. Among them, σ 1 , σ 2 , σ 3 tci i ,tti i , pcai i The weight of .

[0022] In a possible implementation of the first aspect, the element parameters of the icon are calculated in the following manner: based on the first border area and the second border area of ​​the icon, the element parameters of the icon are calculated, wherein the first border area is at least a portion of the icon, the second border area is an annular wallpaper area outside the icon, the icon is located inside the inner ring of the annular wallpaper area, and the center point of the first border area and the second border area is the center point of the icon. For example, the first border area of ​​the icon may be a rectangular frame inside the icon, such as a rectangular frame with a width of d and a height of h based on the coordinates of the center point of the icon. The second border area of ​​the icon is a rectangular area with a left and right width of d+2k and a top and bottom height of h+2k based on the center point of the icon. It can be understood that for an icon, the second border area may be a rectangular area obtained by expanding the outer edge of the first border area outward by k pixels (k is generally less than 10, such as k=5).

[0023] In a possible implementation manner of the first aspect, the icon contrast index tci of the icon is calculated by the following formula:

[0024]

[0025] Among them, c 1 Indicates the minimum contrast ratio for an icon to be identifiable, c 2 represents the contrast ratio at which the icon can be clearly identified, and tc represents the first contrast ratio between the icon and the wallpaper image; wherein tc is calculated by the following formula:

[0026]

[0027] V 1 represents the average brightness of each pixel in the second border area, V 2 Represents the average brightness of each pixel in the first border area.

[0028] In a possible implementation manner of the first aspect, the icon texture index tti of the icon is calculated by the following formula:

[0029]

[0030] Among them, p is the number of intersections between the image outlines in the first frame area and the second frame area, the image outline in the second frame area is obtained by edge detection of the wallpaper image, m represents the number of intersections that do not affect the image clarity of the icon, and M represents the maximum number of intersections allowed on the icon. It can be understood that the greater the number of intersections between the image outlines in the first frame area and the second frame area, the worse the display effect of the corresponding icon.

[0031] In a possible implementation manner of the first aspect, the color similarity index of the icon is calculated in the following manner:

[0032] βpcai=1-(αμ 1 +βμ 2 +γμ 3 ), where pcai represents the color similarity index, α represents the hue similarity, β represents the saturation similarity, γ represents the saturation similarity, μ 1 +μ 2 +μ 3 =1, and α, β, γ are calculated as follows: α = θ / 180; β = |as-bs| / 100; γ = |av-bv| / 100; θ represents the angle between the average hue of the pixels of the primary color in the first frame area and the average hue of the pixels of the primary color in the second frame area; as represents the average saturation of the pixels of the primary color in the first frame area, bs represents the average saturation of the pixels of the primary color in the second frame area; av represents the average brightness of the pixels of the primary color in the first frame area, and bv represents the average brightness of the pixels of the primary color in the second frame area. Wherein, μ 1 , μ 2 , μ 3 are the weights of hue similarity, saturation similarity, and brightness similarity, for example, μ 1 , μ 2 , μ 3 The values ​​of are 0.6, 0.2 and 0.2 respectively. In this way, the present application can determine the display effect of an icon in the wallpaper image based on the color features of some pixels inside an icon and the color features of the pixels at the edge of the icon belonging to the wallpaper image. Thus, the interface discrimination of the entire interface is calculated based on the display effect of each icon.

[0033] In a possible implementation of the first aspect, calculating the element discrimination of the foreground element according to multiple element parameters of the foreground element includes: calculating the element discrimination w of the text by the following formula: i : Among them, i = 1, 2, ..., N, N is the number of characters in the interface, wci i 、 i Respectively represent the text contrast index and text texture index of the i-th text in the interface and the wallpaper image, and

[0034] In a possible implementation of the first aspect, the element parameters of the text are calculated in the following manner: based on the third border area and the fourth border area of ​​the text, the element parameters of the icon are calculated, wherein the third border area includes the pixels of the foreground element, the fourth border area is the annular wallpaper area outside the text, the text is located inside the inner ring of the annular wallpaper area, and the center point of the fourth border area is the center point of the icon, and at least one pixel in the third border area is adjacent to the pixel in the text. For example, the third border area corresponding to the APP text is a rectangular frame with a width of d' and a height of h'.

[0035] In a possible implementation manner of the first aspect, the text contrast index wci of the text is calculated by the following formula:

[0036]

[0037] Among them, c 3 Indicates the minimum contrast for text recognition, c 4 represents the contrast ratio at which the text can be clearly identified, and wc represents the second contrast ratio between the text and the wallpaper image; and wc is calculated by the following formula:

[0038]

[0039] V 3 Indicates the average brightness of each pixel of the text, V 4 Represents the average brightness of each pixel in the third border area.

[0040] In a possible implementation manner of the first aspect, the text texture index wti of the text is calculated by the following formula:

[0041]

[0042] Among them, q is the number of intersection points between the image outline of the wallpaper image and the third border area, r is the number of intersection points that do not affect the clarity of the text, and R is the maximum number of intersection points allowed to appear on the text.

[0043] In a possible implementation manner of the first aspect, the calculation process of the interface discrimination is implemented by at least one of a genetic algorithm, a steepest descent method, an improved one-dimensional search, and a gradient descent algorithm.

[0044] In a possible implementation of the first aspect, the method further includes: adjusting the display parameters of the first wallpaper image multiple times, and calculating the interface discrimination corresponding to each display parameter; if there is an interface discrimination greater than the discrimination threshold among the multiple interface discriminations corresponding to the multiple display parameters, the display parameter corresponding to the interface discrimination is used as the second display parameter; if there is no interface discrimination greater than the discrimination threshold among the multiple interface discriminations corresponding to the multiple display parameters, a prompt message is displayed, and the prompt message is used to prompt the user to change the wallpaper image on the interface. It can be understood that the present application solves the problem of satisfying M by using an optimization algorithm. xy , Φ θ , Δ λ The maximum value of Ω is reached, and the number of iterations reaches the maximum number of iterations, such as 100, and the interface recognition is output. If there is no solution, it means that the current wallpaper is not compatible with the icon elements and text. A wallpaper with the same style as the current wallpaper and the interface recognition that meets the requirements can be recommended.

[0045] In a possible implementation of the first aspect, the method further includes: in response to detecting a wallpaper change instruction from a user, displaying to the user a plurality of second wallpaper images having a display style similar to that of the first wallpaper image, so as to replace the wallpaper image with a display style that suits the user's preference.

[0046] In a possible implementation of the first aspect, in response to detecting a wallpaper change instruction from a user, multiple second wallpaper images with a similar display style to the first wallpaper image are displayed to the user, including: determining the display order of the second wallpaper images based on the interface recognition corresponding to the second wallpaper images, wherein the greater the interface recognition of the second wallpaper image, the higher the display order. It can be understood that since the wallpaper images recommended to the user are displayed in order from large to small interface recognition, it is convenient for the user to quickly change the wallpaper image with a larger interface recognition, so that the display effect of each foreground element in the interface after the wallpaper image is changed is better.

[0047] In a possible implementation of the first aspect, the method further includes: obtaining a second wallpaper image selected by the user, and determining a third display parameter of the second wallpaper image based on the interface recognition corresponding to the second wallpaper image; and displaying the second wallpaper image with the third display parameter. It is understandable that when the wallpaper adjustment is triggered, the user can manually select the required wallpaper image from the recommended wallpaper images for replacement, which meets the user's needs.

[0048] In a second aspect, an embodiment of the present application provides a display method, which is applied to an electronic device, the method comprising: displaying a first interface, the first interface comprising a first wallpaper image and a first foreground element, the first foreground element having a first element discrimination; detecting a first display change instruction, calculating the interface discrimination of a second interface after the display change, the interface discrimination being determined based on the element discrimination of each foreground element in the second interface; displaying a second interface based on the interface discrimination, wherein the second interface comprises a second wallpaper image and a first foreground element, and the first foreground element has a second element discrimination, the second element discrimination being greater than the first element discrimination. It can be understood that the first display change instruction is used to trigger the electronic device to automatically calculate the interface discrimination of the current interface, so as to determine in real time whether it is necessary to change the wallpaper or adjust the display parameters of the wallpaper image. Among them, the interface discrimination can characterize the clarity of each foreground element in the current interface as a whole displayed on the wallpaper image, that is, characterize the degree to which the user can clearly distinguish these foreground elements. In this way, the present application can realize automatic calculation of the interface discrimination, and automatically adjust the display parameters of the wallpaper image in the interface based on the interface discrimination, so as to improve the clarity of each icon and text displayed on the wallpaper image.

[0049] In a possible implementation of the second aspect, the element discrimination of the first foreground element is determined based on image features of the first foreground element and image features of a wallpaper image in which the first foreground element is located, and the image features are related to at least one of the following: brightness, contrast, saturation, hue, and texture.

[0050] In a possible implementation manner of the second aspect, the display parameter includes at least one of the following: a moving distance, a zoom ratio, and a rotation angle.

[0051] In a possible implementation manner of the second aspect, the first wallpaper image is different from the second wallpaper image, and the first interface change instruction is a wallpaper change instruction of the user, and the wallpaper change instruction is used to instruct to change the wallpaper image in the first interface.

[0052] In a possible implementation manner of the second aspect, the method further includes: in response to detecting a first wallpaper replacement instruction from a user, displaying a plurality of second wallpaper images having a display style similar to that of the first wallpaper image to the user.

[0053] In a possible implementation of the second aspect, in response to detecting a wallpaper change instruction from a user, multiple second wallpaper images with a similar display style to the first wallpaper image are displayed to the user, including: determining the display order of the second wallpaper images based on the interface recognition corresponding to the second wallpaper images, wherein the greater the interface recognition of the second wallpaper image, the higher the display order. In this way, when changing the wallpaper, it is convenient for the user to select a wallpaper image with a higher interface recognition, so that the display effect of each foreground element on the updated wallpaper image is higher and the display is clearer.

[0054] In a possible implementation of the second aspect, the method further includes: obtaining a second wallpaper image selected by a user, and determining the adjusted display parameters of the second wallpaper image based on the interface recognition corresponding to the second wallpaper image. It can be understood that the present application can determine the adjusted display parameters of the current second wallpaper image based on the relationship between the wallpaper and the interface recognition to adjust the wallpaper image.

[0055] In a possible implementation of the second aspect, the first wallpaper image is the same as the second wallpaper image, and the first display change instruction includes a foreground element change instruction, and the foreground element change instruction includes a deletion instruction, a new addition instruction, or a move instruction of the foreground element of the first interface.

[0056] In a possible implementation of the second aspect, a first display change instruction is detected and a second interface is displayed, including: in response to the first display change instruction, determining whether an interface recognition degree of a third interface is less than a recognition degree threshold, wherein the third interface includes a first wallpaper displayed with first display parameters and a changed foreground element; corresponding to the interface recognition degree of the third interface being less than the recognition degree threshold, adjusting the display parameters of the first wallpaper image to second display parameters to obtain a second interface, wherein the interface recognition degree of the second interface is greater than or equal to the recognition degree threshold.

[0057] In a possible implementation manner of the second aspect, the method also includes: adjusting the display parameters of the first wallpaper image multiple times, and calculating the interface discrimination corresponding to each display parameter; if there is an interface discrimination greater than a discrimination threshold among the multiple interface discriminations corresponding to the multiple display parameters, the display parameter corresponding to the interface discrimination is used as the second display parameter; if there is no interface discrimination greater than the discrimination threshold among the multiple interface discriminations corresponding to the multiple display parameters, a prompt message is displayed, and the prompt message is used to prompt the user to change the wallpaper image on the interface.

[0058] In a possible implementation manner of the second aspect, the method further includes: in response to detecting a second wallpaper change instruction from the user, displaying a plurality of third wallpaper images with a display style similar to the first wallpaper image to the user.

[0059] In a possible implementation of the second aspect, in response to detecting a wallpaper change instruction from a user, multiple third wallpaper images having a similar display style to the first wallpaper image are displayed to the user, including: determining a display order of the third wallpaper images based on an interface recognition degree corresponding to the third wallpaper images, wherein the greater the interface recognition degree of the third wallpaper image, the earlier the display order.

[0060] In a possible implementation manner of the second aspect, the method further includes: obtaining a third wallpaper image selected by a user, and determining a third display parameter of the third wallpaper image based on an interface recognition degree corresponding to the third wallpaper image; and displaying the third wallpaper image with the third display parameter.

[0061] In a possible implementation manner of the second aspect, the first interface and the second interface are desktop pages of the electronic device.

[0062] In a possible implementation of the second aspect, the interface recognition degree of a single desktop page in an electronic device is calculated in the following manner: calculating the element recognition degree of each foreground element in the desktop page; and determining the interface recognition degree based on the element recognition degree of each foreground element and the display parameters of the wallpaper image in the desktop page.

[0063] In a possible implementation of the second aspect, the electronic device includes multiple desktop pages, and the wallpapers of the multiple desktop pages are the same; and the same interface discrimination of the multiple desktop pages in the electronic device is calculated in the following manner: calculating the element discrimination of each foreground element in the multiple desktop pages; determining the interface discrimination based on the element discrimination of each foreground element and the display parameters of the wallpaper image in the desktop page.

[0064] In a possible implementation of the second aspect, the interface recognition is determined based on the element recognition of each foreground element and the display parameters of the wallpaper image in the desktop page, including: determining the interface recognition of the interface based on the element recognition of each foreground element, the number of foreground elements in the interface, and the display parameters of the wallpaper.

[0065] In a possible implementation manner of the second aspect, the foreground elements include icons and text, and based on the element discrimination of each foreground element, the number of foreground elements in the interface, and the display parameters of the wallpaper, determining the interface discrimination of the interface includes: calculating the interface discrimination in the following manner: Among them, maxΩ(M xy , Φ θ , Δ λ ) represents the interface discrimination, N represents the number of foreground elements in the interface; M xy The translation matrix representing the wallpaper image movement operation, x, y are the moving distance of the wallpaper image along the first direction and the moving distance along the second direction respectively; Φθ Represents the rotation matrix of the wallpaper image rotation operation, θ is the rotation angle of the wallpaper image; Δ λ represents the scaling matrix of the first wallpaper image for scaling operation, λ is the scaling ratio of the wallpaper image; f i For the i-th icon in M xy , Φ θ , Δ λ The element discrimination on the wallpaper image corresponding to the display parameters; w i For the i-th character in M xy , Φ θ , Δ λ The element discrimination on the wallpaper image corresponding to the display parameters.

[0066] In a third aspect, an embodiment of the present application provides a readable medium having instructions stored thereon, which, when executed on an electronic device, causes the electronic device to execute the display method in the first aspect and any possible implementation thereof, or the display method in the second aspect and any possible implementation thereof.

[0067] In a fourth aspect, an embodiment of the present application provides an electronic device, comprising: a memory for storing instructions executed by one or more processors of the electronic device, and a processor, which is one of the processors of the electronic device, for executing the display method in the first aspect and any possible implementation thereof, or the display method in the second aspect and any possible implementation thereof.

[0068] In a fifth aspect, an embodiment of the present application provides a computer program product, comprising a computer program / instruction, which, when executed by a processor, implements the display method in the above-mentioned first aspect and any possible implementation thereof, or the display method in the second aspect and any possible implementation thereof.

[0069] The beneficial effects of the second to fifth aspects mentioned above can be referred to the relevant descriptions in the first aspect mentioned above and various possible implementations of the first aspect, and will not be elaborated here. BRIEF DESCRIPTION OF THE DRAWINGS

[0070] Figure 1 A schematic diagram of wallpaper area transformation of a desktop page based on deleting display elements provided in an embodiment of the present application;

[0071] Figure 2 A schematic diagram of a wallpaper area adjustment process based on a translation operation provided in an embodiment of the present application;

[0072] Figure 3 A schematic diagram of wallpaper area transformation of a desktop page based on a newly added display element provided in an embodiment of the present application;

[0073] Figure 4 A schematic diagram of a wallpaper area adjustment process based on a zoom operation provided in an embodiment of the present application;

[0074] Figure 5A A schematic diagram of a display interface related to changing wallpaper provided in an embodiment of the present application;

[0075] Figure 5B A schematic diagram of a display interface related to changing wallpaper provided in an embodiment of the present application;

[0076] Figure 5C A schematic diagram of a display interface related to changing wallpaper provided in an embodiment of the present application;

[0077] Figure 5D A schematic diagram of a display interface related to changing wallpaper provided in an embodiment of the present application;

[0078] Figure 5E A schematic diagram of a display interface related to changing wallpaper provided in an embodiment of the present application;

[0079] Fig. 5F A schematic diagram of a display interface related to changing wallpaper provided in an embodiment of the present application;

[0080] Figure 5G A schematic diagram of a display interface related to changing wallpaper provided in an embodiment of the present application;

[0081] Figure 5H A schematic diagram of a display interface related to changing wallpaper provided in an embodiment of the present application;

[0082] Fig.5I A schematic diagram of a display interface related to changing wallpaper provided in an embodiment of the present application;

[0083] Figure 6 A flow chart of a display method provided in an embodiment of the present application;

[0084] Figure 7 A schematic diagram of a process for calculating page aesthetics based on element aesthetic parameters of display elements provided in an embodiment of the present application;

[0085] Figure 8 A schematic diagram of a calculation process of an element aesthetic parameter of an icon element provided in an embodiment of the present application;

[0086] Fig. 9 A schematic diagram of a border area of ​​an icon element provided in an embodiment of the present application;

[0087] Fig.10A schematic diagram of a detailed calculation process of an icon contrast index, an icon texture index, and an icon color similarity index of an icon element provided in an embodiment of the present application;

[0088] Fig.11 A schematic diagram of an intersection point of an image contour provided in an embodiment of the present application;

[0089] Fig.12 A schematic diagram of a calculation process of an element aesthetic parameter of a text element provided in an embodiment of the present application;

[0090] Fig.13 A schematic diagram of a border area of ​​an icon element and an element movement process provided in an embodiment of the present application;

[0091] Fig.14 A schematic diagram of a detailed calculation process of a text contrast index and a text texture index of a text element provided in an embodiment of the present application;

[0092] Fig.15 A schematic diagram of a page display scenario provided in an embodiment of the present application;

[0093] Fig.16 A schematic diagram of the structure of a mobile phone provided in an embodiment of the present application. DETAILED DESCRIPTION

[0094] Illustrative embodiments of the present application include, but are not limited to, display methods, media, and electronic devices.

[0095] In order to ensure the clear display of APP icons and texts in the desktop page, an embodiment of the present application provides a display method. For a desktop page filled with a wallpaper image, the interface recognition degree corresponding to the wallpaper area of ​​the wallpaper image and the foreground elements on the wallpaper area in the desktop page can be first calculated. The interface recognition degree is used to indicate the display effect of these foreground elements on the current wallpaper area. For example, the higher the value of the interface recognition degree, the better the display effect of the wallpaper area and the foreground elements, such as the clearer the icons and texts are and the easier it is for users to distinguish them. Specifically, the interface recognition degree can be calculated based on the image features of the current wallpaper area, such as color, brightness, image texture, and the image features of each icon or text on the current wallpaper area, and the element recognition degree of each foreground element is combined to obtain the numerical value of the interface recognition degree of the entire desktop page. When the interface recognition of the current desktop page is less than the aesthetic threshold, the wallpaper image can be adjusted, such as scaling, rotating, and moving (such as up, down, left, and right), so that the interface recognition of the adjusted desktop page is greater than or equal to the aesthetic threshold, ensuring the display effect of the wallpaper area and each foreground element, that is, ensuring that the icons and texts on the wallpaper area are clearer.

[0096] Among them, the interface discrimination in this application can also be referred to as interface aesthetics or page aesthetics, and the element discrimination can also be referred to as element aesthetics. It can be understood that the element discrimination of a foreground element can characterize the clarity of the foreground element displayed on the wallpaper image, that is, the degree to which the user can clearly distinguish the foreground element. Correspondingly, the interface discrimination can characterize the clarity of each foreground element in the current interface as a whole displayed on the wallpaper image, that is, the degree to which the user can clearly distinguish these foreground elements. Then, a foreground element has a high element discrimination, indicating that the foreground element is displayed more clearly on the wallpaper image. Similarly, an interface has a high interface discrimination, such as an interface discrimination higher than the discrimination threshold, then the overall display effect of all foreground elements in the interface is better, and can usually be clearly distinguished by the user. Among them, the value of the discrimination threshold can be set according to actual needs, and is not specifically limited here.

[0097] In addition, the element discrimination of each foreground element is determined based on the image features inside the foreground element and the image features outside the foreground element (i.e., the image features of the annular wallpaper area outside the display element). And the image features are related to at least one of the following: brightness, contrast, saturation, hue, texture.

[0098] In some embodiments, the display parameters corresponding to the scaling, rotation and movement of the wallpaper image can be determined to adjust the wallpaper area of ​​the wallpaper image based on the display parameters, until the interface recognition degree of the current desktop page after adjustment is greater than or equal to the recognition degree threshold, the wallpaper image and the wallpaper area corresponding to the current display parameters can be updated and displayed in the desktop page. Among them, the value of the recognition degree threshold can be set according to actual needs and is not specifically limited here. As an example, the display parameters of the wallpaper image include: at least one of the moving distance, the scaling ratio and the rotation angle, so that the wallpaper image can be moved, scaled and rotated by adjusting the display parameters of the wallpaper image.

[0099] It should be noted that the adjustment operation of the wallpaper image in the present application is not limited to the above-mentioned scaling, rotation and movement, and can also be other operations, which are not specifically limited here. For example, the above-mentioned adjustment operation can also be an image capture operation of the wallpaper image, such as capturing a partial area in the wallpaper image. At this time, if the shape of the captured area is irregular, the image of the area can be combined with other pixels to form a new wallpaper image. For example, the color of the other pixel can be the color of the main color of the pixel in the area, or it can be other colors such as white, which is not specifically limited in the present application.

[0100] In some embodiments, the present application may calculate the page discrimination between the wallpaper area and the foreground element of the wallpaper image in the current desktop page when the trigger condition is met, so as to adjust the wallpaper area in the desktop page. For example, the trigger condition may be: the foreground element such as the icon or text in the desktop page changes (for example, the user deletes any icon in the page), and the page needs to be redisplayed. Alternatively, the trigger condition may be: the electronic device replaces the wallpaper image in the current desktop page, for example, the user manually replaces the wallpaper image or the electronic device automatically switches the wallpaper image. Alternatively, the trigger condition may be: the user operates the adjustment control for adjusting the display parameters of the wallpaper image in the setting application of the electronic device to trigger the electronic device to automatically adjust the display parameters of the wallpaper image in the current desktop page to adjust the wallpaper area in the desktop page.

[0101] In some embodiments, changes in the foreground elements in the desktop page of the present application may be triggered by the user actively moving, deleting or adding a foreground element, or may be triggered by automatic deletion or addition of a foreground element based on the running status of the application.

[0102] In some embodiments, the interface with wallpaper and foreground elements in the present application is not limited to the desktop page, but can also be other user interfaces in electronic devices such as mobile phones, such as chat interfaces, etc., without specific limitation. The present application mainly takes the display parameter change of the wallpaper image in the desktop page as an example for explanation.

[0103] In some embodiments, the foreground element in the present application may include an icon and text, and generally one icon corresponds to one text. For example, the icon may include an APP icon or a card icon, and the corresponding text may be the text of the APP name or the text of the card name. For example, for a recorder APP, the foreground element may include the icon of the recorder APP and the text "recorder". In addition, the card may be an APP suggestion card (such as Xiaoyi suggestion TM ), APP grouping cards (such as daily application cards), function cards (such as sports health step record cards), etc. TM For cards, foreground elements can include small art suggestions TM The icon and corresponding text "Xiaoyi's suggestion".

[0104] Reference Figure 1 As shown, it is a schematic diagram of wallpaper area transformation of a desktop page based on deleting foreground elements provided by an embodiment of the present application. Figure 1The desktop page 11 of the mobile phone 10 is shown. The desktop page 11 is filled with a wallpaper area A1-1 of an image A1, and multiple foreground elements such as the icon of the recorder APP 111, the name text of the recorder APP (i.e., "clock"), etc. are displayed on the wallpaper area A1-1. When the user deletes the icon and text of the recorder APP 111 on the desktop page 11, the mobile phone 10 can automatically calculate the page recognition degree between the wallpaper area A1-1 and each foreground element in the desktop 11. If the page recognition degree is less than the recognition degree threshold, the current wallpaper image A1 is moved (such as translated upward) to obtain the adjusted wallpaper area. Until the wallpaper area is adjusted to the wallpaper area A1-2, and the page recognition degree between the wallpaper area A1-2 and each foreground element is greater than or equal to the recognition degree threshold, the wallpaper area in the desktop page 11 is updated from the wallpaper area A1-1 to the wallpaper area A1-2. In this way, each foreground element, such as Xiaoyi suggested TM The foreground elements corresponding to the card and clock APP are displayed more clearly on the wallpaper area A1-2, and the foreground display in the wallpaper area is more prominent, that is, the display effect of the entire desktop page is better.

[0105] It can be understood that the change of the foreground element in the present application is usually a change of the icon and the corresponding text at the same time. For example, when the "Recorder" APP icon is deleted on the desktop page, the corresponding APP name text "Recorder" will be deleted at the same time.

[0106] In some embodiments, after the foreground element (such as an APP icon and corresponding text) in the desktop page in the present application is deleted from the corresponding display position (recorded as display position 1), the display position 1 is left blank, or the display position 1 is filled with other foreground elements (such as foreground elements adjacent to the deleted foreground element).

[0107] In some embodiments, the display parameters of the wallpaper image adjustment process in the desktop page change, and different display parameters correspond to different wallpaper areas of the wallpaper image in the desktop page. For example, wallpaper area A1-1 corresponds to display parameter 1 of wallpaper image A1, and wallpaper area A1-2 corresponds to display parameter 2 of wallpaper image A1, and display parameter 1 and display parameter 2 are different.

[0108] Reference Figure 2 FIG. 1 is a schematic diagram of a wallpaper area adjustment process based on a translation operation provided by an embodiment of the present application. Figure 1 In the example of a user deleting the "recorder" APP icon and text from the desktop interface 11, Figure 2 In the desktop interface 11 shown in (a), the "recorder" APP icon and text are displayed and the wallpaper area is A1-1. Figure 2In the desktop interface 11 shown in (b) in FIG. 1 , the “recorder” APP icon and text are not displayed and the wallpaper area is A1-1, that is, the “recorder” APP icon and text have been deleted. At this time, the mobile phone 10 can calculate Figure 2 (b) in FIG. 1 shows the interface distinction between the wallpaper area A1-1 and each foreground element in the desktop interface 11. Figure 2 As shown in (c) in FIG. 1 , when the interface discrimination 1 is less than the discrimination threshold, the mobile phone 10 can perform a translation operation on the wallpaper image A1 according to the reference points P1-P4 to adjust the wallpaper image for the area M where the "recorder" APP icon and text are located. At this time, the area to be adjusted in the desktop interface 11 is area M. Specifically, Figure 2 As shown in (d) in FIG. 1 , the mobile phone 10 can translate the wallpaper image A1 upward and leftward along the arrow direction according to the reference points P1-P4 to obtain the translated reference points P1'-P4', thereby adjusting the wallpaper area in the desktop interface 11 from the wallpaper area A1-1 to the wallpaper area A1-2, so as to move the wallpaper image in the blank area to display the wallpaper content (such as the foreground of the wallpaper image). At this time, the mobile phone 10 can calculate Figure 2 (d) in the figure shows the interface discrimination 2 between the wallpaper area A1-2 and each foreground element in the desktop interface 11, and the interface discrimination 2 is greater than or equal to the discrimination threshold. In this way, after the wallpaper area of ​​the desktop interface 11 is adjusted from the wallpaper area A1-1 to the wallpaper area A1-2, the discrimination of the desktop interface 11 is improved, for example, the displayed APP icons and corresponding texts such as the clock, Hitachi, gallery, and memo are clearer, and the foreground of the wallpaper image can be displayed intuitively.

[0109] Understandably, Figure 2 The adjustment process of the wallpaper area shown is performed by the mobile phone 10 in the background and is invisible to the user. The changes in the desktop interface 11 actually seen by the user are as follows: Figure 1 The example of interface change shown is that the user sees the desktop interface before adjustment and the desktop interface after adjustment whose recognition degree is greater than or equal to the recognition degree threshold, but does not see the desktop interface whose recognition degree is less than the recognition degree threshold during the adjustment process.

[0110] In some embodiments, the translation operation of the mobile phone 10 on the wallpaper image in the present application can be adjusted gradually, such as by gradually adjusting the unit displacement, and the interface discrimination is calculated once after each adjustment until the interface discrimination is greater than or equal to the discrimination threshold, and the adjusted wallpaper area is obtained, such as wallpaper area A1-2. That is, the mobile phone 10 can iteratively calculate the interface discrimination multiple times to adjust the wallpaper image, such as calculating the interface discrimination for different display parameters of the wallpaper image.

[0111] It is understood that the present application can set the maximum number of iterations for iteratively calculating the display parameters of the wallpaper image, such as 100 times, but not limited thereto. As an example, within the maximum number of iterations, if the interface discrimination corresponding to the display parameters calculated by a certain iteration is greater than the discrimination threshold, the iterative calculation is stopped and the display parameters and interface discrimination calculated this time are saved. In addition, when the number of iterations reaches the number of iterations, if the interface discrimination corresponding to the display parameters calculated by the last iteration is still less than the discrimination threshold, the iterative calculation is stopped.

[0112] Reference Figure 3 As shown, it is a schematic diagram of wallpaper area transformation of a desktop interface based on a newly added foreground element provided by an embodiment of the present application. Figure 3 The desktop interface 12 of the mobile phone 10 is shown, and the desktop interface 12 is filled with a wallpaper area A1-3 of an image A1, and multiple foreground elements are displayed on the wallpaper area A1-3. After the user triggers the operation of adding icons and texts of the gallery APP 112 on the desktop interface 12, the mobile phone 10 can automatically calculate the interface recognition degree between the wallpaper area A1-3 and each foreground element in the desktop 11. If the interface recognition degree is less than the recognition degree threshold, the current wallpaper image A1 is scaled to obtain the adjusted wallpaper area. Until the wallpaper area is adjusted to the wallpaper area A1-4, and the interface recognition degree between the wallpaper area A1-4 and each foreground element is greater than or equal to the recognition degree threshold, the wallpaper area in the desktop interface 12 is updated from the wallpaper area A1-3 to the wallpaper area A1-4. In this way, the displayed foreground elements, as Xiaoyi suggested, TM The foreground elements corresponding to the card and clock APP are clearer in the wallpaper area A1-4, and the foreground display in the wallpaper area is more prominent, that is, the display effect of the entire desktop interface is better.

[0113] Reference Figure 4 FIG. 1 is a schematic diagram of a wallpaper area adjustment process based on a zoom operation provided by an embodiment of the present application. Figure 3 An example of a user adding a gallery APP icon and text to the desktop interface 12. Figure 4 In (a), there is an empty space between the calendar APP icon and the memo APP icon in the desktop interface 12, and the wallpaper area is A1-3. Figure 4 The desktop interface 12 shown in (b) includes the newly added gallery APP 112 icon and text and the wallpaper area is A1-3. At this time, the mobile phone 10 can calculate Figure 4 (b) in FIG. 1 shows the interface distinction 3 between the wallpaper area A1-3 and each foreground element in the desktop interface 12. Figure 4As shown in (c) in FIG. 1 , when the interface discrimination 3 is less than the discrimination threshold, the mobile phone 10 can scale the wallpaper image A1 according to the reference points P1-P4 to adjust the wallpaper image for the area N where the gallery APP icon and text are located. At this time, the area to be adjusted in the desktop interface 12 is area N. Specifically, Figure 4 As shown in (d) in FIG. 1 , the mobile phone 10 can enlarge the wallpaper image A1 along the arrow direction according to the reference points P1-P4 to obtain the moved reference points P1"-P4", thereby adjusting the wallpaper area in the desktop interface 12 from the wallpaper area A1-3 to the wallpaper area A1-4, so as to ensure that each foreground element in the enlarged wallpaper area is clearly displayed. At this time, it can be calculated Figure 4 (d) in the figure shows the interface discrimination 4 between the wallpaper area A1-4 and each foreground element in the desktop interface 12, and the interface discrimination 4 is greater than or equal to the discrimination threshold. In this way, when the wallpaper area of ​​the desktop interface 12 is adjusted from the wallpaper area A1-3 to the wallpaper area A1-4, the interface discrimination of the desktop interface 12 is improved, for example, the displayed gallery APP icon and the corresponding text are clearer.

[0114] akin, Figure 4 The wallpaper area adjustment process shown is performed by the mobile phone 10 in the background and is invisible to the user. The changes in the desktop interface 12 actually seen by the user are as follows: Figure 3 An example of interface changes is shown.

[0115] Similarly, in the present application, the zooming operation of the mobile phone 10 on the wallpaper image can be adjusted gradually, such as gradually adjusting according to the unit zoom ratio, and the interface discrimination is calculated once after each adjustment until the interface discrimination is greater than or equal to the discrimination threshold, and the adjusted wallpaper area is obtained, such as the wallpaper area A1-4 mentioned above. That is, the mobile phone 10 can iteratively calculate the interface discrimination multiple times according to the maximum number of iterations to adjust the wallpaper image.

[0116] In some other embodiments, the present application can also adjust the wallpaper image based on the rotation operation alone to adjust the wallpaper area. In addition, the present application can adjust the wallpaper image in combination with two or more operations of translation operation, rotation operation and scaling operation, which will not be described in detail here.

[0117] In this application, based on the numerical value of the interface recognition of the desktop interface, the recognition of the desktop interface can be divided into multiple levels, such as dividing the interface recognitions belonging to different numerical ranges into different levels. As an example, the higher the numerical value of the interface recognition, the higher the level of the interface recognition. It can be understood that if the level of the interface recognition of the current desktop page is low, the user can be reminded that the icons and texts in the current desktop page have poor display effects, and it is recommended to change the wallpaper.

[0118] In some embodiments, the present application may divide the recognition level of the desktop page into the first level, the second level, and the third level based on the recognition threshold. For example, the value of the interface recognition of the first level is greater than the recognition threshold, the value of the interface recognition of the second level is equal to the recognition threshold, and the value of the interface recognition of the third level is less than the recognition threshold. In addition, in some other embodiments, the present application divides the interface recognition into more than 3 levels. At this time, when the value of the interface recognition of the desktop page belongs to the numerical range corresponding to the lower levels, it indicates that the current wallpaper image needs to be adjusted or replaced.

[0119] It should be noted that the wallpaper image replacement scenarios in the present application include the following two scenarios: scenario one, manually triggering the replacement of the wallpaper image; scenario two, automatically triggering the replacement of the wallpaper image.

[0120] It can be understood that in scenario 1, the user can subjectively and manually trigger the mobile phone 10 to change the wallpaper. For example, when the user needs to change the landscape wallpaper image in the current desktop page to a character wallpaper image, the user can operate the current desktop page or the setting application to trigger the mobile phone 10 to display the wallpaper change interface. Among them, the wallpaper change interface includes multiple candidate wallpaper images, and the multiple candidate wallpaper images can be sorted from large to small according to the corresponding interface recognition value, that is, the wallpaper image with higher interface recognition is recommended to the user first.

[0121] In some embodiments, when the wallpaper image is manually triggered to be changed and the current wallpaper image is of a style, the mobile phone 10 can recommend a wallpaper image of the same or similar style as the current wallpaper image. For example, when the current wallpaper image is a landscape-type image, the mobile phone 10 can recommend multiple landscape-type images (which can be called alternative wallpaper images). For another example, when the current wallpaper image is a person-type image, the mobile phone 10 can recommend multiple person-type images, such as these images and the current wallpaper image all contain the same person (such as a football star or the user himself).

[0122] Reference Figure 5A-5C As shown, it is a schematic diagram of a scenario of manually triggering the replacement of wallpaper images provided in an embodiment of the present application. Figure 5A As shown, the mobile phone 10 displays a desktop page 51, which includes a wallpaper image B1 and multiple APP icons, such as a setting APP 511. After the user clicks on the setting APP 511, as shown in FIG. Figure 5B As shown, the mobile phone 10 displays a setting interface 52, which includes a "wallpaper" control 521. Then, the user clicks on the "wallpaper" control 521 to trigger the mobile phone 10 to display the following Figure 5CThe preview interface 53 shown in the figure includes the candidate wallpaper image B2 and the "Set as current wallpaper" control 531. When the user clicks the "Set as current wallpaper control" 531, the mobile phone 10 can replace the wallpaper image in the desktop page 51 from the wallpaper image B1 to the wallpaper image B2. Then, after the user exits the preview interface 53 (such as clicking the HOME button of the mobile phone 10), the mobile phone 10 can change the wallpaper image in the desktop page 51 from the wallpaper image B1 to the wallpaper image B2. Figure 5D As shown, the mobile phone 10 can display the desktop page 51, and the wallpaper image of the desktop page 51 is changed from the wallpaper image B1 to the wallpaper image B2. In addition, the wallpaper image of the wallpaper image B2 can correspond to the default display parameters of the wallpaper image B2 or the automatically adjusted display parameters, which is not limited in the embodiment of the present application.

[0123] In some embodiments, after the user clicks the "wallpaper" control 531 in the setting interface 52, the mobile phone 10 can automatically calculate the interface discrimination between multiple candidate wallpaper images and each foreground element in the desktop page 51. For example, the mobile phone can calculate the interface discrimination between the candidate wallpaper image B1 and each foreground element in the desktop page 51, such as the interface discrimination when these foreground elements are displayed on the candidate wallpaper image B2 displayed with default display parameters. In addition, the mobile phone 10 can sort the multiple candidate wallpaper images from large to small according to the corresponding interface discrimination, and give priority to recommending to the user the candidate wallpaper image with the largest corresponding interface discrimination, such as the candidate wallpaper image B2 is the candidate wallpaper image with the largest corresponding discrimination among the multiple candidate wallpaper images.

[0124] In some embodiments, the mobile phone 10 can recommend corresponding candidate wallpaper images to the user in descending order of interface recognition. Figure 5C Instead of the "Set as current wallpaper control" 531 in the preview interface 53 shown in the figure, after sliding the preview interface 53 to the right, the mobile phone 10 can display the following Figure 5E The preview interface 55 shown in the figure includes an alternative wallpaper image B3 and a "Set as current wallpaper" control 551. At this time, the user's click operation on the "Set as current wallpaper" control 551 can trigger the mobile phone 10 to set the alternative wallpaper image B3 as the wallpaper image of the desktop page 51. In addition, the interface recognition degree corresponding to the alternative wallpaper image B3 can be greater than or equal to the interface recognition degree corresponding to the alternative wallpaper image B2.

[0125] Understandably, Figure 5A-5E The wallpaper image in the preview interface shown may display various foreground elements in the most recently displayed desktop page (i.e., desktop page 51). In addition, in some other embodiments, only icon templates (i.e., icons without actual APP information and text) are displayed on the wallpaper image in the preview interface, which is not specifically limited here.

[0126] Usually, the interface discernibility corresponding to the multiple alternative wallpaper images corresponding to the current wallpaper image is greater than or equal to the discrimination threshold. Assuming that the user does not select these alternative wallpaper images for wallpaper replacement, but selects other images as wallpapers from the gallery or the network side, the mobile phone 10 can also calculate in real time the interface discernibility of each foreground element in the current desktop page 51 corresponding to the selected image. If the interface discernibility calculated in real time is less than the discrimination threshold, the user is prompted that the interface discernibility of the current image is low and the user is advised to change the wallpaper again. If the interface discernibility calculated in real time is greater than or equal to the discrimination threshold, the wallpaper image in the desktop page 51 is replaced with the selected image.

[0127] In some embodiments, in scenario 2, for a desktop interface with a lower level of interface recognition (such as the third level), the present application may push wallpapers or other wallpapers similar to the current wallpaper style to the user to prompt the user to change the wallpaper. It is understandable that when the present application starts to adjust the wallpaper image in the desktop interface when the trigger condition is met, it may iteratively calculate the adjusted wallpaper image and calculate the interface recognition multiple times until the number of iterations reaches the maximum number of iterations (such as 100 times) and the interface recognition of the desktop interface is still less than the recognition threshold, then it is determined that the recognition level of the desktop interface is low, indicating that the wallpaper area of ​​the current wallpaper image on the desktop interface after adjustment still cannot clearly display the various foreground elements.

[0128] In some embodiments, for a desktop interface (i.e., a desktop page) with a low level of interface recognition, the mobile phone 10 can detect the image style (such as characters or scenery) of a wallpaper image (such as wallpaper image A1) in the current desktop interface, and obtain one or more wallpaper images with the same image style from the network side or locally to recommend these wallpaper images to the user.

[0129] In addition, in other embodiments, for desktop interfaces with a low interface recognition level, the mobile phone 10 can display a wallpaper change control on the current desktop interface to support users to select a customized wallpaper image based on the wallpaper change control, so that users can manually adjust the wallpaper image according to their own needs to improve the interface recognition of the desktop interface.

[0130] Reference Figure 5F-Figure 5I As shown in FIG. 1 , a schematic diagram of a scene of changing wallpaper provided in an embodiment of the present application is shown. Fig. 5FAs shown, the mobile phone 10 displays a desktop page 56, which includes a wallpaper image C1 and multiple foreground elements such as an icon of a recorder APP 561 and the name text of the recorder APP (i.e., "clock"). When the user deletes the icon and text of the recorder APP 561 on the desktop page 56, the mobile phone 10 can automatically calculate the interface recognition of the desktop 56. If the interface recognition calculated multiple times under the maximum number of iterations is less than the recognition threshold, the following is displayed: Figure 5G The desktop interface 57 shown in FIG. The desktop interface 57 includes a prompt message "The current wallpaper has poor recognition, it is recommended to change the wallpaper", a "Change" control 571, and a "Cancel" control 572. At this time, the "Change" control 571 is used to trigger the wallpaper change, and the "Cancel" control 572 is used to cancel the wallpaper change. For example, after the user clicks the "Change" control 571, as shown in FIG. Figure 5H As shown, the mobile phone 10 can display a preview interface 58, which includes an alternative wallpaper image C2 and a "Set as current wallpaper" control 581. After the user clicks the "Set as current wallpaper" control 581, the mobile phone 10 can change the wallpaper image in the desktop page 56 from the wallpaper image C1 to the alternative wallpaper image C2. Furthermore, after the user exits the preview interface 58, the mobile phone 10 can display a desktop page 59, which includes the alternative wallpaper image C2, and multiple foreground elements are the same as the foreground elements after deleting the icon and text of the recorder APP 561 in the desktop page 56. Moreover, at this time, the wallpaper image of the alternative wallpaper image C2 can correspond to the default display parameters of the alternative wallpaper image C2 or the automatically adjusted display parameters, which is not limited in the embodiment of the present application.

[0131] In some embodiments, the mobile phone 10 can recommend corresponding candidate wallpaper images to the user in order of the interface recognition from large to small. For example, the candidate wallpaper image C2 is the candidate wallpaper image with the highest corresponding interface recognition among the current candidate wallpaper images. Similarly, assuming that the user has not selected the candidate wallpaper image C2, other candidate wallpaper images can also be searched in the preview interface to change the wallpaper, which will not be repeated here.

[0132] It can be understood that in the present application, for wallpaper images in desktop pages with a higher level of discrimination, there is no need to replace the wallpaper images. In addition, for these wallpaper images, if the trigger conditions are met, the display parameters of the wallpaper images can be iteratively adjusted and the interface discrimination can be calculated. At this time, if the interface discrimination after iterative calculation is greater than the interface discrimination before adjustment, the wallpaper image is adjusted according to the display parameters corresponding to the interface discrimination to adjust the wallpaper area in the current desktop page. If the interface discrimination after iterative calculation is less than or equal to the interface discrimination before adjustment, there is no need to adjust the desktop area of ​​the current desktop page.

[0133] In some embodiments, the display method in the present application can be applied to various electronic devices, including but not limited to: mobile phones, tablet computers, wearable devices, vehicle-mounted devices, augmented reality (AR) devices, virtual reality (VR) devices, laptop computers, ultra-mobile personal computers (UMPC), netbooks, personal digital assistants (PDA) or smart screens and other electronic devices with display functions, and can also be other devices or devices capable of displaying icons or cards. The embodiments of the present application do not impose any restrictions on the specific type of electronic device. The embodiments of the present application mainly take the electronic device as a mobile phone 10 as an example to illustrate the display method.

[0134] The present application mainly uses the change of the foreground element in the desktop page as a trigger condition to execute the display method as an example to illustrate the display method of the present application. Figure 6 FIG. 1 is a flow chart of an interface display method provided in an embodiment of the present application. The execution subject of the method is a mobile phone 10. The method includes the following steps:

[0135] S601: Displaying a first wallpaper image and a plurality of first foreground elements on a first interface according to a first display parameter.

[0136] For example, the first interface can be Figure 1 In the desktop page 11 shown, the first wallpaper image is A1 and the first display parameter is the display parameter corresponding to the wallpaper area A1-1, and the plurality of first foreground elements are Figure 1 Foreground elements overlaid on wallpaper area A1-1 in FIG.

[0137] S602: Receive a first user operation, where the first user operation is an operation of adjusting a plurality of first foreground elements to a plurality of second foreground elements. In this case, the first user operation is an operation of deleting, adding, or moving a foreground element in the plurality of first foreground elements. Figure 1 The example of changing the wallpaper area of ​​the desktop interface shown in FIG. 1 is that the first user operation may be an operation of deleting the “recorder” icon and text, and the plurality of second foreground elements may be Figure 1 Foreground elements overlaid on wallpaper area A1-2 in FIG.

[0138] S603: In response to the first user operation, corresponding to the first wallpaper image and the plurality of second foreground elements corresponding to the first display parameter on the first interface, calculating the interface recognition degree of the first interface as the first interface recognition degree.

[0139] It can be understood that the first wallpaper image displayed on the first interface according to the first display parameter refers to the wallpaper area corresponding to the first wallpaper image and the first display parameter displayed on the first interface, such as Figure 1 The wallpaper area A1 - 1 of the wallpaper image A1 is shown.

[0140] It can be understood that the interface recognition of the first interface is used to indicate the display effect of the foreground element on the wallpaper image of the first interface. Figure 1 In the example shown, the interface recognition degree of the first interface is used to indicate the display effect of each APP icon and text and each card icon and text in the desktop interface A1 on the wallpaper area A1-1.

[0141] S604: Determine whether the first interface recognition degree is less than the recognition degree threshold. If yes, proceed to S605, otherwise, end.

[0142] It can be understood that if the first interface recognition degree is less than the recognition degree threshold, it is considered that the interface recognition degree level of the current first interface is the third level, i.e., the level is relatively low, indicating that the wallpaper image in the first interface needs to be adjusted to improve the interface recognition degree. At this time, the first interface recognition degree corresponds to the first display parameter of the first wallpaper image.

[0143] S605: adjusting display parameters of the first wallpaper image, and calculating the adjusted interface recognition degree of the first interface.

[0144] In some embodiments, the present application iteratively adjusts the display parameters of the first wallpaper image multiple times, and the display parameters after each adjustment correspond to different interface distinctions of the first interface.

[0145] S606: Determine whether the adjusted interface recognition of the first interface is less than the recognition threshold. If yes, proceed to S607 to determine whether it is necessary to continue adjusting the display parameters of the first wallpaper image. If no, it means that the adjusted interface recognition of the first interface is greater than or equal to the recognition threshold, proceed to S608.

[0146] S607: Determine whether the number of iterations is greater than the maximum number of iterations. If yes, proceed to S609, if not, return to S605.

[0147] It can be understood that if the number of iterations is greater than the maximum number of iterations and the interface discrimination of the adjusted first interface (such as the second interface discrimination) is still less than the discrimination threshold, it means that no matter how the current first wallpaper image is adjusted, it is still unable to clearly display the second foreground elements, and thus the wallpaper image needs to be replaced. Conversely, if the number of iterations is less than the maximum number of iterations and the interface discrimination of the adjusted first interface is still less than the discrimination threshold, the display parameters of the first wallpaper image can continue to be adjusted.

[0148] The number of iterations is the number of times S605 is executed, that is, the number of times the display parameters of the first wallpaper image are adjusted.

[0149] S608: Using the adjusted display parameter as the second display parameter, displaying the first wallpaper image and a plurality of second foreground elements on the first interface according to the second display parameter.

[0150] At this time, the interface recognition degree corresponding to the second display parameter of the first wallpaper image may be recorded as the second interface recognition degree, and the second interface recognition degree is greater than or equal to the recognition degree threshold.

[0151] It can be understood that the second display parameter is the display parameter of the first wallpaper image after multiple iterations of adjustment, that is, the present application adjusts the display parameter of the first wallpaper image from the first display parameter to the second display parameter.

[0152] For example, in the first interface Figure 1 When the desktop interface 11 is shown, the second display parameter is a display parameter corresponding to the wallpaper area A1-2.

[0153] In some embodiments, in the process of adjusting the display parameters of the first wallpaper image, the present application may save the display parameters of the first wallpaper image and the corresponding interface discrimination calculated in the current iteration process. For example, when the number of iterations reaches the maximum number of iterations or the interface discrimination is greater than or equal to the discrimination threshold, the display parameters of the first wallpaper image and the corresponding interface discrimination calculated in the last iteration may be saved.

[0154] In addition, after adjusting the first wallpaper image in the first interface to the second display parameter, the user can use a sliding operation (such as a fourth user operation) to trigger switching the first interface to another desktop interface, and display the first wallpaper image and multiple third foreground elements on the third interface according to the second display parameter of the desktop page. Thus, the same wallpaper adjustment of multiple interfaces is achieved.

[0155] S609: Display prompt information, where the prompt information is used to prompt the user to change the wallpaper image filled in the first interface.

[0156] S610: Receive a second user operation on the prompt information. The second user operation is used to trigger the replacement of the wallpaper image. For example, the second user operation may be a click operation on the prompt information.

[0157] S611: In response to a second user operation, display a first preview interface, the first preview interface including a second wallpaper image and a plurality of second foreground elements displayed according to a third display parameter, wherein the second wallpaper image is a replaceable wallpaper image.

[0158] In some embodiments, the first preview interface may be the preview interface 13 or the preview interface 14 shown in FIG. 5 , and the wallpaper image to be replaced may be the wallpaper image A3 or the wallpaper image A4 .

[0159] In some embodiments, the second wallpaper image has the same or similar image style as the first wallpaper image. Specifically, in the present application, if the interface discrimination of the first interface calculated after the maximum number of iterations is still less than the discrimination threshold, the image style of the first wallpaper image can be determined in real time, and a second wallpaper image having the same or similar image style can be obtained, and then the second wallpaper image can be displayed to the user on the first preview interface.

[0160] In some embodiments, the second wallpaper image may be a wallpaper image customized by the user, such as a wallpaper image with a relatively simple foreground.

[0161] S612: receiving a third user operation on the second wallpaper image, where the third user operation is used to trigger replacing the wallpaper image on the first interface with the second wallpaper image.

[0162] For example, the first preview interface includes a confirmation button “Change Wallpaper”, and the third user operation is a user clicking operation on the confirmation button.

[0163] In some embodiments, on the first preview interface, the user can intuitively see the display effect of the plurality of second foreground elements on the second wallpaper image. If the user believes that the display effect of the plurality of second foreground elements on the second wallpaper image, such as the second wallpaper image displayed according to the third display parameter, is better, the user performs a third user operation to trigger the wallpaper image to be changed from the first wallpaper image to the second wallpaper image. As an example, when the user sees that the plurality of second foreground elements are displayed according to the third foreground element

[0164] S613: In response to a third user operation, display a second wallpaper image on the first interface according to a third display parameter, and display a plurality of second foreground elements.

[0165] For example, the third display parameter may be a default display parameter of the second wallpaper image on a desktop interface such as the first interface, or a display parameter manually adjusted by a user.

[0166] In some embodiments, corresponding to the third display parameter of the second wallpaper image and the plurality of second foreground elements, the interface recognition degree of the first interface is generally greater than or equal to a recognition degree threshold.

[0167] In this way, the application applies to scale, rotate and move (up, down, left, and right) the wallpaper image when the interface recognition of the desktop interface is less than the recognition threshold, so as to achieve that the interface recognition of the adjusted desktop interface is greater than or equal to the recognition threshold, thereby ensuring the effect of the wallpaper area and each foreground element, that is, ensuring that the wallpaper area, icons and text are clearer. If the current wallpaper image cannot guarantee the display effect of each foreground element, the user can be informed to change the wallpaper to improve the interface recognition, so as to improve the display effect of each foreground element in the desktop interface.

[0168] In some embodiments, the interface recognition degree of the desktop interface in the present application can be determined based on the element parameters of each foreground element in the desktop interface, wherein the element parameters of the foreground element are used to indicate the display effect of the foreground element on the wallpaper image of the current display parameters of the desktop interface.

[0169] In some embodiments, the present application may calculate the interface discrimination for a single desktop page, or calculate the same interface discrimination for multiple desktop pages containing the same wallpaper image.

[0170] Next, refer to Figure 7 , the process of calculating the interface discrimination based on the element parameters of the foreground element is described. Figure 7 The method shown, in this application, the discrimination of the first interface is calculated by the following steps:

[0171] S701: Calculate the element discrimination of each foreground element in at least one interface to be adjusted and a first wallpaper image.

[0172] The element discrimination is used to indicate the display effect of the foreground element on the first wallpaper image, and the element discrimination of a foreground element can be calculated based on various element parameters of the foreground element.

[0173] In some embodiments, different desktop interfaces among the multiple desktop interfaces in the present application can be filled with the same or different wallpaper images, but the process of adjusting the wallpaper image in a certain desktop interface can only consider the foreground elements in the desktop interface, without considering the foreground elements in other desktop interfaces, so as to achieve independent adjustment of the wallpaper image of a single desktop interface. Then, if the mobile phone 10 has multiple desktop interfaces, the wallpaper image can be adjusted independently for each desktop interface, and the adjustment results of the wallpaper image in each desktop interface may be different, such as the display parameters of the same wallpaper image after adjustment in different desktop interfaces are different.

[0174] As an example, the interface recognition degree of the first interface in the present application can be determined based on the display parameters of the wallpaper image in the first interface and the foreground elements in at least one interface to be adjusted. Among them, at least one interface to be adjusted of the electronic device includes a first wallpaper image displayed according to the same display parameters, and at least one interface to be adjusted includes the first interface. For example, at least one interface to be adjusted is a plurality of desktop interfaces. Optionally, at least one interface to be adjusted is the first interface, in which case the interface recognition degree of the first interface is adjusted based on the foreground elements in a single interface, that is, the interface recognition degree of the first interface is calculated based on the plurality of second foreground elements in the first interface.

[0175] In some embodiments, the same wallpaper image can be filled in multiple desktop pages in the present application, and all foreground elements in all desktop pages can be considered in the process of adjusting the wallpaper image in each desktop interface to achieve unified adjustment of the wallpaper images of multiple desktop pages.

[0176] As an example, at least one interface to be adjusted includes a first interface and a third interface. At this time, the interface distinguishability of the first interface is adjusted based on the foreground elements in multiple interfaces (such as the first interface and the third interface) that set the same wallpaper image, that is, the interface distinguishability of the first interface is calculated based on multiple second foreground elements in the first interface and foreground elements in other interfaces such as the third interface.

[0177] In some embodiments, element parameters of icon elements such as APP icons or card icons include: icon contrast index, icon texture index, and icon color similarity index. Among them, the icon contrast index is used to indicate the contrast between the brightness of the icon element and the brightness of the wallpaper image. Generally, the greater the contrast, the clearer the icon element is on the wallpaper image. The icon texture index is used to indicate the relationship between the image texture of the icon element and the image texture of the wallpaper image. Generally, the simpler the image texture between the two, the clearer the icon element is on the wallpaper image. The icon color similarity index is used to indicate the degree of similarity between the color of the icon element and the color of the wallpaper image. The smaller the color similarity between the icon element and the wallpaper image, the clearer the icon element is on the wallpaper image. Specifically, the calculation process of the icon contrast index, the icon texture index, and the icon color similarity index will be described in detail below and will not be repeated here.

[0178] In some embodiments, the text element is such as the text of the APP name or the text of the card name, and the element parameters of the text element include: text contrast index, text texture index. Among them, the above-mentioned text contrast index is used to indicate the contrast between the brightness of the text element and the brightness of the wallpaper image of the desktop interface. Generally, the greater the contrast, the clearer and easier to find the text element on the wallpaper image. The text texture index is used to indicate the relationship between the image texture of the text element and the image texture of the wallpaper image of the desktop interface. Generally, the simpler the image texture between the two, the clearer the icon element is on the wallpaper image. Specifically, the calculation process of the text contrast index and the text texture index will be described in detail below and will not be repeated here.

[0179] In some embodiments, the present application can calculate the element discrimination degree f of the icon by the following formula (1): i :

[0180] f i =σ 1 *tci i +σ 2 *(1-tti i )+σ 3 *(1-pcai i )(1)

[0181] Wherein, i=1, 2, ..., N, N is the number of icons in at least one interface to be adjusted (i.e., a single desktop page or multiple desktop pages), tci i ,tti i , pcai i Respectively represent the icon contrast index, icon texture index, and color similarity index of the i-th icon in at least one interface to be adjusted and the current first wallpaper image, and σ 1 +σ 2 +σ 31 =1.

[0182] In some embodiments, the present application can calculate the element discrimination w of the text by the following formula (2): i :

[0183]

[0184] Where i = 1, 2, ..., N, N is the number of characters in at least one interface to be adjusted (i.e., a single desktop page or multiple desktop pages), wci i 、 i Respectively represent the text contrast index and text texture index of the i-th text in at least one interface to be adjusted (i.e., a single desktop page or multiple desktop pages) and the current first wallpaper image, and

[0185] S702: Calculate the interface discrimination of the first interface according to the display parameters of the first wallpaper image and the element discrimination of each foreground element in at least one interface to be adjusted.

[0186] Among them, in the present application, in each iterative process of adjusting the display parameters of the first wallpaper image, the interface discrimination is calculated based on each foreground element in at least one interface to be adjusted. For example, corresponding to the first display parameters of the first wallpaper image and the foreground elements in at least one interface to be adjusted, the first interface discrimination of the first interface can be calculated based on the first display parameters of the first wallpaper image and the element parameters of each foreground element in at least one interface to be adjusted. For another example, corresponding to the second display parameters of the first wallpaper image and the foreground elements in at least one interface to be adjusted, the second interface discrimination of the first interface can be calculated based on the second display parameters of the first wallpaper image and the element parameters of each foreground element in at least one interface to be adjusted.

[0187] It can be understood that the element parameters of a single foreground element are used to indicate the display effect of the foreground element on the wallpaper image of the first interface, and the interface discrimination of a desktop interface is determined based on the element parameters of each foreground element. In this way, the interface discrimination of the desktop interface can comprehensively and accurately reflect the display effect between the wallpaper image and the foreground element on the desktop interface.

[0188] In some embodiments, the present application can calculate the discrimination parameters of icon elements and the discrimination parameters of corresponding text elements respectively, so as to calculate the discrimination parameters of each foreground element in at least one interface to be adjusted. Among them, there are differences in the calculation process of the discrimination parameters of icon elements and the discrimination parameters of text elements, and the calculation processes of the two are described separately below.

[0189] Combination Figure 8 , the calculation process of the element parameters of the icon (i.e., icon element) in this application is described. Figure 8 As shown, the process may include the following steps:

[0190] S801: For each icon in at least one interface to be adjusted, obtain first coordinates of a center point of the icon in a first interface.

[0191] For example, for an APP icon, the first coordinate may be the coordinate (X, Y) of the center point of the APP, and the first coordinate is the coordinate relative to the first interface.

[0192] S802: Determine a first frame area within each icon based on the first coordinates of each icon.

[0193] In some embodiments, the present application can perform a screenshot operation on at least one interface to be adjusted to obtain screenshot images of each second interface, thereby taking screenshot images of the areas where each icon is located in the images of these second interfaces, and then determining the first border area within the icon from each screenshot image.

[0194] In some embodiments, the first border area corresponding to an icon includes pixel points with the first coordinate of the icon as the center point, the width as the first width and the height as the first height. That is, for an icon, the first border area is a rectangular area with the first coordinate as the center, the left and right width as d (such as the first width), and the top and bottom height as h (such as the first height).

[0195] Reference Fig. 9 The figure is a schematic diagram of a border area of ​​an icon provided in an embodiment of the present application. Fig. 9 The first frame of the life APP icon shown can be a frame L1, that is, a rectangular frame inside the life APP icon. Specifically, the rectangular frame L1 is a rectangular frame with a width of d and a height of h based on the coordinates of the center point of the life APP icon. As an example, the first width is smaller than the width of the icon, and the first height is smaller than the height of the icon.

[0196] S803: Based on the first coordinates of each icon, determine a second frame area within the wallpaper image of the first interface and outside each icon, each second frame area being outside the corresponding first frame area.

[0197] In some embodiments, the first border area corresponding to an icon includes pixel points with the first coordinates of the icon as the center point, a width of the second width and a height of the second height, where the second width is the sum of the first width and a preset value, and the second height is the sum of the first height and a preset value, and the preset value is k.

[0198] Reference Fig. 9 The second frame of the life APP icon shown may be a frame L2, that is, a rectangular frame outside the life APP icon.

[0199] In some embodiments, for an icon, the second border area is a rectangular area with a left-right width of d+2k (such as the second width) and a top-bottom height of h+2k (such as the second height) centered on the first coordinate of the icon. It can be understood that for an icon, the second border area can be a rectangular area obtained by expanding the outer edge of the first border area outward by k pixels (k is generally less than 10, such as k=5). In this case, the second border area can be a ring-shaped wallpaper area.

[0200] In some other embodiments, for an icon, the second border area may be a rectangular area obtained by expanding the outer edge of the icon by k pixels.

[0201] As an example, the first frame area and the second frame area corresponding to an icon are both rectangular areas with a width of 1 pixel.

[0202] In some embodiments, the present application can perform a screenshot operation on at least one interface to be adjusted to obtain screenshot images of each second interface, thereby performing a screenshot operation on the area where each icon in the image of these second interfaces is located to obtain each screenshot image, and then determining the first border area within the corresponding icon from each screenshot image.

[0203] In some embodiments, for icons, the present application can determine the second border area within the corresponding icon from each icon screenshot image, that is, cut out the image within the second border area, so as to subsequently calculate the element discrimination of the icon.

[0204] S804: Calculate element parameters of the corresponding icon based on the first frame area and the second frame area of ​​each icon.

[0205] It can be understood that the pixels in the first border area are the pixels of the icon, and the pixels in the second border area are the pixels of the wallpaper image outside the icon.

[0206] In some embodiments, the present application can obtain a cut image corresponding to the second border area of ​​an icon from the screenshot image of the interface where the icon is located, and convert the cut image into the HSV format to calculate the element parameters of the icon based on the cut image. Among them, H in the HSV format represents color, S represents the depth of the color, and V represents the brightness of the color. In this way, the element parameters of each icon can be calculated based on the cut image in the HSV format, such as the icon contrast index, the icon texture index, and the icon color similarity index.

[0207] Similarly, the present application can calculate each icon in at least one interface to be adjusted according to the steps in S801-S804 to obtain element parameters of each icon.

[0208] Next, refer to Fig.10 , the detailed calculation process of the icon contrast index, icon texture index, and icon color similarity index of the icons provided in the embodiment of the present application is described. Fig.10 As shown, the calculation process of each element parameter of an icon includes the following steps:

[0209] S1001: For an icon in at least one interface to be adjusted, determine a first average brightness corresponding to the brightness of each pixel in a first border area, and a second average brightness corresponding to the brightness of each pixel in a second border area.

[0210] The first average brightness is the average value of the sum of brightness of each pixel in the first border area, and the second average brightness is the average value of the sum of brightness of each pixel in the second border area.

[0211] S1002: Determine a first contrast ratio between the icon and the wallpaper image of the first interface according to the first average brightness and the second average brightness.

[0212] In some embodiments, the present application uses formula (3) to calculate the first contrast ratio between the icon and the wallpaper image of the first interface.

[0213]

[0214] Among them, V 1 Represents the second average brightness, V 2 represents the first average brightness, and tc represents the first contrast.

[0215] It can be understood that the higher the first contrast ratio is, the clearer the icon is displayed on the current wallpaper image.

[0216] S1003: According to the first value and the second value, the first contrast is adjusted to obtain an icon contrast index of the icon.

[0217] The first value is the minimum contrast at which the icon can be identified, and the second value is the contrast at which the icon can be clearly identified.

[0218] In some embodiments, the present application may use formula (4) to calculate the icon contrast index of an icon.

[0219]

[0220] Among them, c 1 represents the first value, c 2 represents the second value, tci represents the icon contrast index, and c 2 >c 1 .

[0221] S1004: Perform edge detection on the first wallpaper image to obtain an image contour of the first wallpaper image, and determine the image contour within the second frame area.

[0222] It can be understood that the present application can perform edge detection on the entire first wallpaper image to obtain the image contour of the first wallpaper image, and then obtain the image contour (ie, the wallpaper image contour) within the second border area corresponding to each icon on at least one interface to be adjusted.

[0223] S1005: Determine the number of first intersection points between the image contours in the first frame area and the second frame area.

[0224] Reference Fig.11 As shown in FIG. 1 , it is a schematic diagram of the intersection points of the image contours provided in the embodiment of the present application. Fig.11 As shown, the image outline in the second frame area L2 corresponding to an icon has a total of 6 intersection points P1-P6 with the first frame area L1.

[0225] It can be understood that the greater the number of first intersection points between the image contours in the first frame area and the second frame area, the worse the display effect of the corresponding icon.

[0226] S1006: Determine an icon texture index of the icon according to the first intersection point quantity, the third value, and the fourth value.

[0227] The third value represents the number of intersection points that do not affect the image clarity of the icon, and the fourth value represents the maximum number of intersection points allowed to appear on the icon.

[0228] In some embodiments, the present application uses formula (5) to calculate the icon texture index of the icon.

[0229]

[0230] Wherein, p in formula (3) represents the number of first intersection points, m represents the third value, M represents the fourth value, and tti represents the icon texture index. For example, m is 3 and M is 8, but it is not limited thereto, and specific values ​​can be selected according to actual needs.

[0231] S1007: Calculate the first primary color average hue, the first average primary color saturation, and the first primary color average brightness of the pixel points of the primary color in the first frame area.

[0232] It can be understood that the main color in the first border area refers to the color with the highest proportion.

[0233] The average hue of the first primary color is the average value of the sum of the hues (H) of the pixels of the primary color in the first frame area. The average saturation of the first primary color is the average value of the sum of the saturations (S) of the pixels of the primary color in the first frame area. The average lightness of the first primary color is the average value of the sum of the lightness (S) of the pixels of the primary color in the first frame area.

[0234] It can be understood that the value range of hue H is (0-360), the value range of saturation S is (0-100), and the value range of lightness V is (0-100).

[0235] At this time, the average hue, saturation, and brightness of the primary color of the pixels of the primary color in the first frame area of ​​an icon can be recorded as bh, bs, and bv, respectively. That is, the calculation results of the average H, average S, and average V of the pixels of the primary color in the first frame area of ​​the icon can be recorded as (bh, bs, bv). Obviously, (bh, bs, bv) represents the color characteristics of the icon itself.

[0236] S1008: Calculate the second primary color average hue, the second average primary color saturation, and the second primary color average brightness of the pixel points of the primary color in the second frame area.

[0237] It can be understood that the main color in the second border area refers to the color with the highest proportion.

[0238] Similarly, the description of the second primary color average hue, the second primary color average saturation, and the second primary color average brightness can refer to the relevant description of the first border area, which will not be repeated here.

[0239] At this time, the average hue, saturation and brightness of the second primary color of the pixels of the primary color in the second border area of ​​an icon can be recorded as ah, as and av respectively. That is, the calculation results of the average H, average S and average V of the pixels of the primary color in the second border area of ​​the icon can be recorded as (ah, as, av). Obviously, (ah, as, av) represents the color characteristics of the wallpaper image.

[0240] S1009: Calculate the first angle between the average hue of the first primary color and the average hue of the second primary color. That is, calculate the first angle θ between ah and bh, and the value range of θ is (0-180). For example, the first angle θ can be the difference between ah and bh. If ah and bh are 240 and 350 respectively, the first angle θ is 110.

[0241] S1010: Calculate the hue similarity of the icons.

[0242] For example, the present application uses formula (6) to calculate the hue similarity of icons.

[0243] α=θ / 180 (6)

[0244] Wherein, α in formula (6) represents the hue similarity, and θ represents the first angle.

[0245] S1011: Calculate the saturation similarity of the icons.

[0246] For example, the present application uses formula (7) to calculate the saturation similarity of icons.

[0247] β=|as-bs| / 100(7)

[0248] In formula (7), β represents saturation similarity, as represents the first average primary color saturation, and bs represents the second average primary color saturation.

[0249] S1012: Calculate the brightness similarity of the icons.

[0250] For example, the present application uses formula (8) to calculate the brightness similarity of icons.

[0251] γ=|av-bv| / 100(8)

[0252] In formula (8), γ represents saturation similarity, av represents the first average primary color brightness, and bv represents the second average primary color brightness.

[0253] S1013: Calculate the color similarity index of the icon.

[0254] For example, the present application uses formula (9) to calculate the color similarity index of the icon.

[0255] βpcai=1-(αμ 1 +βμ 2 +γμ 3 )(9)

[0256] Where pcai in formula (9) represents the color similarity index, μ 1 , μ 2 , μ 3 are the weights of hue similarity, saturation similarity, and brightness similarity, and μ 1 +μ 2 +μ 3 = 1. For example, μ 1 , μ 2 , μ 3 The values ​​of are 0.6, 0.2 and 0.2 respectively, but are not limited thereto. Other values ​​may be selected according to implementation requirements.

[0257] It can be understood that the order of the calculation process of the icon texture index, icon contrast index and color similarity index of each icon in the present application is not limited to the above examples, and can also be executed in parallel or in sequence according to other orders. The present application does not make specific limitations on this.

[0258] In this way, the present application can determine the display effect of an icon in the wallpaper image based on the color features of some pixels inside an icon and the color features of pixels at the edge of the icon belonging to the wallpaper image. Thus, the interface recognition of the entire interface can be calculated based on the display effects of each icon.

[0259] Combination Fig.12, the calculation process of the element parameters of the text element (i.e., text) in this application is described. Fig.12 As shown, the process may include the following steps:

[0260] S1201: For each character in at least one interface to be adjusted, obtain a second coordinate of a center point of the character in a wallpaper image of a first interface.

[0261] For example, for a text in an APP name, the second coordinate may be the coordinate (X', Y') of the center point where the text is located, and the second coordinate is the coordinate relative to the first interface.

[0262] S1202: Perform text edge recognition on the text to determine the text pixel coordinates of the pixel points of the text.

[0263] In some embodiments, the present application may perform text edge recognition on each text based on the screenshot image of the first interface to achieve text edge recognition on each text, thereby determining the text pixel coordinates of the pixel points of each text.

[0264] S1203: Based on the second coordinates of the text and the text pixel coordinates, determine a third frame area of ​​the text, wherein the third frame area includes pixel points with the second coordinate as the center point, a third width and a third height, and the coordinates of at least one pixel point in the third frame area are adjacent to the text pixel coordinates in the text.

[0265] It can be understood that a third border area can be a rectangular area, and the third border area is adjacent to the edge pixels of the text therein.

[0266] Reference Fig.13 As shown in (a), for the text "Life APP" corresponding to the Life APP, the third border area L3 corresponding to the text "Life APP" can be determined, and the width of the third border area L3 is d' (i.e., the third width), and the height is h' (i.e., the third height). At this time, the icon and text of the Life APP are icon elements and text with a corresponding relationship. The third width and the third height are usually smaller than the second width and the second height, respectively. Furthermore, based on the aesthetic parameters of the icon of the Life APP and the discernibility parameters of the text, the present application can adjust the display parameters of the wallpaper image so that the Life APP is in Fig.13 Obviously, compared with Fig.13 In (a), the icon of the life app overlaps with the foreground of the wallpaper image. Fig.13 In (b), there is no overlap between the icon of the life APP and the foreground of the wallpaper image, so that the icon of the life APP is displayed more clearly on the current wallpaper image.

[0267] S1204: Determine element parameters of the text based on the pixel points of the text and the pixel points in the third frame area.

[0268] It can be understood that the pixels in the third border area are the pixels of the wallpaper image, and thus the color features of the third border area are the color features of the wallpaper image.

[0269] In some embodiments, the present application can obtain a cutout image corresponding to the second border area of ​​an icon element from the screenshot image of the interface where the icon element is located, and convert the cutout image into the HSV format to calculate the element parameters of the text based on the cutout image. In this way, the element parameters of each text, such as the text contrast index and the text texture index, can be calculated based on the cutout image in the HSV format.

[0270] Similarly, the present application can calculate each text in at least one interface to be adjusted according to the steps in S1201-S1204 to obtain the element parameters of each icon element.

[0271] Next, refer to Fig.14 , the detailed calculation process of the text contrast index, text texture index, and text color similarity index of the text provided in the embodiment of the present application is described. Fig.14 As shown, the calculation process of each element parameter of a text includes the following steps:

[0272] S1401: For a text in at least one interface to be adjusted, determine a third average brightness corresponding to the brightness of each text pixel of the text and a fourth average brightness corresponding to the brightness of each pixel in a third border area.

[0273] In some embodiments, for a character, the third average brightness is the average value of the sum of brightness of all character pixels of the character. The fourth average brightness is the average value of the sum of brightness of all pixels in the corresponding third frame area.

[0274] S1402: Determine a second contrast ratio between the text and the wallpaper image of the first interface according to the third average brightness and the fourth average brightness.

[0275] In some embodiments, the present application uses formula (10) to calculate the second contrast ratio between the text and the wallpaper image of the first interface.

[0276]

[0277] Among them, V in formula (10) 3 Indicates the third average brightness, V 4 represents the fourth average brightness, and wc represents the second contrast.

[0278] S1403: According to the fifth value and the sixth value, the second contrast is adjusted to obtain a text contrast index of the text, wherein the fifth value is the minimum contrast at which the text can be recognized, and the sixth value is the contrast at which the text can be clearly recognized.

[0279] In some embodiments, the present application may use formula (11) to calculate the text contrast index of the text.

[0280]

[0281] Among them, c in formula (11) 3 Indicates the fifth value, c 4 represents the sixth value, and wci represents the text contrast index.

[0282] S1404: Determine the number of second intersection points between the image outline of the first wallpaper image and the third frame area.

[0283] S1405: Determine a text texture index of the text according to the second intersection point quantity, the seventh value, and the eighth value.

[0284] The seventh value indicates the number of intersections that do not affect the clarity of the text, and the eighth value indicates the maximum number of intersections allowed on the text. It can be understood that if the number of second intersections between the image outline of the first wallpaper image and the third border area is greater than the eighth value, it means that the corresponding text is not clearly displayed on the first wallpaper image.

[0285] In some embodiments, the present application may use formula (12) to calculate the text texture index of the text.

[0286]

[0287] Wherein, q in formula (12) represents the number of the second intersection points, r represents the seventh value, R represents the eighth value, and wti represents the text texture index.

[0288] In some embodiments, the number of intersections that do not affect the clarity of text in the present application may be less than the number of intersections that do not affect the clarity of icon elements, such as the seventh value is less than the third value. Similarly, the maximum number of intersections allowed on text may be less than the maximum number of intersections allowed on icon elements, that is, the eighth value is less than the fourth value.

[0289] It can be understood that the order of the calculation process of the text texture index and the text contrast index of each text in the present application is not limited to the above example, and can be executed in parallel, or the text texture index can be calculated first and then the text contrast index can be calculated. The present application does not make specific limitations on this.

[0290] In this way, the present application can determine the display effect of a text in the wallpaper image based on the color features of the pixel points of a text and the color features of the pixel points of the text edge belonging to the wallpaper image, thereby realizing the calculation of the interface recognition of the entire interface based on the display effects of each text.

[0291] In some embodiments, the present application can construct a discriminability model (also called an aesthetics model) based on the display parameters of the wallpaper image in the desktop interface (i.e., the desktop page) and the discriminability parameters of each foreground element in the desktop interface. Furthermore, the discriminability model is used to calculate the interface discriminability of the desktop interface based on the display parameters of the wallpaper image in the desktop interface and the discriminability parameters of each foreground element in the desktop interface.

[0292] Optionally, the above-mentioned discrimination model can be implemented by a neural network model or a mathematical formula, which is not limited. In the following embodiments, the discrimination model is described as a mathematical formula as an example.

[0293] Optional, above Figure 7 S702 in can be realized by S702':

[0294] S702': using a discernibility parameter model to calculate the interface discernibility of the first interface according to the display parameters of the first wallpaper image and the element discernibility of each foreground element in at least one interface to be adjusted.

[0295] In some embodiments, the discrimination parameter model provided by the present application can be implemented by the following mathematical formula (13). In addition, maxΩ(M xy , Φ θ , Δ λ ) is the interface resolution of the current desktop interface.

[0296]

[0297]

[0298] Wherein, st. represents the restriction condition of the parameters in formula (13). Specifically, N represents the number of icons in the foreground element of at least one interface to be adjusted, tci i ,tti i , pcai i Respectively represent the icon contrast index, icon texture index, and color similarity index of the i-th icon in at least one interface to be adjusted and the wallpaper image of the first interface in the first interface, and σ1+σ2+σ3=1, wci i 、 iRespectively represent the text contrast index and text texture index of the i-th text in at least one interface to be adjusted and the wallpaper image of the first interface in the first interface, and i=1,2,…,N;M xy The translation matrix representing the movement operation of the first wallpaper image is based on the change of x and y, where x and y are the movement distance of the first wallpaper image along the first direction (such as the positive direction of the X axis) and the movement distance along the second direction (such as the positive direction of the Y axis), respectively; Φ θ The rotation matrix representing the rotation operation of the first wallpaper image is based on the change of θ, where θ is the angle of rotation of the first wallpaper image; Δ λ Represents the scaling matrix of the first wallpaper image, Δ λ Based on the change of λ, λ is the scaling ratio of the first wallpaper image; fi represents the scaling ratio of the first wallpaper image in M xy , Φ θ , Δ λ The element discrimination of the display effect of the i-th icon on the wallpaper image of the first interface under the corresponding display parameters; wi represents the first wallpaper image on M xy , Φ θ , Δ λ The element discrimination of the display effect of the i-th text on the wallpaper image of the first interface under the corresponding display parameters; g(f i , w i ) is calculated based on the element discrimination of the ith icon and the corresponding text discrimination of the ith text, and Indicates that the display effects of icons and texts in multiple foreground elements meet user needs. Indicates that the display effects of icons and texts in multiple foreground elements do not meet user needs;Ω(M xy , Φ θ , Δ λ ) represents the interface distinguishability of the display effect of multiple foreground elements on the wallpaper image of the first interface.

[0299] It can be understood that the present application can calculate the element discrimination of a foreground element relative to the wallpaper image displayed according to the current display parameters based on the discrimination parameter of the foreground element.

[0300] Specifically, when calculating the element discrimination of an icon element, σ1, σ2, and σ3 in formula (11) are the weights of the icon contrast index, icon texture index, and color similarity index, respectively, and the values ​​of σ1, σ2, and σ3 can be set according to actual needs, and there is no specific limitation on this.

[0301] Similarly, when calculating the element discrimination of a character, the are the weights of text contrast index and text texture index respectively, and The value of can be set according to actual needs and is not specifically limited.

[0302] Among them, x min 、x max are the minimum and maximum values ​​of x, y min ,y max are the minimum and maximum values ​​of y respectively; θ min and θ max are the minimum and maximum values ​​of θ, λ min and λ max are the minimum and maximum values ​​of λ respectively.

[0303] also, Indicates whether the icon's discernibility parameters and text's discernibility parameters meet the minimum threshold requirements, such as p is not greater than M. If so, If not satisfied, So, Corresponds to at least one of the following: tci i =0, tti i =1, pcai i =1, wci i =0, wti i =1.

[0304] In some embodiments, the solution method of the discrimination model in the present application (ie, the solution method of the interface discrimination) may adopt at least one of the following solid lines: genetic algorithm, steepest descent method, improved one-dimensional search, gradient descent algorithm, but not limited thereto.

[0305] Understandable, M. xy It can be a 3×3 matrix, and the value range of variables x and y is (0,200), that is, the maximum translation distance of the wallpaper image is 200 pixels and the minimum is 0 pixels.

[0306] Φ θ The value range of θ in is (0-360), and the rotation matrix can also be a 3×3 matrix, and the reference point of the rotation can be the center point of the wallpaper image or other fixed points.

[0307] Δ λ It can be a 3×3 matrix, and the value range of λ can be (1 / 3, 3).

[0308] It can be understood that this application uses an optimization algorithm to solve the problem of satisfying M xy , Φ θ , Δ λThe maximum value of Ω is reached, and the number of iterations reaches the maximum number of iterations, such as 100, and the interface discrimination is output. If there is no solution, it means that the current wallpaper is not compatible with the icon elements and text. A wallpaper with the same style as the current wallpaper and a satisfactory objective function value is recommended.

[0309] Optionally, corresponding to the wallpaper image adjustment of a single interface, the above N is the number of all foreground elements in the interface. Corresponding to the unified wallpaper image adjustment of multiple interfaces, the above N is the number of all foreground elements in each interface in turn, that is, a common M is found for multiple interfaces. xy , Φ θ , Δ λ The wallpaper images in the multiple interfaces are uniformly adjusted according to the display parameters represented.

[0310] It can be understood that in the interface display method of the present application, when switching / adding icon positions, the icons and text are difficult to identify because their colors are similar to the background. Therefore, by constructing a model for improving the interface recognition method, the display parameters of the wallpaper image can be automatically adjusted to improve the interface recognition of the combination of icons and wallpapers.

[0311] In some embodiments, the present application can identify extremely poor wallpaper scenes through a discrimination model for icons and texts that are very difficult for the human eye to recognize, or for situations where icons are easily clicked incorrectly by clicking on them based on memory, and recommend users to change to new wallpapers when the number of incorrect icon operations reaches a certain number, thereby reducing the difficulty for users to find icons, improving user efficiency, and increasing user satisfaction. For example, an incorrectly operated icon refers to a user exiting an application or program within a short time (such as 2 seconds) after clicking on the application or program corresponding to an icon.

[0312] In this way, the present application can automatically calculate the interface recognition degree and automatically adjust the wallpaper image in the interface based on the interface recognition degree, such as adjusting the wallpaper image by translation, rotation or scaling operations, thereby improving the clarity of each icon and text displayed on the wallpaper image.

[0313] Reference Fig.15As shown, a schematic diagram of an interface display scene provided by an embodiment of the present application. Among them, mobile phones, tablets, computers and other devices can obtain wallpaper images and icons / texts in the current interface through the system, and then perform index calculations to obtain icon indexes (i.e., icon contrast index, icon texture index, icon color similarity index) and text indexes (i.e., text contrast index, text texture index). Furthermore, a discriminability model is constructed (i.e., a discriminability model) based on the icon index and the text index, and the discriminability (i.e., icon or text element discriminability and interface discriminability) is calculated. If the value of the interface discriminability is not optimal, the wallpaper image is adjusted based on the translation distance, rotation angle, and scaling ratio determined by the discriminability model to update the value of the interface discriminability, thereby obtaining a new wallpaper image after adjusting the display parameters. Furthermore, the icon index and text index of the new wallpaper image after adjusting the display parameters are recalculated, and the discriminability model is used to calculate the interface discriminability again, so that the wallpaper image with the optimal interface discriminability is used as the wallpaper after the change. In this way, the compatibility between the wallpaper image and the icons and texts can be automatically improved, and the display clarity of the icons and texts can be improved to facilitate users to distinguish between the icons and texts.

[0314] like Fig.16 As shown, the mobile phone 10 may include a processor 110, a power module 140, a memory 180, a mobile communication module 130, a wireless communication module 120, a sensor module 190, an audio module 150, a camera 170, an interface module 160, a button 101 and a display screen 102, etc.

[0315] It is to be understood that the structure illustrated in the embodiment of the present invention does not constitute a specific limitation on the mobile phone 10. In other embodiments of the present application, the mobile phone 10 may include more or fewer components than shown in the figure, or combine some components, or separate some components, or arrange the components differently. The components shown in the figure may be implemented in hardware, software, or a combination of software and hardware.

[0316] The processor 110 may include one or more processing units, for example, a processing module or processing circuit including a central processing unit (CPU), a graphics processing unit (GPU), a digital signal processor DSP, a microprocessor (MCU), an artificial intelligence (AI) processor, or a programmable logic device (field programmable gate array, FPGA). Among them, different processing units can be independent devices or integrated in one or more processors. A storage unit can be set in the processor 110 for storing instructions and data. In some embodiments, the storage unit in the processor 110 is a cache memory 180. For example, the processor 110 can be used to execute the display method in the present application, such as constructing a recognition model, and calculating the interface recognition of each interface and automatically adjusting the display parameters of the wallpaper image.

[0317] The power module 140 may include a power source, a power management component, etc. The power source may be a battery. The power management component is used to manage the charging of the power source and the power supply of the power source to other modules. In some embodiments, the power management component includes a charging management module and a power management module. The charging management module is used to receive charging input from the charger; the power management module is used to connect the power source, the charging management module and the processor 110. The power management module receives input from the power source and / or the charging management module, and supplies power to the processor 110, the display screen 102, the camera 170, and the wireless communication module 120.

[0318] The mobile communication module 130 may include, but is not limited to, an antenna, a power amplifier, a filter, a low noise amplifier (LNA), etc. The mobile communication module 130 may provide a solution for wireless communications including 2G / 3G / 4G / 5G, etc., applied to the mobile phone 10. The mobile communication module 130 may receive electromagnetic waves by an antenna, and perform filtering, amplification, and other processing on the received electromagnetic waves, and transmit them to the modulation and demodulation processor for demodulation. The mobile communication module 130 may also amplify the signal modulated by the modulation and demodulation processor, and convert it into electromagnetic waves for radiation through the antenna. In some embodiments, at least some of the functional modules of the mobile communication module 130 may be arranged in the processor 110. In some embodiments, at least some of the functional modules of the mobile communication module 130 may be arranged in the same device as at least some of the modules of the processor 110.

[0319] The wireless communication module 120 may include an antenna, and transmit and receive electromagnetic waves via the antenna. The wireless communication module 120 may provide wireless communication solutions including wireless local area networks (WLAN) (such as wireless fidelity (Wi-Fi) networks), Bluetooth (BT), global navigation satellite system (GNSS), frequency modulation (FM), near field communication technology (NFC), infrared technology (IR), etc., which are applied to the mobile phone 10. The mobile phone 10 can communicate with the network and other devices through wireless communication technology.

[0320] In some embodiments, the mobile communication module 130 and the wireless communication module 120 of the mobile phone 10 may also be located in the same module.

[0321] The display screen 102 is used to display a human-computer interaction interface, images, videos, etc. For example, the display screen 102 can display a desktop page, such as a desktop page including various APP icons / texts and card icons / texts.

[0322] The sensor module 190 may include a proximity light sensor, a pressure sensor, a gyro sensor, an air pressure sensor, a magnetic sensor, an acceleration sensor, a distance sensor, a fingerprint sensor, a temperature sensor, a touch sensor, an ambient light sensor, a bone conduction sensor, and the like.

[0323] The audio module 150 is used to convert digital audio information into an analog audio signal for output, or convert analog audio input into a digital audio signal.

[0324] The camera 170 is used to capture still images or videos.

[0325] The interface module 160 includes an external memory interface, a universal serial bus (USB) interface, a subscriber identification module (SIM) card interface, and the like.

[0326] In some embodiments, the mobile phone 10 further includes a button 101, a motor, and an indicator. The button 101 may include a volume button, a power on / off button, etc. The motor is used to make the mobile phone 10 vibrate, for example, vibrate when the user's mobile phone 10 is called to prompt the user to answer the call. The indicator may include a laser indicator, a radio frequency indicator, an LED indicator, etc.

[0327] In a possible implementation, an embodiment of the present application provides a readable medium, on which instructions are stored, and when the instructions are executed on an electronic device, the electronic device executes the display method described above.

[0328] In one possible implementation, an embodiment of the present application provides an electronic device, including: a memory for storing instructions executed by one or more processors of the electronic device, and a processor, which is one of the processors of the electronic device, for executing the display method described above.

[0329] In a possible implementation, an embodiment of the present application provides a computer program product, including a computer program / instruction, which implements the above display method when executed by a processor.

[0330] The various embodiments of the mechanism disclosed in the present application can be implemented in hardware, software, firmware or a combination of these implementation methods. The embodiments of the present application can be implemented as a computer program or program code executed on a programmable system, which includes at least one processor, a storage system (including volatile and non-volatile memory and / or storage elements), at least one input device and at least one output device.

[0331] Program code can be applied to input instructions to perform the functions described in this application and generate output information. The output information can be applied to one or more output devices in a known manner. For the purposes of this application, a processing system includes any system having a processor such as, for example, a digital signal processor (DSP), a microcontroller, an application specific integrated circuit (ASIC), or a microprocessor.

[0332] Program code can be implemented with high-level programming language or object-oriented programming language to communicate with the processing system. When necessary, program code can also be implemented with assembly language or machine language. In fact, the mechanism described in this application is not limited to the scope of any specific programming language. In either case, the language can be a compiled language or an interpreted language.

[0333] In some cases, the disclosed embodiments may be implemented in hardware, firmware, software, or any combination thereof. The disclosed embodiments may also be implemented as instructions carried or stored on one or more temporary or non-temporary machine-readable (e.g., computer-readable) storage media, which may be read and executed by one or more processors. For example, instructions may be distributed over a network or through other computer-readable media. Therefore, machine-readable media may include any mechanism for storing or transmitting information in a machine (e.g., computer) readable form, including, but not limited to, floppy disks, optical disks, optical disks, read-only memories (CD-ROMs), magneto-optical disks, read-only memories (ROMs), random access memories (RAMs), erasable programmable read-only memories (EPROMs), electrically erasable programmable read-only memories (EEPROMs), magnetic or optical cards, flash memory, or a tangible machine-readable memory for transmitting information (e.g., carrier waves, infrared signals, digital signals, etc.) using the Internet in electrical, optical, acoustic, or other forms of propagation signals. Therefore, machine-readable media include any type of machine-readable media suitable for storing or transmitting electronic instructions or information in a machine (e.g., computer) readable form.

[0334] In the accompanying drawings, some structural or method features may be shown in a specific arrangement and / or order. However, it should be understood that such a specific arrangement and / or order may not be required. Instead, in some embodiments, these features may be arranged in a manner and / or order different from that shown in the illustrative drawings. In addition, the inclusion of structural or method features in a particular figure does not mean that such features are required in all embodiments, and in some embodiments, these features may not be included or may be combined with other features.

[0335] It should be noted that the units / modules mentioned in the various device embodiments of the present application are all logical units / modules. Physically, a logical unit / module can be a physical unit / module, or a part of a physical unit / module, or can be implemented as a combination of multiple physical units / modules. The physical implementation method of these logical units / modules themselves is not the most important. The combination of functions implemented by these logical units / modules is the key to solving the technical problems proposed by the present application. In addition, in order to highlight the innovative part of the present application, the above-mentioned device embodiments of the present application do not introduce units / modules that are not closely related to solving the technical problems proposed by the present application, which does not mean that there are no other units / modules in the above-mentioned device embodiments.

[0336] It should be noted that in the examples and description of this patent, relational terms such as first and second, etc. are only used to distinguish one entity or operation from another entity or operation, and do not necessarily require or imply any such actual relationship or order between these entities or operations. Moreover, the terms "include", "comprise" or any other variants thereof are intended to cover non-exclusive inclusion, so that a process, method, article or device including a series of elements includes not only those elements, but also other elements not explicitly listed, or also includes elements inherent to such process, method, article or device. In the absence of further restrictions, the elements defined by the sentence "including one" do not exclude the existence of other identical elements in the process, method, article or device including the elements.

[0337] Although the present application has been illustrated and described with reference to certain preferred embodiments thereof, it will be apparent to those skilled in the art that various changes in form and details may be made therein without departing from the spirit and scope of the present application.

Claims

1. A display method, applied to an electronic device, characterized in that: The method comprises: Displaying a first interface, wherein the first interface includes a first wallpaper image and a first foreground element, wherein the first wallpaper image has a first display parameter, and the first foreground element has a first element distinction; A first display change instruction is detected, and a second interface is displayed, wherein the second interface includes the first wallpaper image and the first foreground element, and the first wallpaper image has a second display parameter, the first foreground element has a second element discrimination, and the second element discrimination is greater than the first element discrimination.

2. The method according to claim 1, characterized in that The element discrimination degree of the first foreground element is determined according to the image feature of the first foreground element and the image feature of the wallpaper image where the first foreground element is located, and the image feature is related to at least one of the following: brightness, contrast, saturation, hue, and texture.

3. The method according to claim 2, characterized in that The display parameter includes at least one of the following: moving distance, zoom ratio, and rotation angle.

4. The method according to claim 3, characterized in that The first display change instruction includes a foreground element change instruction, and the foreground element change instruction includes a deletion instruction, a new addition instruction, or a movement instruction of a foreground element of the first interface.

5. The method according to claim 4, characterized in that The detecting a first display change instruction and displaying a second interface comprises: In response to the first display change instruction, determining whether the interface recognition degree of a third interface is less than a recognition degree threshold, wherein the third interface includes the first wallpaper image displayed with the first display parameter and the changed foreground element; Corresponding to the interface recognition degree of the third interface being less than the recognition degree threshold, the display parameters of the first wallpaper are adjusted to the second display parameters to obtain the second interface, wherein the interface recognition degree of the second interface is greater than or equal to the recognition degree threshold.

6. The method according to claim 3, characterized in that The first interface and the second interface are desktop pages of the electronic device.

7. The method according to claim 6, characterized in that The interface recognition degree of a single desktop page in the electronic device is calculated in the following manner: Calculate the element discrimination of each foreground element in the desktop page; The interface discrimination is determined based on the element discrimination of each foreground element and the display parameters of the wallpaper image in the desktop page.

8. The method according to claim 6, characterized in that The electronic device includes a plurality of desktop pages, and the wallpapers of the plurality of desktop pages are the same; and The same interface discrimination degree of multiple desktop pages in the electronic device is calculated in the following manner: Calculating element discrimination of each foreground element in a plurality of desktop pages; The interface discrimination is determined based on the element discrimination of each foreground element and the display parameters of the wallpaper image in the desktop page.

9. The method according to claim 7 or 8, characterized in that: The determining the interface discrimination based on the element discrimination of each foreground element and the display parameter of the wallpaper image in the desktop page includes: The interface discrimination of the interface is determined based on the element discrimination of each foreground element, the number of foreground elements in the interface, and the display parameters of the wallpaper.

10. The method according to claim 9, characterized in that The foreground elements include icons and texts, and the determining the interface recognition degree of the interface based on the element recognition degree of each foreground element, the number of foreground elements in the interface, and the display parameters of the wallpaper includes: The interface discrimination is calculated in the following way: Among them, maxΩ(M xy , Φ θ , Δ λ ) represents the interface discrimination, N represents the number of foreground elements in the interface; M xy represents the translation matrix of the wallpaper image moving operation, where x and y are the moving distance of the wallpaper image along the first direction and the moving distance along the second direction respectively; Φ θ represents the rotation matrix of the wallpaper image, θ is the rotation angle of the wallpaper image; Δ λ represents the scaling matrix of the first wallpaper image for scaling operation, λ is the scaling ratio of the wallpaper image; f i For the i-th icon in M xy , Φ θ , Δ λ The element discrimination on the wallpaper image corresponding to the display parameter; i For the i-th character in M xy , Φ θ , Δ λ The element discrimination on the wallpaper image of the corresponding display parameter.

11. The method according to claim 7, characterized in that The element discrimination of the foreground element is calculated in the following way: Calculating multiple element parameters of the foreground element, wherein each element parameter corresponds to an image feature; The element discrimination of the foreground element is calculated according to a plurality of element parameters of the foreground element.

12. The method according to claim 11, characterized in that Corresponding to the foreground element being an icon, the element parameters include an icon contrast index, an icon texture index, and an icon color similarity index; Corresponding to the foreground element being text, the element parameters include a text contrast index and a text texture index.

13. The method according to claim 12, characterized in that The calculating the element discrimination of the foreground element according to the multiple element parameters of the foreground element comprises: The element discrimination f of the icon is calculated by the following formula i : f i =σ1*tci i +σ2*(1-tti i )+σ3*(1-pcai i ); Wherein, i=1, 2, ..., N, N is the number of icons in the interface, tci i ,tti i , pcai i Respectively represent the icon contrast index, icon texture index, and color similarity index between the i-th icon in the interface and the wallpaper image, and σ1+σ2+σ 31 =1.

14. The method according to claim 13, characterized in that The element parameters of the icon are calculated in the following way: Based on the first border area and the second border area of ​​the icon, element parameters of the icon are calculated, wherein The first border area is at least a partial area of ​​the icon, the second border area is an annular wallpaper area outside the icon, the icon is located inside the inner ring of the annular wallpaper area, and the center point of the first border area and the second border area is the center point of the icon.

15. The method according to claim 14, characterized in that The icon contrast index tci of the icon is calculated by the following formula: Wherein, c1 represents the minimum contrast at which the icon can be identified, c2 represents the contrast at which the icon can be clearly identified, and tc represents the first contrast between the icon and the wallpaper image; Where tc is calculated by the following formula: V1 represents the average brightness of each pixel in the second border area, and V2 represents the average brightness of each pixel in the first border area.

16. The method according to claim 14, characterized in that The icon texture index tti of the icon is calculated by the following formula: Among them, p is the number of intersection points between the image contours in the first border area and the second border area, the image contour in the second border area is obtained by edge detection of the wallpaper image, m represents the number of intersection points that do not affect the image clarity of the icon, and M represents the maximum number of intersection points allowed to appear on the icon.

17. The method according to claim 14, characterized in that The color similarity index of the icons is calculated as follows: βpcai=1-(αμ1+βμ2+γμ3); Wherein, pcai represents the color similarity index, α represents the hue similarity, β represents the saturation similarity, γ represents the saturation similarity, μ1+μ2+μ3=1, and α, β, γ are calculated by the following method: α = θ / 180; β = |as-bs| / 100; γ=|av-bv| / 100; θ represents the angle between the average hue of the pixels of the primary color in the first border area and the average hue of the pixels of the primary color in the second border area; as represents the average saturation of the pixels of the primary color in the first border area, and bs represents the average saturation of the pixels of the primary color in the second border area; av represents the average brightness of the pixels of the primary color in the first border area, and bv represents the average brightness of the pixels of the primary color in the second border area.

18. The method according to claim 12, characterized in that Calculating the element discrimination of the foreground element according to the plurality of element parameters of the foreground element includes: The element discrimination w of the text is calculated by the following formula: i : Where i = 1, 2, ..., N, N is the number of characters in the interface, wci i 、 i represent the text contrast index and text texture index of the i-th text in the interface and the wallpaper image, respectively, and 19. The method according to claim 18, characterized in that The element parameters of the literal are calculated as follows: Based on the third border area and the fourth border area of ​​the text, the element parameters of the icon are calculated, wherein The third border area includes pixel points of the foreground element, the fourth border area is an annular wallpaper area outside the text, the text is located inside the inner ring of the annular wallpaper area, and the center point of the fourth border area is the center point of the icon, and at least one pixel point in the third border area is adjacent to a pixel point in the text.

20. The method according to claim 19, characterized in that The text contrast index wci of the text is calculated by the following formula: Wherein, c3 represents the minimum contrast at which the text can be recognized, c4 represents the contrast at which the text can be clearly recognized, and wc represents the second contrast between the text and the wallpaper image; And, wc is calculated by the following formula: V3 represents the average brightness of each pixel of the text, and V4 represents the average brightness of each pixel in the third border area.

21. The method according to claim 19, characterized in that The text texture index wti of the text is calculated by the following formula: Among them, q is the number of intersection points between the image outline of the wallpaper image and the third frame area, r represents the number of intersection points that do not affect the text clarity of the text, and R represents the maximum number of intersection points allowed to appear on the text.

22. The method according to claim 1, characterized in that The calculation process of the interface discrimination is implemented by at least one of a genetic algorithm, a steepest descent method, an improved one-dimensional search, and a gradient descent algorithm.

23. The method according to claim 1, characterized in that The method further comprises: Adjusting the display parameters of the first wallpaper image multiple times, and calculating the interface recognition degree corresponding to each display parameter; Among the multiple interface discernibility corresponding to the multiple display parameters, there is an interface discernibility greater than the discernibility threshold, and the display parameter corresponding to the interface discernibility is used as the second display parameter; If there is no interface discrimination greater than the discrimination threshold among the multiple interface discriminations corresponding to the multiple display parameters, prompt information is displayed, and the prompt information is used to prompt the user to change the wallpaper image on the interface.

24. The method according to claim 23, characterized in that The method further comprises: In response to detecting a wallpaper changing instruction from a user, a plurality of second wallpaper images having a display style similar to that of the first wallpaper image are displayed to the user.

25. The method according to claim 24, characterized in that In response to detecting a wallpaper changing instruction from a user, displaying a plurality of second wallpaper images having a similar display style to the first wallpaper image to the user includes: Based on the interface recognition degree corresponding to the second wallpaper image, the display order of the second wallpaper image is determined, wherein the greater the interface recognition degree of the second wallpaper image is, the earlier the display order is.

26. The method according to claim 25, characterized in that The method further comprises: Acquire the second wallpaper image selected by the user, and determine a third display parameter of the second wallpaper image based on the interface recognition corresponding to the second wallpaper image; The second wallpaper image is displayed with a third display parameter.

27. A display method, applied to an electronic device, characterized in that: The method comprises: Displaying a first interface, the first interface including a first wallpaper image and a first foreground element, the first foreground element having a first element distinguishability; detecting a first display change instruction, and calculating an interface recognition degree of a second interface after the display change, wherein the interface recognition degree is determined based on an element recognition degree of each foreground element in the second interface; The second interface is displayed based on the interface discernibility, wherein the second interface includes a second wallpaper image and the first foreground element, and the first foreground element has a second element discernibility that is greater than the first element discernibility.

28. The method according to claim 27, characterized in that The element discrimination degree of the first foreground element is determined according to the image feature of the first foreground element and the image feature of the wallpaper image where the first foreground element is located, and the image feature is related to at least one of the following: brightness, contrast, saturation, hue, and texture.

29. The method according to claim 28, characterized in that The display parameter includes at least one of the following: moving distance, zoom ratio, and rotation angle.

30. The method according to claim 29, characterized in that The first wallpaper image is different from the second wallpaper image, and the first interface change instruction is a wallpaper change instruction of a user, and the wallpaper change instruction is used to instruct to change the wallpaper image in the first interface.

31. The method according to claim 30, characterized in that The method further comprises: In response to detecting a first wallpaper changing instruction from a user, a plurality of second wallpaper images having a display style similar to that of the first wallpaper image are displayed to the user.

32. The method according to claim 31, characterized in that In response to detecting a wallpaper changing instruction from a user, displaying a plurality of second wallpaper images having a similar display style to the first wallpaper image to the user includes: Based on the interface recognition degree corresponding to the second wallpaper image, the display order of the second wallpaper image is determined, wherein the greater the interface recognition degree of the second wallpaper image is, the earlier the display order is.

33. The method according to claim 32, characterized in that The method further comprises: The second wallpaper image selected by the user is acquired, and based on the interface recognition corresponding to the second wallpaper image, the adjusted display parameters of the second wallpaper image are determined.

34. The method according to claim 29, characterized in that The first wallpaper image is the same as the second wallpaper image, and the first display change instruction includes a foreground element change instruction, and the foreground element change instruction includes a deletion instruction, a new addition instruction, or a movement instruction of a foreground element of the first interface.

35. The method according to claim 34, characterized in that The detecting a first display change instruction and displaying a second interface comprises: In response to the first display change instruction, determining whether the interface recognition degree of a third interface is less than a recognition degree threshold, wherein the third interface includes the first wallpaper displayed with the first display parameter and the changed foreground element; Corresponding to the interface recognition degree of the third interface being less than the recognition degree threshold, the display parameters of the first wallpaper image are adjusted to second display parameters to obtain the second interface, wherein the interface recognition degree of the second interface is greater than or equal to the recognition degree threshold.

36. The method according to claim 35, characterized in that The method further comprises: Adjusting the display parameters of the first wallpaper image multiple times, and calculating the interface recognition degree corresponding to each display parameter; Among the multiple interface discernibility corresponding to the multiple display parameters, there is an interface discernibility greater than the discernibility threshold, and the display parameter corresponding to the interface discernibility is used as the second display parameter; If there is no interface discrimination greater than the discrimination threshold among the multiple interface discriminations corresponding to the multiple display parameters, prompt information is displayed, and the prompt information is used to prompt the user to change the wallpaper image on the interface.

37. The method according to claim 36, characterized in that The method further comprises: In response to detecting a second wallpaper changing instruction from a user, a plurality of third wallpaper images having a display style similar to that of the first wallpaper image are displayed to the user.

38. The method according to claim 37, characterized in that In response to detecting a wallpaper change instruction from a user, displaying a plurality of third wallpaper images having a similar display style to the first wallpaper image to the user includes: Based on the interface recognition degree corresponding to the third wallpaper image, the display order of the third wallpaper image is determined, wherein the greater the interface recognition degree of the third wallpaper image is, the earlier the display order is.

39. The method according to claim 38, characterized in that The method further comprises: Acquire the third wallpaper image selected by the user, and determine a third display parameter of the third wallpaper image based on the interface recognition corresponding to the third wallpaper image; The third wallpaper image is displayed with a third display parameter.

40. The method according to claim 27, characterized in that The first interface and the second interface are desktop pages of the electronic device.

41. The method according to claim 40, characterized in that The interface recognition degree of a single desktop page in the electronic device is calculated in the following manner: Calculate the element discrimination of each foreground element in the desktop page; The interface discrimination is determined based on the element discrimination of each foreground element and the display parameters of the wallpaper image in the desktop page.

42. The method according to claim 41, characterized in that The electronic device includes a plurality of desktop pages, and the wallpapers of the plurality of desktop pages are the same; and The same interface discrimination degree of multiple desktop pages in the electronic device is calculated in the following manner: Calculating element discrimination of each foreground element in a plurality of desktop pages; The interface discrimination is determined based on the element discrimination of each foreground element and the display parameters of the wallpaper image in the desktop page.

43. The method according to claim 41 or 42, characterized in that The determining the interface discrimination based on the element discrimination of each foreground element and the display parameter of the wallpaper image in the desktop page includes: The interface discrimination of the interface is determined based on the element discrimination of each foreground element, the number of foreground elements in the interface, and the display parameters of the wallpaper.

44. The method according to claim 43, characterized in that The foreground elements include icons and texts, and the determining the interface recognition degree of the interface based on the element recognition degree of each foreground element, the number of foreground elements in the interface, and the display parameters of the wallpaper includes: The interface discrimination is calculated in the following way: Among them, maxΩ(M xy , Φ θ , Δ λ ) represents the interface discrimination, N represents the number of foreground elements in the interface; M xy represents the translation matrix of the wallpaper image moving operation, where x and y are the moving distance of the wallpaper image along the first direction and the moving distance along the second direction respectively; Φ θ represents the rotation matrix of the wallpaper image, θ is the rotation angle of the wallpaper image; Δ λ represents the scaling matrix of the first wallpaper image for scaling operation, λ is the scaling ratio of the wallpaper image; f i For the i-th icon in M xy , Φ θ , Δ λ The element discrimination on the wallpaper image corresponding to the display parameter; i For the i-th character in M xy , Φ θ , Δ λ The element discrimination on the wallpaper image of the corresponding display parameter.

45. A readable medium, characterized in that The readable medium stores instructions, which, when executed on an electronic device, enable the electronic device to execute the display method described in any one of claims 1 to 27, or the display method described in any one of claims 27 to 44.

46. ​​An electronic device, characterized in that: include: A memory for storing instructions executed by one or more processors of an electronic device, and a processor, which is one of the processors of the electronic device, for executing the display method described in any one of claims 1 to 27, or the display method described in any one of claims 27 to 44.

Images