CN117111798A - Display method and device - Google Patents

Abstract

The application discloses a display method and a display device, and belongs to the technical field of desktop display. The method comprises the following steps: displaying wallpaper and icons, wherein the icons comprise a bottom plate, a main body element and a decoration element; receiving a first input of a user; responding to the first input, acquiring an image of a first area of the wallpaper, updating the bottom plate into the image, updating the color of the main body element into a first color in the wallpaper, updating the color of the decorative element into a second color in the wallpaper, and blurring the wallpaper; the first area is a display area of the icon.

Description

Display method and device

Technical Field

The application belongs to the technical field of desktop display, and particularly relates to a display method and device.

Background

Today, on a display interface of a device such as a mobile phone, a computer, or the like, wallpaper and an icon of the display interface are often set separately, which easily causes a conflict between hues of the wallpaper and the icon, or color contrast between the wallpaper and the icon is not sufficiently noticeable, thereby causing a gap between the icon and the wallpaper.

The separation between the icons and the wallpaper can make the display interface of the device appear cluttered and uncoordinated, thereby causing visual interference and making it difficult for the user to concentrate on, which can result in poor display of the device.

Disclosure of Invention

The embodiment of the application aims to provide a display method and a display device, which can solve the technical problem that wallpaper and icons which are independently arranged on the display interface of the existing equipment easily cause poor display effect of the equipment.

In a first aspect, an embodiment of the present application provides a display method, including:

displaying wallpaper and an icon, wherein the icon comprises a bottom plate, a main body element and a decoration element;

receiving a first input of a user;

in response to the first input, acquiring an image of a first area of the wallpaper, updating the base plate to the image, updating the color of the main body element to a first color in the wallpaper, updating the color of the decorative element to a second color in the wallpaper, and blurring the wallpaper;

the first area is a display area of the icon.

In a second aspect, an embodiment of the present application provides a display apparatus, including:

the display module is used for displaying wallpaper and icons, and the icons comprise a bottom plate, a main body element and a decoration element;

the first receiving module is used for receiving a first input of a user;

a first response module, configured to obtain an image of a first area of the wallpaper in response to the first input, update the base plate to the image, update a color of the main element to a first color in the wallpaper, update a color of the decorative element to a second color in the wallpaper, and blur the wallpaper;

The first area is a display area of the icon.

In a third aspect, an embodiment of the application provides an electronic device comprising a processor and a memory storing a program or instructions executable on the processor, which when executed by the processor, implement the steps of the method as provided in the first aspect.

In a fourth aspect, embodiments of the present application provide a readable storage medium having stored thereon a program or instructions which when executed by a processor perform the steps of the method as provided in the first aspect.

In a fifth aspect, an embodiment of the present application provides a chip, the chip including a processor and a communication interface, the communication interface being coupled to the processor, the processor being configured to execute programs or instructions to implement a method as provided in the first aspect.

In a sixth aspect, embodiments of the present application provide a computer program product stored in a storage medium, the program product being executable by at least one processor to implement a method as provided in the first aspect.

In the display method and the device, under the condition that the wallpaper and the icon are displayed on the terminal, the first input of the user is received and responded, firstly, the bottom plate of the icon is updated to be an image of the wallpaper in the display area of the icon, then, the colors of the main body element and the decoration element in the icon are respectively updated to be a first color and a second color in the wallpaper, and finally, the wallpaper is subjected to blurring processing. According to the application, the colors of the elements in the icons are respectively updated to be the colors in the wallpaper, and the wallpaper configured on the desktop page is subjected to blurring treatment, so that the wallpaper on the desktop page and the icons are attached to each other in tone, thereby avoiding visual gap between the icons and the wallpaper, and improving the display effect of the equipment.

Drawings

FIG. 1 is a flow chart of a display method according to an embodiment of the present application;

FIG. 2 (a) is a schematic diagram of a display page in a display method according to an embodiment of the present application;

FIG. 2 (b) is a schematic diagram of a display page in a display method according to an embodiment of the present application;

FIG. 2 (c) is a schematic diagram of a display page in a display method according to an embodiment of the present application;

FIG. 3 is a schematic diagram of a display page in a display method according to another embodiment of the present application;

FIG. 4 is a schematic diagram of icons in a display page in a display method according to an embodiment of the present application;

FIG. 5 is a schematic diagram of a display page in a display method according to an embodiment of the present application;

FIG. 6 is a schematic diagram of icons in a display page in a display method according to an embodiment of the present application;

FIG. 7 is a schematic diagram of icons in a display page in a display method according to another embodiment of the present application;

FIG. 8 is a schematic diagram of icons in a display page in a display method according to another embodiment of the present application;

fig. 9 is a schematic structural diagram of a display device according to another embodiment of the present application;

fig. 10 is a schematic structural diagram of an electronic device according to another embodiment of the present application;

Fig. 11 is a schematic diagram of a hardware structure of an electronic device according to an embodiment of the present application.

Detailed Description

The technical solutions of the embodiments of the present application will be clearly described below with reference to the drawings in the embodiments of the present application, and it is apparent that the described embodiments are some embodiments of the present application, but not all embodiments. All other embodiments, which are obtained by a person skilled in the art based on the embodiments of the present application, fall within the scope of protection of the present application.

The terms first, second and the like in the description and in the claims, are used for distinguishing between similar elements and not necessarily for describing a particular sequential or chronological order. It is to be understood that the terms so used are interchangeable under appropriate circumstances such that the embodiments of the application are capable of operation in sequences other than those illustrated or otherwise described herein, and that the objects identified by "first," "second," etc. are generally of a type not limited to the number of objects, for example, the first object may be one or more. Furthermore, in the description and claims, "and/or" means at least one of the connected objects, and the character "/", generally means that the associated object is an "or" relationship.

In order to solve the technical problems, the application provides a display method. The display method provided by the embodiment of the application is described in detail below through specific embodiments and application scenes thereof with reference to the accompanying drawings.

As shown in fig. 1, fig. 1 is a flow chart of a display method according to an embodiment of the present application, where the method may include:

s101, displaying wallpaper and icons, wherein the icons comprise a bottom plate, a main body element and a decoration element;

in this embodiment, the display method is applied to a terminal, the terminal may be a mobile phone, a tablet computer, etc., and wallpaper is displayed on a display interface of the terminal, where the wallpaper is an image or a pattern of a screen background used as the display interface.

One or more icons may be displayed on a previous layer of wallpaper. An icon refers to a small image representing a particular application, file, folder, or function. These icons are typically displayed on an interface of the operating system, which a user can click or touch to open a corresponding application or perform a particular operation.

Wherein, the icon can comprise a bottom plate, a main body element and a decoration element. The decorative element may be an ornamental element for adding detail and aesthetics to the icon, the decorative element typically not being the primary focus of the icon, typically a smaller, secondary graphic, for filling in the blank area of the icon. The body element may be a body element expressing a main meaning or core concept in an icon, the body element being a main focus of the icon for conveying contents and functions represented by the icon, the body element being generally a portion of the icon having a largest area. The base panel is then typically the ground color or ground tint of the icon.

In addition, the user can select wallpaper displayed by the terminal by inputting the terminal.

For example, as shown in fig. 2, the terminal may first receive a third input to the terminal and, in response to the third input, skip the desktop page of the terminal to a wallpaper selection page, the wallpaper selection page including a static wallpaper control 202, a dynamic wallpaper control 201, and a window wallpaper control 203, wherein the static wallpaper control 202 is used to indicate a selection page to skip the desktop page to the static wallpaper, the dynamic wallpaper control 201 is used to indicate a selection page to skip the desktop page to the dynamic wallpaper, and the window wallpaper control 203 is used to indicate a selection page to skip the desktop page to the window wallpaper.

If the user wants to select window wallpaper, a fourth input may be made to window wallpaper control 203, the terminal may receive a fourth input to window wallpaper control 203 in the wallpaper selection page, and the terminal jumps the desktop page to the selection page of window wallpaper in response to the fourth input. The window wallpaper page includes at least one window wallpaper corresponding wallpaper icon 204, and a user can select a desired wallpaper from the at least one window wallpaper.

After the user selects the desired wallpaper, the selected wallpaper is displayed on the display interface of the terminal.

S102, receiving a first input of a user;

in this embodiment, the first input is used to adjust the wallpaper and icons displayed on the desktop page of the terminal. Illustratively, the first input includes, but is not limited to: the touch input of the user to the selection control of the wallpaper through the touch device such as a finger or a stylus pen, or the voice instruction input by the user, or the specific gesture input by the user, or other feasibility inputs can be specifically determined according to the actual use requirement, and the embodiment of the application is not limited. The specific gesture in some embodiments of the present application may be any one of a single tap gesture, a swipe gesture, a drag gesture, a pressure recognition gesture, a long press gesture, an area change gesture, a double press gesture, a double tap gesture; the click input in some embodiments of the present application may be a single click input, a double click input, or any number of click inputs, etc., and may also be a long press input or a short press input.

S103, responding to the first input, acquiring an image of a first area of the wallpaper, updating the bottom plate into the image, updating the color of the main body element into a first color in the wallpaper, updating the color of the decorative element into a second color in the wallpaper, and blurring the wallpaper;

The first area is a display area of the icon.

In this embodiment, after the terminal receives the first input of the user, the displayed wallpaper and icons are adjusted in response to the first input, and specifically, the appearances of all icons in the terminal may be adjusted based on the color information of the wallpaper, and the wallpaper may be blurred.

For example, to enable the icon to fit with the wallpaper, the floor of the icon may be updated to the same color and pattern as the first area of the wallpaper. The first color and the second color may also be determined from the wallpaper, the color of the body element in the icon is updated to the first color, and the color of the decorative element is updated to the second color. The first color may be a color with the largest duty ratio in the wallpaper, and the second color may be a color with the second largest duty ratio in the wallpaper.

In addition, blurring the wallpaper refers to blurring details in the image of the wallpaper so that it becomes more blurred or less clear. The user can control the degree of blurring by setting a blurring value, typically a value between 0 and 1, to indicate the intensity or degree of blurring, a smaller blurring value meaning a slight blurring effect and a larger blurring value meaning a stronger blurring effect. For example, the blur value may be 0.4 or 0.8.

In the embodiment of the application, after the wallpaper is subjected to blurring processing and the icon is updated, at least one icon and the wallpaper can be displayed on a desktop page. After displaying the at least one icon and the wallpaper on the desktop page, the user may also adjust the position of the icon on the wallpaper on the desktop page.

In the application, when wallpaper and an icon are displayed on a terminal, receiving and responding to a first input of a user, firstly updating the bottom plate of the icon into an image of the wallpaper in a display area of the icon, then respectively updating the colors of a main body element and a decoration element in the icon into a first color and a second color in the wallpaper, and finally carrying out blurring processing on the wallpaper. According to the application, the colors of the elements in the icons are respectively updated to be the colors in the wallpaper, and the wallpaper configured on the desktop page is subjected to blurring treatment, so that the wallpaper on the desktop page and the icons are attached to each other in tone, thereby avoiding visual gap between the icons and the wallpaper, and improving the display effect of the equipment.

In some embodiments, S102 comprises:

determining at least one first area covered by the at least one icon on the wallpaper, wherein each icon corresponds to one covered first area;

For each icon, setting the bottom plate of the icon to be the same color and pattern as the wallpaper of the first area corresponding to the icon.

In this embodiment, since the level of the icons is higher than the wallpaper on the desktop page, the icons are located at the upper layer of the wallpaper, and each icon covers a portion of the wallpaper, i.e. each icon corresponds to a first area of the covered wallpaper.

The bottom panel of an icon refers to the bottom panel or floor of the icon, which is typically a rectangle or other shape surrounding the icon, for the icon to form a separate visual unit.

For each icon, the color and pattern of the first region corresponding to the icon may be acquired, and since the bottom plate of the icon and the corresponding first region thereof have the same shape and size, the color and pattern of the bottom plate may be directly set as the color and pattern of the first region. Therefore, the conflict between the icon and the wallpaper in tone can be avoided, and the visual gap between the icon and the wallpaper is eliminated.

In some embodiments, after S103, the method further comprises:

receiving a second input;

displaying a target selection box in response to the second input;

And deblurring a second area of the wallpaper, wherein the second area is a display area of the target frame.

In this embodiment, the second input is used to set a target frame on a desktop page of the terminal, where the level of the target frame is higher than that of the icon and the wallpaper, the target frame may be a transparent frame located at an upper layer of the icon, the size and the position of the target frame may be adjusted, and the wallpaper that is subjected to blurring processing in the target frame may be restored to a clear display state in a mapping manner.

Illustratively, as shown in fig. 3, the target frame 301 is a rectangle, a user may add multiple frame windows to the target frame 301 to form a grid-shaped frame, and the user may adjust the position and size of each frame window. For example, the user may adjust the size of the box window by pressing a zoom button drag at the lower right corner of the box window, and adjust the position of the box window by pressing the box window drag.

Through the mode, after the wallpaper is subjected to blurring treatment, part of important elements in the wallpaper are subjected to deblurring treatment, so that part of important elements or information in the wallpaper is highlighted, and the wallpaper meets the personalized requirements of users.

In some embodiments, prior to S103, further comprising:

determining an element, of which the area occupied by the icon is smaller than a first proportion threshold, in the icon as the decoration element;

determining an element in the icon, the second proportion of the area of which is larger than or equal to the first proportion threshold value, as the main body element;

determining at least one of activity information, dotted lines, and light effects in the icon located above the level of the decorative element as a cluttered element;

and removing the clutter element in the icon.

In the present embodiment, elements other than the base plate in the icon can be split into three types, namely, a decoration element, a body element, and a clutter element, and these elements are processed based on the types of the elements.

In particular, the decorative element may be an ornamental element for increasing the detail and aesthetic appeal of the icon, which is typically not the primary focus of the icon, and is typically a smaller, secondary graphic for filling in the blank area of the icon. The body element may be a body element expressing a main meaning or core concept in an icon, the body element being a main focus of the icon for conveying contents and functions represented by the icon, the body element being generally a portion of the icon having a largest area. The clutter element may be a clutter element in the icon like activity information, decorative dotted lines, light effects, etc.

As an alternative embodiment, as shown in fig. 4, the decoration element 403 and the main body element 402 may be distinguished based on the area sizes of different types of elements, and on the base plate 401, a ratio of the area of each element to the area of the icon may be calculated, and if the ratio is greater than or equal to a first ratio threshold set in advance, the element may be determined as the main body element 402, and if the ratio is less than the first ratio threshold, the element may be determined as the decoration element 403.

As an alternative embodiment, the decoration element and the subject element may be distinguished based on the hierarchical relationship of the elements, and the element between the base plate and the clutter element may be divided into two levels, an element higher in the two levels being determined as the decoration element, and an element lower in the two levels being determined as the subject element.

As another alternative embodiment, the ornamental element and the main element may be distinguished based on the hue relationship of the elements, and the main element having the hue close to that of the base plate may be determined as the main element, and the element having the hue greatly different from that of the main element may be determined as the ornamental element.

After the elements outside the base plate are divided into the decoration elements, the main body elements and the messy elements, the messy elements in the icons can be removed as the messy elements are graphical elements which have no clear purpose or do not matter, and then the color information of the decoration elements and the main body elements is updated based on the color information of the wallpaper, so that the icons are more coordinated with the wallpaper in tone on the whole, the conflict between the icons and the wallpaper in tone is avoided, and the visual gap between the icons and the wallpaper is avoided.

In some embodiments, the updating the color of the main element to the first color in the wallpaper and the updating the color of the decorative element to the second color in the wallpaper may include:

acquiring a first hue and a second hue in the wallpaper, wherein the area of the first hue in the wallpaper is larger than that of the second hue;

acquiring a first color with highest purity in the first color phase and a second color with highest purity in the second color phase;

updating the color of the main body element to the first color, and updating the color of the decoration element to the second color.

In this embodiment, each hue represents a continuous region in the color spectrum to describe the location or type of color in the color spectrum, and thus, each hue represents multiple colors. The plurality of hues included in the wallpaper may be first determined, and then the first hue and the second hue may be selected from the plurality of hues, and the area of the first hue may be made larger than the second hue.

Then, the first color having the highest purity may be selected from the first color phases, and the second color having the highest purity may be selected from the second color phases. The color with the highest purity is the color with the highest saturation in the hue range. After the first color and the second color are acquired, the color of the main body element may be updated to the first color, and the color of the decoration element may be updated to the second color.

For example, as shown in fig. 5, a first hue with the largest area ratio in the wallpaper and a second hue with the largest area ratio in the second hue may be selected, a color with the highest saturation in the first hue is determined as a first color, and a color with the highest saturation in the second hue is determined as a second color, wherein neither the first color nor the second color is black or white. The color information of the decoration element and the main body element is then updated with the first color and the second color in accordance with rules set in advance by the user.

By the method, the colors of the icons can be updated by utilizing the colors contained in the wallpaper, so that the colors of the icons are more similar to the colors of the wallpaper, and the icons and the wallpaper are prevented from conflicting in tone.

In some embodiments, the updating the color of the body element to a first color in the wallpaper and the color of the decorative element to a second color in the wallpaper comprises:

filling the decorative element according to the second color in case the color in the decorative element is monochromatic or a smooth transition gradient;

under the condition that the decoration element comprises at least two colors with non-smooth transition, adjusting the transparency of the second color to obtain at least two third colors, and filling the decoration element according to the at least two third colors;

Filling the body element according to the first color in case the color in the body element is monochromatic or a smoothly transitive gradient;

and under the condition that the main body element comprises at least two colors with non-smooth transition, adjusting the transparency of the first color to obtain at least two fourth colors, and filling the main body element according to the at least two fourth colors.

In this embodiment, for any one of the decorative element and the body element, if the color originally filled in the element is a single color or a smoothly transitive gradient color, there is no obvious interval or fault in the color in the element, and the color change is linear or curvilinear, thus making the transition very smooth. In this case, the element may be filled directly with the same color to exhibit the characteristics of the element. If the originally filled color of the element includes at least two colors that are not smoothly transitioned, then a distinct color lump or boundary is formed between the two colors, thus causing a gap or fault to occur, such as a sudden jump from red to blue, or a direct change from yellow to black, in which case the element needs to be filled with at least two colors such that the filled colors and the colors originally included in the element are in a one-to-one correspondence.

Illustratively, as shown in FIG. 6, where the color in the decorative element 601 is a single color, the decorative element 601 may be filled with a second color; the non-smooth transition in the body element 602 includes two adjacent colors, where the transparency of the first color may be adjusted to 75% to obtain a fifth color, the transparency of the second color may be adjusted to 50% to obtain a sixth color, and the fifth color and the sixth color may be used to fill one of the colors originally included in the body element 602.

Through the filling mode, the color of the icon and the color of the wallpaper are enabled to be more attached, and the original characteristics of the icon can be reserved.

In some embodiments, after updating the base plate to the image, updating the color of the main element to a first color in the wallpaper, updating the color of the decorative element to a second color in the wallpaper, and blurring the wallpaper, further comprising:

determining a first color difference value of the decorative element and the base plate, and a second color difference value of the body element and the base plate;

adjusting the color of the decorative element under the condition that the first color difference value is smaller than a first color difference threshold value, so that the color difference value of the decorative element and the bottom plate is larger than a second color difference threshold value;

When the second color difference value is smaller than a first color difference threshold value, the color of the main body element is adjusted so that the color difference value of the main body element and the bottom plate is larger than the second color difference threshold value;

wherein the second color difference threshold is greater than the first color difference threshold.

In the present embodiment, the color difference value is a value for representing the degree of difference between colors of two elements. A smaller color difference value means that the two colors are closer together in color space, and their color similarity is higher. A larger color difference value indicates that the two colors are farther apart in the color space and that their colors differ more. After updating the color information of the icon decoration element, the main body element, and the base plate, it is also necessary to calculate a first color difference value between the decoration element and the base plate, and a second color difference value between the main body element and the base plate, respectively.

As shown in fig. 7, if the first color difference value is smaller than the first color difference threshold value set in advance, it can be considered that the color of the decoration element 702 and the color of the base plate 701 are relatively close, and since the decoration element 702 is superimposed on the base plate 701, when the colors of the two are very close, the decoration element 702 and the base plate 701 will be mixed together to form a blurred area, and it may be difficult for the user to distinguish the boundary and distinction between them, making the icon appear cluttered and unclear. The color of the decorative element 702 may thus be adjusted such that the color difference value of the decorative element 702 and the soleplate 701 is greater than a second color difference threshold, which may be, for example, 4 times the first color difference threshold.

Likewise, if the second color difference value is smaller than the first color difference threshold, the color of the main element may be adjusted so that the color difference value of the main element and the bottom plate is larger than the second color difference threshold.

Through the mode, larger chromatic aberration exists between adjacent elements, different elements are helped to be distinguished, and the icons are clearer.

In some embodiments, before the updating the base plate to the image, the updating the color of the main body element to the first color in the wallpaper, and the updating the color of the decorative element to the second color in the wallpaper, further comprises:

determining the type of the icon based on the pattern and the color of each level in the icon;

when the icon is a first icon, dividing elements except the bottom plate in the first icon into a decoration element, a main body element and a messy element;

and in the case that the icon is a second icon, shrinking the second icon and reducing the saturation of the color of the second icon.

In this embodiment, in order to flexibly edit the icon and make the icon more hierarchical, in the process of designing the icon, different parts or elements of the icon are divided into multiple levels, and each level may include different components of the icon, such as a background, a main element, a decoration element, a shadow, and a light effect.

All icons can be divided into a first icon and a second icon based on the patterns and colors of the layers in the icons, wherein the first icon is an icon with simpler construction, and the second icon is an icon with more complex construction. Illustratively, if: if the main body element of the icon cannot be distinguished, the hierarchical relationship of the icon cannot be distinguished, and at least one of the color, the line, the structure and the like of the icon is too complex, the icon is determined to be the second icon, otherwise, the icon can be determined to be the first icon. Only when the icon is a first icon, elements other than the base plate in the first icon are divided into a decoration element, a main body element and a clutter element, and colors of the decoration element and the main body element are updated.

In the present embodiment, if the icon is a second icon having a more complicated structure, the size of the second icon can be reduced, and the saturation of the color of the second icon can be reduced. For example, as shown in fig. 8, the second icon 801 may be scaled down to 65% of the original and the saturation of the color of the second icon may be reduced to 0. In addition, the transparency of the color of the second icon can be adjusted to 20% of the original. In addition, the area covered by the reduced second icon can be determined as a third area, so that the part, corresponding to the second icon, of the difference between the first area and the third area is a fourth area, and the fourth area can be mapped to the color and the pattern of the wallpaper in the fourth area.

By shrinking the second icon and reducing the saturation of the color of the second icon, the visual conflict between the icon and the wallpaper can be reduced, and better visual fusion between the icon and the wallpaper can be achieved.

In some embodiments, after updating the base plate to the image, updating the color of the main element to a first color in the wallpaper, updating the color of the decorative element to a second color in the wallpaper, and blurring the wallpaper, further comprising:

adding a first transparent layer on the wallpaper when the wallpaper is a first wallpaper, wherein the color of the first transparent layer is black, and the brightness of the first wallpaper is smaller than a first brightness threshold value;

and adding a second transparent layer on the wallpaper when the wallpaper is a second wallpaper, wherein the color of the second transparent layer is white, and the brightness of the second wallpaper is greater than or equal to the first brightness threshold.

In this embodiment, after blurring the wallpaper, a translucent mask layer may be added to the wallpaper in order to avoid the inability to distinguish between the wallpaper and the floor of the icon. The mask layer is a layer with transparency of not 100%, which can make the wallpaper image show a soft, blurred, faded or other special effect, so as to distinguish the bottom plate of the icon.

For example, if the wallpaper is a dark wallpaper with a brightness less than the first brightness threshold, the mask layer may be made to be a first transparent layer with a transparency of black, for example, the black transparency may be 10%, and if the wallpaper is a light wallpaper with a brightness greater than or equal to the first brightness threshold, the mask layer may be made to be a second transparent layer with a transparency of white, for example, the white transparency may be 10%.

The first transparent layer and the second transparent layer are added, so that the bottom plate of the icon and the wallpaper can be conveniently distinguished.

Fig. 9 is a schematic structural diagram of a display device according to another embodiment of the present application, and as shown in fig. 9, the display device may include:

the display module 901 is used for displaying wallpaper and icons, wherein the icons comprise a bottom plate, a main body element and a decoration element;

a first receiving module 902 for receiving a first input of a user;

a first response module 903, configured to obtain an image of a first area of the wallpaper in response to the first input, update the base plate to the image, update a color of the main element to a first color in the wallpaper, update a color of the decorative element to a second color in the wallpaper, and blur the wallpaper;

The first area is a display area of the icon.

In the application, when wallpaper and an icon are displayed on a terminal, receiving and responding to a first input of a user, firstly updating the bottom plate of the icon into an image of the wallpaper in a display area of the icon, then respectively updating the colors of a main body element and a decoration element in the icon into a first color and a second color in the wallpaper, and finally carrying out blurring processing on the wallpaper. According to the application, the colors of the elements in the icons are respectively updated to be the colors in the wallpaper, and the wallpaper configured on the desktop page is subjected to blurring treatment, so that the wallpaper on the desktop page and the icons are attached to each other in tone, thereby avoiding visual gap between the icons and the wallpaper, and improving the display effect of the equipment.

In another alternative example, the display apparatus further includes:

a second receiving module for receiving a second input;

the second response module is used for responding to the second input and displaying a target selection frame;

and the defuzzification module is used for defuzzifying a second area of the wallpaper, wherein the second area is a display area of the target frame.

In another alternative example, the display apparatus further includes:

a first determining module, configured to determine, as the decoration element, an element in the icon whose area occupies an area of the icon and whose first proportion is smaller than a first proportion threshold;

a second determining module, configured to determine, as the main element, an element in the icon whose second proportion of the area of the icon is greater than or equal to the first proportion threshold;

a third determining module for determining at least one of activity information, a dotted line, and a light effect located above the level of the decorative element in the icon as a cluttered element;

and the removing module is used for removing the clutter elements in the icon.

In another alternative example, the first response module 903 includes:

a first filling unit for filling the decorative element according to the second color in the case that the color in the decorative element is a single color or a gradual change of a smooth transition;

the second filling unit is used for adjusting the transparency of the second color to obtain at least two third colors under the condition that the decoration element comprises at least two colors with non-smooth transition, and filling the decoration element according to the at least two third colors;

A third filling unit for filling the main body element according to the first color in case that the color in the main body element is a single color or a smoothly transited gradual color;

and the fourth filling unit is used for adjusting the transparency of the first color to obtain at least two fourth colors under the condition that the main body element comprises at least two colors with non-smooth transition, and filling the main body element according to the at least two fourth colors.

In another alternative example, the display apparatus further includes:

a fourth determining module for determining a first color difference value of the decorative element and the base plate, and a second color difference value of the body element and the base plate;

the first adjusting module is used for adjusting the color of the decorative element under the condition that the first color difference value is smaller than a first color difference threshold value, so that the color difference value of the decorative element and the bottom plate is larger than a second color difference threshold value;

the second adjusting module is used for adjusting the color of the main body element under the condition that the second color difference value is smaller than the first color difference threshold value, so that the color difference value of the main body element and the bottom plate is larger than the second color difference threshold value;

Wherein the second color difference threshold is greater than the first color difference threshold.

In another alternative example, the display apparatus further includes:

a fifth determining module, configured to determine a type of the icon based on a pattern and a color of each level in the icon;

the classifying module is used for dividing the elements except the bottom plate in the first icon into a decoration element, a main body element and a messy element under the condition that the icon is the first icon;

and the shrinking module is used for shrinking the second icon and reducing the saturation of the color of the second icon when the icon is the second icon.

The display device in the embodiment of the application can be an electronic device or a component in the electronic device, such as an integrated circuit or a chip. The electronic device may be a terminal, or may be other devices than a terminal. The electronic device may be a mobile phone, a tablet computer, a notebook computer, a palm computer, a vehicle-mounted electronic device, a mobile internet appliance (Mobile Internet Device, MID), an augmented reality (augmented reality, AR)/Virtual Reality (VR) device, a robot, a wearable device, an ultra-mobile personal computer (ultra-mobile personal computer, UMPC), a netbook or a personal digital assistant (personal digital assistant, PDA), etc., a server, a network attached storage (NetworkAttached Storage, NAS), a personal computer (personal computer, PC), a television (television, TV), a teller machine or a self-service machine, etc., a server, a network attached storage (NetworkAttached Storage, NAS), a personal computer (personal computer, PC), a television (television, TV), a teller machine or a self-service machine, etc., which are not limited in the embodiments of the present application.

The display device in the embodiment of the application may be a device having an operating system. The operating system may be an Android operating system, an IOS operating system, or other possible operating systems, and the embodiment of the present application is not limited specifically.

The display device provided in the embodiment of the present application can implement each process implemented by the method embodiment of fig. 1, and in order to avoid repetition, details are not repeated here.

Optionally, as shown in fig. 10, the embodiment of the present application further provides an electronic device 1000, including a processor 100, a memory 109, and a program or an instruction stored in the memory 109 and capable of running on the processor 100, where the program or the instruction implements each process of the embodiment of the display method when executed by the processor 100, and the process can achieve the same technical effect, so that repetition is avoided, and no further description is given here.

The electronic device in the embodiment of the application includes the mobile electronic device and the non-mobile electronic device.

Referring to fig. 11 in combination, fig. 11 is a schematic diagram of a hardware structure of an electronic device implementing an embodiment of the present application. The electronic device 1100 includes, but is not limited to: radio frequency unit 111, network module 112, audio output unit 113, input unit 114, sensor 115, display unit 116, user input unit 117, interface unit 118, memory 119, and processor 110.

Those skilled in the art will appreciate that the electronic device 110 may further include a power source (e.g., a battery) for powering the various components, and that the power source may be logically coupled to the processor 110 via a power management system to perform functions such as managing charging, discharging, and power consumption via the power management system. The electronic device structure shown in fig. 11 does not constitute a limitation of the electronic device, and the electronic device may include more or less components than illustrated, or may combine some components, or may be arranged in different components, which are not described in detail herein.

Wherein, the display unit 116 is used for displaying wallpaper and icons, and the icons comprise a bottom plate, a main body element and a decoration element;

an input unit 114 for receiving a first input of a user;

a processor 110 for acquiring an image of a first area of the wallpaper in response to the first input, updating the base plate to the image, updating the color of the body element to a first color in the wallpaper, updating the color of the decorative element to a second color in the wallpaper, and blurring the wallpaper;

the first area is a display area of the icon.

In the application, when wallpaper and an icon are displayed on a terminal, receiving and responding to a first input of a user, firstly updating the bottom plate of the icon into an image of the wallpaper in a display area of the icon, then respectively updating the colors of a main body element and a decoration element in the icon into a first color and a second color in the wallpaper, and finally carrying out blurring processing on the wallpaper. According to the application, the colors of the elements in the icons are respectively updated to be the colors in the wallpaper, and the wallpaper configured on the desktop page is subjected to blurring treatment, so that the wallpaper on the desktop page and the icons are attached to each other in tone, thereby avoiding visual gap between the icons and the wallpaper, and improving the display effect of the equipment.

In another alternative example, the display apparatus further includes:

an input unit 114 for receiving a second input;

a processor 110 for displaying a target selection box in response to the second input;

and the processor 110 is configured to deblur a second area of the wallpaper, where the second area is a display area of the target frame.

In another alternative example, the display apparatus further includes:

a processor 110, configured to determine, as the decoration element, an element in the icon whose area occupies an area of the icon and whose first ratio is smaller than a first ratio threshold;

A processor 110, configured to determine, as the subject element, an element in the icon whose second proportion of the area of the icon is greater than or equal to the first proportion threshold;

a processor 110 for determining at least one of activity information, dotted lines, and light effects in the icon that are located above the level of the decorative element as clutter elements;

a processor 110 for removing the clutter element in the icon.

In another alternative example, the processor 110 includes:

a first filling unit for filling the decorative element according to the second color in the case that the color in the decorative element is a single color or a gradual change of a smooth transition;

the second filling unit is used for adjusting the transparency of the second color to obtain at least two third colors under the condition that the decoration element comprises at least two colors with non-smooth transition, and filling the decoration element according to the at least two third colors;

a third filling unit for filling the main body element according to the first color in case that the color in the main body element is a single color or a smoothly transited gradual color;

and the fourth filling unit is used for adjusting the transparency of the first color to obtain at least two fourth colors under the condition that the main body element comprises at least two colors with non-smooth transition, and filling the main body element according to the at least two fourth colors.

In another alternative example, the processor 110 is further configured to determine a first color difference value for the decorative element and the base plate, and a second color difference value for the body element and the base plate;

adjusting the color of the decorative element under the condition that the first color difference value is smaller than a first color difference threshold value, so that the color difference value of the decorative element and the bottom plate is larger than a second color difference threshold value;

when the second color difference value is smaller than a first color difference threshold value, the color of the main body element is adjusted so that the color difference value of the main body element and the bottom plate is larger than the second color difference threshold value;

wherein the second color difference threshold is greater than the first color difference threshold.

In another alternative example, the display apparatus further includes:

a fifth determining module, configured to determine a type of the icon based on a pattern and a color of each level in the icon;

the classifying module is used for dividing the elements except the bottom plate in the first icon into a decoration element, a main body element and a messy element under the condition that the icon is the first icon;

and the shrinking module is used for shrinking the second icon and reducing the saturation of the color of the second icon when the icon is the second icon.

It should be appreciated that in embodiments of the present application, the input unit 114 may include a graphics processor (Graphics Processing Unit, GPU) 1141 and a microphone 1142, with the graphics processor 1141 processing image data of still pictures or video obtained by an image capturing device (e.g., a camera) in a video capturing mode or an image capturing mode. The display unit 116 may include a display panel 1161, and the display panel 1161 may be configured in the form of a liquid crystal display, an organic light emitting diode, or the like. The user input unit 117 includes at least one of a touch panel 1171 and other input devices 1172. The touch panel 1171 is also referred to as a touch screen. The touch panel 1171 may include two parts, a touch detection device and a touch controller. Other input devices 1172 may include, but are not limited to, a physical keyboard, function keys (e.g., volume control keys, switch keys, etc.), a trackball, a mouse, a joystick, and so forth, which are not described in detail herein.

Memory 119 may be used to store software programs as well as various data. The memory 119 may mainly include a first memory area storing programs or instructions and a second memory area storing data, wherein the first memory area may store an operating system, application programs or instructions (such as a sound playing function, an image playing function, etc.) required for at least one function, and the like. Further, the memory 119 may include volatile memory or nonvolatile memory, or the memory 119 may include both volatile and nonvolatile memory. The nonvolatile Memory may be a Read-Only Memory (ROM), a Programmable ROM (PROM), an Erasable PROM (EPROM), an Electrically Erasable EPROM (EEPROM), or a flash Memory. The volatile memory may be random access memory (RandomAccess Memory, RAM), static RAM (SRAM), dynamic RAM (DRAM), synchronous DRAM (SDRAM), double Data Rate SDRAM (ddr SDRAM), enhanced SDRAM (Enhanced SDRAM), synchronous DRAM (SLDRAM), and Direct RAM (DRRAM). Memory 119 in embodiments of the present application includes, but is not limited to, these and any other suitable types of memory.

Processor 110 may include one or more processing units; optionally, the processor 110 integrates an application processor that primarily processes operations involving an operating system, user interface, application programs, etc., and a modem processor that primarily processes wireless communication signals, such as a baseband processor. It will be appreciated that the modem processor described above may not be integrated into the processor 110.

The embodiment of the application also provides a readable storage medium, and the readable storage medium stores a program or an instruction, which when executed by a processor, implements each process of the above-mentioned display method embodiment, and can achieve the same technical effects, so that repetition is avoided, and no further description is provided here.

The processor is a processor in the electronic device in the above embodiment. Readable storage media include computer readable storage media such as computer readable memory ROM, random access memory RAM, magnetic or optical disks, and the like.

The embodiment of the application further provides a chip, the chip comprises a processor and a communication interface, the communication interface is coupled with the processor, the processor is used for running programs or instructions, the processes of the embodiment of the display method can be realized, the same technical effects can be achieved, and the repetition is avoided, and the description is omitted here.

It should be understood that the chips referred to in the embodiments of the present application may also be referred to as system-on-chip chips, chip systems, or system-on-chip chips, etc.

Embodiments of the present application provide a computer program product stored in a storage medium, where the program product is executed by at least one processor to implement the respective processes of the embodiments of the display method described above, and achieve the same technical effects, and for avoiding repetition, a detailed description is omitted herein.

It should be noted that, in this document, the terms "comprises," "comprising," or any other variation thereof, are intended to cover a non-exclusive inclusion, such that a process, method, article, or apparatus that comprises a list of elements does not include only those elements but may include other elements not expressly listed or inherent to such process, method, article, or apparatus. Without further limitation, an element defined by the phrase "comprising one … …" does not exclude the presence of other like elements in a process, method, article, or apparatus that comprises the element. Furthermore, it should be noted that the scope of the methods and apparatus in the embodiments of the present application is not limited to performing the functions in the order shown or discussed, but may also include performing the functions in a substantially simultaneous manner or in an opposite order depending on the functions involved, e.g., the described methods may be performed in an order different from that described, and various steps may be added, omitted, or combined. Additionally, features described with reference to certain examples may be combined in other examples.

From the above description of the embodiments, it will be clear to those skilled in the art that the above-described embodiment method may be implemented by means of software plus a necessary general hardware platform, but of course may also be implemented by means of hardware, but in many cases the former is a preferred embodiment. Based on such understanding, the technical solution of the present application may be embodied essentially or in a part contributing to the prior art in the form of a computer software product stored in a storage medium (e.g. ROM/RAM, magnetic disk, optical disk) comprising instructions for causing a terminal (which may be a mobile phone, a computer, a server, or a network device, etc.) to perform the method according to the embodiments of the present application.

The embodiments of the present application have been described above with reference to the accompanying drawings, but the present application is not limited to the above-described embodiments, which are merely illustrative and not restrictive, and many forms may be made by those having ordinary skill in the art without departing from the spirit of the present application and the scope of the claims, which are to be protected by the present application.

Claims (12)

1. A display method, comprising:

displaying wallpaper and an icon, wherein the icon comprises a bottom plate, a main body element and a decoration element;

receiving a first input of a user;

in response to the first input, acquiring an image of a first area of the wallpaper, updating the base plate to the image, updating the color of the main body element to a first color in the wallpaper, updating the color of the decorative element to a second color in the wallpaper, and blurring the wallpaper;

the first area is a display area of the icon.

2. The method of claim 1, wherein after said blurring said wallpaper, said method further comprises:

receiving a second input;

displaying a target selection box in response to the second input;

and deblurring a second area of the wallpaper, wherein the second area is a display area of the target frame.

3. The method of claim 1, further comprising, prior to said updating said base to said image, updating a color of said body element to a first color in said wallpaper, and updating a color of said decorative element to a second color in said wallpaper:

Determining an element, of which the area occupied by the icon is smaller than a first proportion threshold, in the icon as the decoration element;

determining an element in the icon, the second proportion of the area of which is larger than or equal to the first proportion threshold value, as the main body element;

determining at least one of activity information, dotted lines, and light effects in the icon located above the level of the decorative element as a cluttered element;

and removing the clutter element in the icon.

4. The method of claim 1, wherein the updating the color of the body element to a first color in the wallpaper and the color of the decorative element to a second color in the wallpaper comprises:

filling the decorative element according to the second color in case the color in the decorative element is monochromatic or a smooth transition gradient;

under the condition that the decoration element comprises at least two colors with non-smooth transition, adjusting the transparency of the second color to obtain at least two third colors, and filling the decoration element according to the at least two third colors;

filling the body element according to the first color in case the color in the body element is monochromatic or a smoothly transitive gradient;

And under the condition that the main body element comprises at least two colors with non-smooth transition, adjusting the transparency of the first color to obtain at least two fourth colors, and filling the main body element according to the at least two fourth colors.

5. The method of claim 1, wherein after the updating the base plate to the image, the updating the color of the body element to the first color in the wallpaper, the updating the color of the decorative element to the second color in the wallpaper, and blurring the wallpaper, further comprises:

determining a first color difference value of the decorative element and the base plate, and a second color difference value of the body element and the base plate;

adjusting the color of the decorative element under the condition that the first color difference value is smaller than a first color difference threshold value, so that the color difference value of the decorative element and the bottom plate is larger than a second color difference threshold value;

when the second color difference value is smaller than a first color difference threshold value, the color of the main body element is adjusted so that the color difference value of the main body element and the bottom plate is larger than the second color difference threshold value;

wherein the second color difference threshold is greater than the first color difference threshold.

6. The method of claim 1, wherein the updating the base plate to the image, the updating the color of the body element to the first color in the wallpaper, and the updating the color of the decorative element to the second color in the wallpaper are preceded by:

determining the type of the icon based on the pattern and the color of each level in the icon;

when the icon is a first icon, dividing elements except the bottom plate in the first icon into a decoration element, a main body element and a messy element;

and in the case that the icon is a second icon, shrinking the second icon and reducing the saturation of the color of the second icon.

7. A display device, comprising:

the display module is used for displaying wallpaper and icons, and the icons comprise a bottom plate, a main body element and a decoration element;

the first receiving module is used for receiving a first input of a user;

a first response module, configured to obtain an image of a first area of the wallpaper in response to the first input, update the base plate to the image, update a color of the main element to a first color in the wallpaper, update a color of the decorative element to a second color in the wallpaper, and blur the wallpaper;

The first area is a display area of the icon.

8. The apparatus of claim 1, wherein the display apparatus further comprises:

a second receiving module for receiving a second input;

the second response module is used for responding to the second input and displaying a target selection frame;

and the defuzzification module is used for defuzzifying a second area of the wallpaper, wherein the second area is a display area of the target frame.

9. The apparatus of claim 1, wherein the display apparatus further comprises:

a first determining module, configured to determine, as the decoration element, an element in the icon whose area occupies an area of the icon and whose first proportion is smaller than a first proportion threshold;

a second determining module, configured to determine, as the main element, an element in the icon whose second proportion of the area of the icon is greater than or equal to the first proportion threshold;

a third determining module for determining at least one of activity information, a dotted line, and a light effect located above the level of the decorative element in the icon as a cluttered element;

and the removing module is used for removing the clutter elements in the icon.

10. The apparatus of claim 1, wherein the first response module comprises:

a first filling unit for filling the decorative element according to the second color in the case that the color in the decorative element is a single color or a gradual change of a smooth transition;

the second filling unit is used for adjusting the transparency of the second color to obtain at least two third colors under the condition that the decoration element comprises at least two colors with non-smooth transition, and filling the decoration element according to the at least two third colors;

a third filling unit for filling the main body element according to the first color in case that the color in the main body element is a single color or a smoothly transited gradual color;

and the fourth filling unit is used for adjusting the transparency of the first color to obtain at least two fourth colors under the condition that the main body element comprises at least two colors with non-smooth transition, and filling the main body element according to the at least two fourth colors.

11. The apparatus of claim 1, wherein the display apparatus further comprises:

a fourth determining module for determining a first color difference value of the decorative element and the base plate, and a second color difference value of the body element and the base plate;

The first adjusting module is used for adjusting the color of the decorative element under the condition that the first color difference value is smaller than a first color difference threshold value, so that the color difference value of the decorative element and the bottom plate is larger than a second color difference threshold value;

the second adjusting module is used for adjusting the color of the main body element under the condition that the second color difference value is smaller than the first color difference threshold value, so that the color difference value of the main body element and the bottom plate is larger than the second color difference threshold value;

wherein the second color difference threshold is greater than the first color difference threshold.

12. The apparatus of claim 1, wherein the display apparatus further comprises:

a fifth determining module, configured to determine a type of the icon based on a pattern and a color of each level in the icon;

the classifying module is used for dividing the elements except the bottom plate in the first icon into a decoration element, a main body element and a messy element under the condition that the icon is the first icon;

and the shrinking module is used for shrinking the second icon and reducing the saturation of the color of the second icon when the icon is the second icon.