Icon display method, device and electronic device

By receiving inputs in electronic devices and updating the display style of the icons, the problem of single icon display mode is solved, and the satisfaction of different user needs and the improvement of interface aesthetics is achieved.

CN113961112BActive Publication Date: 2025-03-14VIVO MOBILE COMM CO LTD
View PDF 2 Cites 0 Cited by

Patent Information

Application Number
CN202111234129.5
Authority / Receiving Office
CN · China
Patent Type
Patents(China)
Current Assignee / Owner
Filing Date
2021-10-22
Publication Date
2025-03-14
Estimated Expiration
2041-10-22

AI Technical Summary

Technical Problem

In prior art electronic devices, the display mode of application icons is single and cannot meet the usage needs of different users.

Method used

By receiving input for the first icon, the first icon is updated to the second icon in response to the input, adjusting the display style, including making adjustments on the basis of partially retaining the display parameters.

Benefits of technology

The display mode switching is realized according to the type of application icon, which meets the personalized needs of users and improves the coordination and aesthetics of the interface.

✦ Generated by Eureka AI based on patent content.

Smart Images

  • Figure CN113961112B_ABST
    Figure CN113961112B_ABST
Patent Text Reader

Abstract

The present application discloses an icon display method, device and electronic device, belonging to the field of communication technology. The method comprises: receiving a first input for a first icon; in response to the first input, the first icon is updated to a second icon; when the first icon is of a first type, the display parameters of the second icon include the display parameters of the first icon; when the first icon is of a second type, the display parameters of the second icon are at least partially different from and at least partially the same as the display parameters of the first icon; the display parameters include lines and colors, and the first icon and the second icon correspond to the same application.
Need to check novelty before this filing date? Find Prior Art

Description

Technical Field

[0001] The present application belongs to the field of communication technology, and specifically relates to an icon display method, device and electronic equipment. Background Art

[0002] With the development of communication technology, smart terminals have become an indispensable item in life. At present, the color matching of application icons of smart terminals is basically displayed according to the design mode of the application program itself, but this display mode cannot meet the needs of some groups of users. For example, some users tend to pursue business, pure beauty or simple display interfaces, and the single display style of existing application icons cannot meet these needs of users, and it also seems inappropriate in some specific scenarios, lacking the coordination and beauty of the overall interface. Summary of the invention

[0003] The purpose of the embodiments of the present application is to provide an icon display method, device and electronic device to solve the problem that in the prior art electronic devices, the display mode of application icons is single and cannot meet the usage requirements of different users.

[0004] In order to solve the above technical problems, this application is implemented as follows:

[0005] In a first aspect, an embodiment of the present application provides an icon display method, which includes:

[0006] receiving a first input for a first icon;

[0007] In response to the first input, the first icon is updated to a second icon;

[0008] Wherein, in the case where the first icon is of the first type, the display parameters of the second icon include the display parameters of the first icon;

[0009] In the case where the first icon is of the second type, the display parameters of the second icon are at least partially different from and at least partially the same as the display parameters of the first icon;

[0010] The display parameters include lines and colors, and the first icon and the second icon correspond to the same application. In a second aspect, an embodiment of the present application provides an icon display device, which includes:

[0011] A receiving module, configured to receive a first input for a first icon;

[0012] an updating module, configured to update the first icon to a second icon in response to the first input;

[0013] Wherein, in the case where the first icon is of the first type, the display parameters of the second icon include the display parameters of the first icon;

[0014] In the case where the first icon is of the second type, the display parameters of the second icon are at least partially different from and at least partially the same as the display parameters of the first icon;

[0015] The display parameters include lines and colors, and the first icon and the second icon correspond to the same application.

[0016] In a third aspect, an embodiment of the present application provides an electronic device, which includes a processor, a memory, and a program or instruction stored in the memory and executable on the processor, wherein the program or instruction, when executed by the processor, implements the steps of the method described in the first aspect.

[0017] In a fourth aspect, an embodiment of the present application provides a readable storage medium, on which a program or instruction is stored, and when the program or instruction is executed by a processor, the steps of the method described in the first aspect are implemented.

[0018] In a fifth aspect, an embodiment of the present application provides a chip, comprising a processor and a communication interface, wherein the communication interface is coupled to the processor, and the processor is used to run a program or instruction to implement the method described in the first aspect.

[0019] The embodiments of the present application adopt the icon display method, and through a single input, the display mode can be switched according to the type of application icon. On the basis of at least partially retaining the display parameters of the application icon, the display style of the application icon is adjusted, so as to solve the problem in the prior art electronic devices that the display mode of the application icon can only be displayed according to the design mode of the application program itself, the style is single, and it cannot meet the usage needs of different users. BRIEF DESCRIPTION OF THE DRAWINGS

[0020] Figure 1 It is a flowchart of the icon display method of the embodiment of the present application;

[0021] Figure 2 for Figure 1 A schematic diagram of one implementation process of step S120 in FIG. 1 ;

[0022] Figure 3 for Figure 1 Another implementation process diagram of step S120 in FIG.

[0023] Figure 4 A schematic diagram of one of the application icon processing methods;

[0024] Figure 5 is a schematic diagram of the structure of an icon display device according to an embodiment of the present application;

[0025] Figure 6 One of the structural schematic diagrams of the electronic device according to the embodiment of the present application is shown;

[0026] Figure 7 The second structural schematic diagram of the electronic device according to the embodiment of the present application. DETAILED DESCRIPTION

[0027] The following will be combined with the drawings in the embodiments of the present application to clearly and completely describe the technical solutions in the embodiments of the present application. Obviously, the described embodiments are part of the embodiments of the present application, not all of the embodiments. Based on the embodiments in the present application, all other embodiments obtained by ordinary technicians in this field without creative work are within the scope of protection of this application.

[0028] The term "first" or "second" in the specification and claims of this application may include one or more of the features explicitly or implicitly. In the description of this application, unless otherwise specified, "plurality" means two or more. In addition, "and / or" in the specification and claims means at least one of the connected objects, and the character " / " generally means that the objects connected before and after are in an "or" relationship.

[0029] In order to solve the problem in the prior art electronic devices that applications can only be displayed according to their own design patterns, with a single style and unable to meet the usage needs of different users, the embodiment of the present application provides an icon display method. Through a first input, the display mode can be switched according to the type of the first icon. On the basis of at least partially retaining the display parameters of the first icon, the display style of the first icon is adjusted to meet the usage needs of the user.

[0030] like Figure 1 As shown, the embodiment of the present application provides an icon display method, including:

[0031] Step S110, receiving a first input for a first icon;

[0032] Among them, the first input is used to start switching the display mode of the first icon on the current display interface. Optionally, in one embodiment, the first input is an operation input directly on the first icon, and the icon that needs to switch the display mode is selected through the operation input of the first icon. Optionally, in another embodiment, the first input can be a combined input of at least two buttons on the electronic device, or it can be an input of a touch function icon displayed on the current display interface of the electronic device, which is used to realize the display mode switching of multiple application icons on the current display interface, or even all application icons. In the embodiment of the present application, the implementation method of the first input is not specifically limited here.

[0033] Step S120, in response to the first input, the first icon is updated to a second icon;

[0034] Wherein, in the case where the first icon is of the first type, the display parameters of the second icon include the display parameters of the first icon;

[0035] In the case where the first icon is of the second type, the display parameters of the second icon are at least partially different from and at least partially the same as the display parameters of the first icon;

[0036] The display parameters include lines and colors, and the first icon and the second icon correspond to the same application.

[0037] The icon display method described in the embodiment of the present application can update the first icon to the second icon, and the updated second icon at least partially retains the display parameters of the first icon to adjust the display style of the icon based on the original icon.

[0038] In the embodiment of the present application, the first icon is any icon on the current display interface. The current display interface is an interface for displaying multiple application icons on an electronic device, that is, a desktop display interface. In another embodiment, optionally, after receiving the first input, in response to the first input, each application icon on the current display interface is updated, that is, when each application icon is set to be a first icon, the updated icons are the corresponding second icons, and the update method of each first icon is updated in a corresponding manner according to whether the type belongs to the first type or the second type.

[0039] Optionally, after each first icon on the current display interface is updated to a corresponding second icon, all second icons are in the target display mode, so that the display mode of the icons displayed on the current display interface is unified, so that the desktop presents a unified visual style.

[0040] In one embodiment, multiple second icons have uniform display parameters in the target display mode, such as all having preset colors. The number of preset colors can be one or at least two, and different preset colors correspond to different colors. For example, the display colors of multiple second icons all include black, white and yellow to form a uniform display style in color.

[0041] In another embodiment, multiple second icons have lines or graphics of preset shapes in the target display mode. The number of lines or graphics of preset shapes can be one or at least two. Different preset shapes correspond to different shapes, such as sectors and triangles. For example, multiple second icons include sector graphics and triangle graphics to form a unified display style in display shape.

[0042] According to the above, by adopting the icon display method described in the embodiment of the present application, through a single input, the display modes of multiple application icons on the display interface are uniformly switched, and the display modes are switched to a display style with a unified display mode in color and / or the shape of the displayed graphics, so that the display desktop of the electronic device presents a unified visual style, so as to solve the problem that the display mode of application icons in the prior art electronic devices is single and cannot meet the usage needs of different users.

[0043] In addition, according to the above, in one embodiment of the present application, optionally, in the target display mode, when multiple second icons have preset colors, the number of preset colors is at least two, and at least two of the preset colors form the entire color of each of the second icons.

[0044] With this implementation, after switching to the target display mode, the color of each application icon on the current display interface is unified to include at least two preset colors, and the types of preset colors included in different application icons are the same, thereby achieving a unified color display style for multiple application icons.

[0045] Optionally, based on the aesthetic "three colors" reason, after each first icon on the current display interface is switched to a second icon, the color of each second icon is unified to include three colors, simplifying the color scheme of the application icons on the entire current display interface to a minimalist three colors.

[0046] In another embodiment, in the target display mode, after each first icon on the current display interface is switched to a second icon, when a plurality of the second icons all have graphics of preset shapes, the number of the preset shapes is at least two, and at least two of the preset shapes form the shapes of all the graphics included in each of the second icons.

[0047] With this implementation, after switching to the target display mode, the shapes of the graphics included in each application icon on the current display interface are unified to include at least two preset shapes, and the types of preset shapes of the graphics included in different application icons are the same, thereby achieving a unified style in the display shapes of multiple application icons.

[0048] The following describes in detail the implementation of switching the first icon to the second icon in the icon display method described in the embodiment of the present application in conjunction with specific embodiments.

[0049] In the embodiment of the present application, optionally, when the first icon is of the first type, when the first icon is updated to the second icon, the display parameters of the updated second icon include the display parameters of the first icon, and optionally, the display parameters include lines and colors. That is, the lines and colors of the first icon are still displayed in the second icon, but the first icon is different from the second icon, forming a different display style; when the first icon is of the second type, the display parameters of the updated second icon are at least partially different from and at least partially the same as the display parameters of the first icon, that is, at least part of the lines and / or colors of the first icon are still displayed in the second icon, and at least part of the lines and / or colors are not displayed in the second icon, and the first icon is different from the second icon, forming a different display style.

[0050] In the embodiment of the present application, optionally, the first icon is determined to be of the first type or the second type according to the displayed graphics. In one embodiment, optionally, the first type of icon is an icon with complex display graphics and unclear edges; the second type of icon is an icon of a type other than the first type of icon.

[0051] Optionally, when the first icon satisfies at least one of the following conditions, it is determined that the first icon is displayed as a complex graphic:

[0052] The number of regions including gradient colors in the graphics displayed by the first icon is greater than a first number;

[0053] The number of colors of the graphics displayed by the first icon is greater than the second number;

[0054] The outlines of the main elements of the graphic displayed by the first icon are interlaced and connected;

[0055] The application of the first icon belongs to a preset type; for example, the application of the first icon is a game application.

[0056] In one embodiment, optionally, when the first icon is of the first type, after receiving the first input and before updating the first icon to the second icon in step S120, the method includes:

[0057] The size of the first icon is adjusted, and the resized first icon is combined with the first preset background to obtain the second icon.

[0058] Optionally, adjusting the size of the first icon may be to reduce the first icon to a preset size, and synthesize the reduced icon with the first preset background to obtain the second icon. Optionally, the first preset background is a preset graphic or has a preset color, such as black or white, and the reduced-size first icon is embedded in the first preset background to form the second icon. Optionally, for each first icon on the current display interface, when the first icon is of the first type, they are uniformly reduced to a preset size and respectively embedded in the first preset background of a uniform color to obtain a second icon in a uniform target display mode.

[0059] Therefore, in this implementation, for the icons with complex graphics and unclear edges among the multiple icons displayed on the current display interface, a unified preset color or graphic is used as the background, so that the icon before switching is reduced in size and embedded in the unified background graphic, forming a unified display style of the application icon after switching.

[0060] In the embodiment of the present application, optionally, when the first icon is of the second type and is the first subtype of the second type, in step S120, after receiving the first input and before the first icon is updated to the second icon, Figure 2 As shown, the method also includes:

[0061] S1211, obtaining a main element in the first icon;

[0062] S1212: synthesize the main element and the second preset background to obtain the second icon.

[0063] Optionally, when the first icon is of the second type and is a second subtype of the second type, in step S120, after receiving the first input and before the first icon is updated to the second icon, Figure 3 As shown, the method also includes:

[0064] S1221, obtaining a main element of the first icon and a background of the first icon;

[0065] S1222, adjusting the color of the main element to a first preset color;

[0066] S1223, adjusting the background color to a second preset color;

[0067] S1224, synthesizing the main element after color adjustment and the background after color adjustment to obtain the second icon.

[0068] In an embodiment of the present application, optionally, when the display graphics of the first icon are complex but the edges are clear, the first icon is determined to be a first subtype in the second type; when the display graphics of the first icon are simple, the first icon is determined to be a second subtype in the second type.

[0069] Optionally, when the first icon has a complex display graphic but clear edges, that is, when the first icon is a first subtype in the second type, the main element in the first icon is synthesized with the second preset background to obtain the second icon. Optionally, the second preset background is a preset graphic or has a preset color. For each first icon on the current display interface, when the first icon belongs to the first subtype in the second type, the main element is extracted and synthesized with the second preset background of a uniform color to obtain a second icon in a uniform target display mode.

[0070] Therefore, in this embodiment, for the icons with complex graphics and clear edges among the multiple icons displayed on the current display interface, a unified preset color or graphic is used as the background and combined with the main elements, so that the main elements of the icon before switching are embedded in the unified background graphic, forming a unified display style of the application icon after switching.

[0071] Optionally, when the first icon is a simple graphic, that is, when the first icon is a second subtype in the second type, the color of the main element of the first icon and the color of the background of the first icon are adjusted, and the main element and the background after the color adjustment are synthesized to obtain the second icon. Optionally, the first preset color and the second preset color are specific colors respectively, so that the adjusted second icon includes the specific color.

[0072] Using this implementation, for icons in simple graphics among multiple icons displayed on the current display interface, the main elements are adjusted to a unified first preset color, and the background is adjusted to a unified second preset color, so that after each first icon on the current display interface is switched to a second icon, the color of each second icon includes several unified colors, such as only white, black and yellow. The color scheme of the application icons on the entire current display interface is simplified to a minimalist three colors, presenting a unified display style.

[0073] Optionally, when multiple first icons displayed on the current display interface belong to different types, after the first icons of different types are updated to second icons according to the method corresponding to the above corresponding types, the display color of each second icon presents a unified display style.

[0074] In the embodiment of the present application, in step S1211 and step S1221, obtaining the main element of the first icon includes:

[0075] Layering the first icon to obtain multiple layered graphics;

[0076] In the case where the outermost graphic of the multiple layered graphics is a nested graphic, the remaining multiple layered graphics after removing the outermost graphic are used as the main element;

[0077] When the outermost graphic of multiple layered graphics is not a nested graphic, the multiple layered graphics are used as the main elements.

[0078] The first icon is layered, that is, the first icon is layered according to the graphics of different colors in the first icon. When the graphics of different colors are nested in the first icon from the outside to the inside, it is determined that there are nested graphics. For example, Figure 4 As shown, after the application icon 10 is layered, it includes a first layered graphic 11, a second layered graphic 12, a third layered graphic 13 and a fourth layered graphic 14 arranged from the outside to the inside, and adjacent layered graphics have different colors, so that different graphics can be distinguished from each other.

[0079] Optionally, after the first icon is layered, the layered graphics or nested graphics located at the outermost layer may serve as the background of the first icon.

[0080] In one embodiment, when the outermost graphic of the first icon includes at least two gradient color graphics, the layered graphics corresponding to the at least two gradient color graphics can all be used as the background of the first icon, and when updated to the second icon, they are filled with the second preset color as the background.

[0081] In the embodiment of the present application, optionally, in step S1222, when the color of the main element is adjusted to a first preset color, in one implementation manner, the first preset color includes a plurality of colors, and adjusting the color of the main element to the first preset color includes:

[0082] Layer the main elements to obtain multiple layered graphics;

[0083] Each of the plurality of layered graphics is adjusted to one of the first preset colors.

[0084] Optionally, the plurality of colors have a first order, the plurality of layered graphics have a second order, and the step of respectively adjusting each of the plurality of layered graphics to one of the first preset colors includes:

[0085] According to the corresponding relationship between the first sequence and the second sequence, the color of each layered graphic is adjusted.

[0086] In one embodiment of the present application, when the main elements are layered, at least one of the following is included:

[0087] In the case where the main element includes layers of at least three colors stacked in sequence, after removing the layers of one of the colors in the middle, a plurality of the layered graphics are obtained;

[0088] In the case where the main element includes a graphic tag, after removing the graphic tag, a plurality of the layered graphics are obtained.

[0089] By adopting this implementation, all graphic labels in the main element can be removed, and only the main graphic part of the main element that can distinguish different application icons is retained.

[0090] In the embodiment of the present application, when the first preset color used for adjusting the color of the main element includes multiple colors, the main element is layered to obtain multiple layered graphics, and each of the multiple layered graphics is adjusted to one of the first preset colors. For example, when the first preset color includes three colors: white, black, and red, for the multiple layered graphics obtained after the main element is layered, each layered graphic is adjusted to one of the colors of white, black, and red, and all the colors included in the multiple layered graphics include white, black, and red.

[0091] In another embodiment, optionally, the plurality of colors have a first order, the plurality of layered graphics have a second order, and the step of respectively adjusting each layered graphic in the plurality of layered graphics to one of the first preset colors includes:

[0092] According to the corresponding relationship between the first sequence and the second sequence, the color of each layered graphic is adjusted.

[0093] For example, multiple layered graphics have an arrangement order from the inside to the outside, multiple colors of the first preset color include white, black and red, and the multiple colors are arranged in the order of white, black and red. When each of the multiple layered graphics is adjusted to one of the first preset colors, the multiple layered graphics arranged from the inside to the outside and the arrangement order of white, black and red have a one-to-one correspondence, and each layered graphic has a corresponding color. Based on the corresponding relationship, each layered graphic is adjusted to the corresponding color.

[0094] Optionally, in an embodiment of the present application, in one implementation mode, adjusting the color of each layered graphic according to the corresponding relationship between the first order and the second order includes:

[0095] In the case where the number of the plurality of layered graphics is greater than the number of the plurality of colors, according to the second order, the layered graphics in the middle of the order are removed, so that the number of the plurality of layered graphics after the layered graphics are removed is less than or equal to the number of the plurality of colors;

[0096] Obtaining a third ranking of the plurality of layered graphics after removing the layered graphics;

[0097] According to the corresponding relationship between the first sequence and the third sequence, the color of each layered graphic is adjusted.

[0098] For example, when there are three colors in the first preset color, including white, black and red, and the number of the multiple layered graphics is four, after removing one of the layered graphics located in the middle position, the remaining layered graphics are re-sorted from the inside to the outside, and the three layered graphics arranged from the inside to the outside have a one-to-one correspondence with the arrangement order of white, black and red, and each layered graphic has a corresponding color. Based on the corresponding relationship, each layered graphic is adjusted to the corresponding color.

[0099] by Figure 4 The embodiment shown in the figure illustrates an example in which the first preset color is two colors, including white and red. Figure 4 As shown, when the main display element 20 includes a second layered graphic 12, a third layered graphic 13 and a fourth layered graphic 14 stacked in sequence from the outside to the inside, and the third layered graphic 13 is located between the second layered graphic 12 and the fourth layered graphic 14, after removing the third layered graphic 13, the colors of the second layered graphic 12 and the fourth layered graphic 14 are re-adjusted, such as the second layered graphic 12 is adjusted to white, and the fourth layered graphic 14 is adjusted to red.

[0100] Optionally, the removed layered graphic is adjusted to a second preset color, such as black, according to the background of the first icon.

[0101] Using this implementation, the main elements in the first icon are layered to obtain multiple layered graphics, and after each layered graphic is adjusted to a first preset color, the obtained main elements are combined with a background of a second preset color to form a target display mode in which the background color is one of the preset colors and the main elements of one color or at least two colors are located within the background color. Multiple first icons on the current display interface all use this method to change their icon modes, so that the colors of multiple icons are unified to include at least two preset colors, thereby achieving uniformity in color display style.

[0102] In this implementation, different application icons are distinguished by different graphics displayed by the main element.

[0103] In an embodiment of the present application, optionally, in another implementation, when obtaining the main element of the first icon, the color of the main element is adjusted to a first preset color, and when the first preset color includes at least two colors, the first color of the at least two colors can be determined as the main color, and other colors other than the first color can be determined as auxiliary colors. In addition, the main element is layered, and multiple layered graphics can distinguish between main layered graphics and auxiliary layered graphics. The color of the main element is changed according to the rule that the main layered graphic is changed to the main color and the auxiliary layered graphic is changed to the auxiliary color.

[0104] Using this implementation, multiple colors of the first preset color are arranged according to the order of main and auxiliary colors to determine the first order; multiple layered graphics of the main element of the first icon are arranged according to the main and auxiliary graphics to determine the second order; and the color of each layered graphic is adjusted according to the correspondence between the first order and the second order.

[0105] In an embodiment of the present application, optionally, when the first icon has a preset size, the background graphic of the second icon after update has the preset size, such as the preset size is 1 unit size * 1 unit size, 1 unit size * 2 unit sizes or 2 unit sizes * 1 unit size; the unit size can be the size of the display unit of the electronic device.

[0106] Optionally, after the first icon is updated to the second icon, the main element is displayed in the center of the background graphic. Optionally, the main element can be displayed in the background graphic at the original scale, or can be scaled according to a preset scale.

[0107] By adopting the icon display method described in the embodiment of the present application, a display interface with a unified display effect is formed by simplifying the icons and adopting a minimalist color scheme to meet the personalized needs of different users.

[0108] Another embodiment of the present application also provides an icon display device, such as Figure 5 As shown, the icon display device 500 includes:

[0109] The receiving module 510 is used to receive a first input for a first icon;

[0110] A response module 520, configured to update the first icon to a second icon in response to the first input;

[0111] Wherein, in the case where the first icon is of the first type, the display parameters of the second icon include the display parameters of the first icon;

[0112] In the case where the first icon is of the second type, the display parameters of the second icon are at least partially different from and at least partially the same as the display parameters of the first icon;

[0113] The display parameters include lines and colors, and the first icon and the second icon correspond to the same application.

[0114] The icon display device described in the embodiment of the present application can switch the display mode according to the type of the first icon through the first input, and adjust the display style of the first icon on the basis of at least partially retaining the display parameters of the first icon to meet the user's usage requirements.

[0115] Optionally, in the icon display device, the response module 520 includes:

[0116] The adjustment submodule 521 is used to adjust the size of the first icon after receiving the first input and before the first icon is updated to the second icon, and synthesize the first icon after the size adjustment with the first preset background to obtain the second icon.

[0117] Optionally, in the icon display device, the response module 520 includes:

[0118] A first acquisition submodule 522 is used to acquire a main element in the first icon after receiving the first input and before the first icon is updated to the second icon;

[0119] The first synthesis submodule 523 is used to synthesize the main element and the second preset background to obtain the second icon.

[0120] Optionally, in the icon display device, the response module 520 includes:

[0121] A second acquisition submodule 524 is configured to acquire a main element of the first icon and a background of the first icon after receiving the first input and before the first icon is updated to the second icon;

[0122] A first adjustment submodule 525, used to adjust the color of the main element to a first preset color;

[0123] A second adjustment submodule 526, used for adjusting the color of the background to a second preset color;

[0124] The second synthesis submodule 527 is used to synthesize the main element after color adjustment and the background after color adjustment to obtain the second icon.

[0125] Optionally, in the icon display device, the first adjustment submodule 525 includes:

[0126] A layering unit 5251, used for layering the main element to obtain a plurality of layered graphics;

[0127] The adjusting unit 5252 is used to adjust each layered graphic in the plurality of layered graphics to one of the first preset colors.

[0128] Optionally, in the icon display device, the adjusting unit 5252 includes:

[0129] The adjusting subunit 52521 is used to adjust the color of each layered graphic according to the corresponding relationship between the first order and the second order when the multiple colors have a first order and the multiple layered graphics have a second order.

[0130] Optionally, in the icon display device, the adjustment subunit 52521 includes:

[0131] The removing subunit 525211 is used for removing the layered graphics in the middle according to the second order when the number of the plurality of layered graphics is greater than the number of the plurality of colors, so that the number of the plurality of layered graphics after the layered graphics are removed is less than or equal to the number of the plurality of colors;

[0132] The sorting acquisition subunit 525212 is used to acquire a third sorting of the plurality of layered graphics after removing the layered graphics;

[0133] The processing subunit 525213 is used to adjust the color of each layered graphic according to the corresponding relationship between the first order and the third order.

[0134] The icon display device in the embodiment of the present application can be a device, or a component, integrated circuit, or chip in a terminal. The device can be a mobile electronic device or a non-mobile electronic device. Exemplarily, the mobile electronic device can be a mobile phone, a tablet computer, a laptop computer, a PDA, an in-vehicle electronic device, a wearable device, an ultra-mobile personal computer (UMPC), a netbook, or a personal digital assistant (PDA), etc. The non-mobile electronic device can be a server, a network attached storage (NAS), a personal computer (PC), a television (TV), a teller machine or a self-service machine, etc., which is not specifically limited in the embodiment of the present application.

[0135] The icon display device in the embodiment of the present 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, which are not specifically limited in the embodiment of the present application.

[0136] The icon display device provided in the embodiment of the present application can achieve Figure 1 to Figure 2 In order to avoid repetition, the various processes implemented by the icon display device in the method embodiment will not be described here.

[0137] Optional, such as Figure 6 As shown, an embodiment of the present application also provides an electronic device 600, including a processor 601, a memory 602, and a program or instruction stored in the memory 602 and executable on the processor 601. When the program or instruction is executed by the processor 601, each process of the above-mentioned icon display method embodiment is implemented, and the same technical effect can be achieved. To avoid repetition, it will not be repeated here.

[0138] It should be noted that the electronic devices in the embodiments of the present application include the mobile electronic devices and non-mobile electronic devices mentioned above.

[0139] Figure 7 A schematic diagram of the hardware structure of an electronic device to implement an embodiment of the present application.

[0140] The electronic device 700 includes but is not limited to: a radio frequency unit 701, a network module 702, an audio output unit 703, an input unit 704, a sensor 705, a display unit 706, a user input unit 707, an interface unit 708, a memory 709, and a processor 710.

[0141] Those skilled in the art will appreciate that the electronic device 700 may also include a power source (such as a battery) for supplying power to each component, and the power source may be logically connected to the processor 710 through a power management system, thereby implementing functions such as managing charging, discharging, and power consumption management through the power management system. Figure 7 The electronic device structure shown in the figure does not constitute a limitation on the electronic device. The electronic device may include more or fewer components than shown in the figure, or combine certain components, or arrange the components differently, which will not be described in detail here.

[0142] The user input unit 707 is used to receive a first input for the first icon;

[0143] The processor 710 is configured to update the first icon to a second icon in response to the first input;

[0144] Wherein, in the case where the first icon is of the first type, the display parameters of the second icon include the display parameters of the first icon;

[0145] In the case where the first icon is of the second type, the display parameters of the second icon are at least partially different from and at least partially the same as the display parameters of the first icon;

[0146] The display parameters include lines and colors, and the first icon and the second icon correspond to the same application.

[0147] Optionally, the first icon is of a first type, and after receiving the first input and before the first icon is updated to the second icon, the processor 710 is further configured to:

[0148] The size of the first icon is adjusted, and the resized first icon is combined with the first preset background to obtain the second icon.

[0149] Optionally, the first icon is a first subtype of the second type, and the processor 710 is further configured to: after receiving the first input and before updating the first icon to the second icon:

[0150] Obtaining the main element in the first icon;

[0151] The main element and the second preset background are synthesized to obtain the second icon.

[0152] Optionally, the first icon is a second subtype of the second type, and after the processor 710 receives the first input and before the first icon is updated to the second icon, the processor 710 is further configured to:

[0153] Acquire the main element of the first icon and the background of the first icon;

[0154] Adjusting the color of the main element to a first preset color;

[0155] Adjusting the background color to a second preset color;

[0156] The main element after the color adjustment and the background after the color adjustment are synthesized to obtain the second icon.

[0157] Optionally, the first preset color includes a plurality of colors, and the processor 710 adjusts the color of the main element to the first preset color, specifically:

[0158] Layering the main elements to obtain multiple layered graphics;

[0159] Each of the plurality of layered graphics is adjusted to one of the first preset colors.

[0160] Optionally, the multiple colors have a first order, the multiple layered graphics have a second order, and the processor 710 adjusts each of the multiple layered graphics to one of the first preset colors, specifically:

[0161] According to the corresponding relationship between the first sequence and the second sequence, the color of each layered graphic is adjusted.

[0162] Optionally, the processor 710 adjusts the color of each layered graphic according to the corresponding relationship between the first order and the second order, specifically:

[0163] In the case where the number of the plurality of layered graphics is greater than the number of the plurality of colors, according to the second order, the layered graphics in the middle of the order are removed, so that the number of the plurality of layered graphics after the layered graphics are removed is less than or equal to the number of the plurality of colors;

[0164] Obtaining a third ranking of the plurality of layered graphics after removing the layered graphics;

[0165] According to the corresponding relationship between the first sequence and the third sequence, the color of each layered graphic is adjusted.

[0166] It should be understood that in the embodiment of the present application, the input unit 704 may include a graphics processor (GPU) 7041 and a microphone 7042, and the graphics processor 7041 processes the image data of a static picture or video obtained by an image capture device (such as a camera) in a video capture mode or an image capture mode. The display unit 706 may include a display panel 7061, and the display panel 7061 may be configured in the form of a liquid crystal display, an organic light emitting diode, etc. The user input unit 707 includes a touch panel 7071 and other input devices 7072. The touch panel 7071 is also called a touch screen. The touch panel 7071 may include two parts: a touch detection device and a touch controller. Other input devices 7072 may include, but are not limited to, a physical keyboard, a function key (such as a volume control button, a switch button, etc.), a trackball, a mouse, and a joystick, which will not be repeated here. The memory 709 may be used to store software programs and various data, including but not limited to applications and operating systems. The processor 710 may integrate an application processor and a modem processor, wherein the application processor mainly processes an operating system, a user interface, and application programs, and the modem processor mainly processes wireless communications. It is understandable that the modem processor may not be integrated into the processor 710.

[0167] An embodiment of the present application also provides a readable storage medium, on which a program or instruction is stored. When the program or instruction is executed by a processor, the various processes of the above-mentioned icon display method embodiment are implemented, and the same technical effect can be achieved. To avoid repetition, it will not be repeated here.

[0168] The processor is a processor in the electronic device described in the above embodiment. The readable storage medium includes a computer readable storage medium, such as a computer read-only memory (ROM), a random access memory (RAM), a magnetic disk or an optical disk.

[0169] It should be noted that, in this article, the terms "comprise", "include" or any other variant thereof are intended to cover non-exclusive inclusion, so that the process, method, article or device including a series of elements includes not only those elements, but also includes 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 "comprise one..." do not exclude the presence of other identical elements in the process, method, article or device including the element. In addition, it should be pointed out that the scope of the methods and devices in the embodiments of the present application is not limited to performing functions in the order shown or discussed, and may also include performing functions in a substantially simultaneous manner or in reverse order according to the functions involved, for example, the described method may be performed in an order different from that described, and various steps may also be added, omitted, or combined. In addition, the features described with reference to certain examples may be combined in other examples.

[0170] Through the description of the above implementation methods, those skilled in the art can clearly understand that the above-mentioned embodiment methods can be implemented by means of software plus a necessary general hardware platform, and of course by hardware, but in many cases the former is a better implementation method. Based on such an understanding, the technical solution of the present application, or the part that contributes to the prior art, can be embodied in the form of a computer software product, which is stored in a storage medium (such as ROM / RAM, a disk, or an optical disk), and includes a number of instructions for a terminal (which can be a mobile phone, a computer, a server, or a network device, etc.) to execute the methods described in each embodiment of the present application.

[0171] The embodiments of the present application are described above in conjunction with the accompanying drawings, but the present application is not limited to the above-mentioned specific implementation methods. The above-mentioned specific implementation methods are merely illustrative and not restrictive. Under the guidance of the present application, ordinary technicians in this field can also make many forms without departing from the purpose of the present application and the scope of protection of the claims, all of which are within the protection of the present application.

Claims

1. An icon display method, characterized in that: include: receiving a first input for a first icon; The first icon is any icon on the current display interface; In response to the first input, each of the first icons on the current display interface is updated to a second icon; Wherein, in the case where the first icon is of the first type, the display parameters of the second icon include the display parameters of the first icon; In the case where the first icon is of the second type, the display parameters of the second icon are at least partially different from and at least partially the same as the display parameters of the first icon; The display parameters include lines and colors, and the first icon and the second icon correspond to the same application program; wherein the first type of icon is an icon with complex display graphics and unclear edges; and the second type of icon is an icon other than the first type of icon; Wherein, in the case where the first icon is of the first type, after receiving the first input and before the first icon is updated to the second icon, the method further includes: adjusting the size of the first icon, and combining the resized first icon with the first preset background to obtain the second icon; In a case where the first icon is a first subtype of a second type, after receiving the first input and before the first icon is updated to the second icon, the method further includes: Obtaining the main element in the first icon; synthesizing the main element and a second preset background to obtain the second icon; Wherein, in a case where the first icon is of a second subtype in a second type, after receiving the first input and before the first icon is updated to the second icon, the method further includes: Acquire the main element of the first icon and the background of the first icon; Adjusting the color of the main element to a first preset color; Adjusting the background color to a second preset color; synthesizing the main element after color adjustment and the background after color adjustment to obtain the second icon; Wherein, when the display graphic of the first icon is complex and the edges are clear, the first icon is the first subtype in the second type; when the display graphic of the first icon is simple, the first icon is the second subtype in the second type; The first icon is a complex graphic that satisfies at least one of the following conditions: The number of regions including gradient colors in the graphics displayed by the first icon is greater than a first number; The number of colors of the graphics displayed by the first icon is greater than the second number; The outlines of the main elements of the graphic displayed by the first icon are interlaced and connected; The application program of the first icon belongs to a preset type.

2. The icon display method according to claim 1, characterized in that: The first preset color includes a plurality of colors, and the step of adjusting the color of the main element to the first preset color includes: Layering the main elements to obtain multiple layered graphics; Each of the plurality of layered graphics is adjusted to one of the first preset colors.

3. The icon display method according to claim 2, characterized in that: The plurality of colors have a first order, the plurality of layered graphics have a second order, and the step of adjusting each of the plurality of layered graphics to one of the first preset colors comprises: According to the corresponding relationship between the first sequence and the second sequence, the color of each layered graphic is adjusted.

4. The icon display method according to claim 3, characterized in that: The adjusting the color of each layered graphic according to the correspondence between the first sequence and the second sequence includes: In the case where the number of the plurality of layered graphics is greater than the number of the plurality of colors, according to the second order, the layered graphics in the middle of the order are removed, so that the number of the plurality of layered graphics after the layered graphics are removed is less than or equal to the number of the plurality of colors; acquiring a third order of the plurality of layered graphics after removing the layered graphics; According to the corresponding relationship between the first sequence and the third sequence, the color of each layered graphic is adjusted.

5. An icon display device, characterized in that: include: A receiving module, configured to receive a first input for a first icon; The first icon is any icon on the current display interface; a response module, configured to update each of the first icons on the current display interface to a second icon in response to the first input; Wherein, in the case where the first icon is of the first type, the display parameters of the second icon include the display parameters of the first icon; In the case where the first icon is of the second type, the display parameters of the second icon are at least partially different from and at least partially the same as the display parameters of the first icon; The display parameters include lines and colors, and the first icon and the second icon correspond to the same application program; wherein the first type of icon is an icon with complex display graphics and unclear edges; and the second type of icon is an icon other than the first type of icon; The response module comprises: an adjusting submodule, for adjusting the size of the first icon after receiving the first input and before the first icon is updated to the second icon, when the first icon is of the first type, and synthesizing the first icon after the size adjustment with the first preset background to obtain the second icon; A first acquisition submodule is used for acquiring a main element in the first icon after receiving the first input and before the first icon is updated to the second icon when the first icon is of a first subtype in a second type; A first synthesis submodule, used for synthesizing the main element and a second preset background to obtain the second icon; A second acquisition submodule is used for acquiring a main element of the first icon and a background of the first icon after receiving the first input and before the first icon is updated to the second icon when the first icon is of a second subtype in the second type; A first adjustment submodule, used for adjusting the color of the main element to a first preset color; A second adjustment submodule, used for adjusting the color of the background to a second preset color; A second synthesis submodule, used for synthesizing the main element after color adjustment and the background after color adjustment to obtain the second icon; Wherein, when the display graphic of the first icon is complex and the edges are clear, the first icon is the first subtype in the second type; when the display graphic of the first icon is simple, the first icon is the second subtype in the second type; The first icon is a complex graphic that satisfies at least one of the following conditions: The number of regions including gradient colors in the graphics displayed by the first icon is greater than a first number; The number of colors of the graphics displayed by the first icon is greater than the second number; The outlines of the main elements of the graphic displayed by the first icon are interlaced and connected; The application program of the first icon belongs to a preset type.

6. The icon display device according to claim 5, characterized in that: The first preset color includes a plurality of colors, and the first adjustment submodule includes: A layering unit, used for layering the main element to obtain a plurality of layered graphics; The adjusting unit is used to adjust each layered graphic in the plurality of layered graphics to one of the first preset colors.

7. The icon display device according to claim 6, characterized in that: The adjustment unit comprises: The adjusting subunit is used to adjust the color of each layered graphic according to the corresponding relationship between the first sequence and the second sequence when the plurality of colors have a first sequence and the plurality of layered graphics have a second sequence.

8. The icon display device according to claim 7, characterized in that: The adjustment subunit comprises: a removing subunit, configured to remove the layered graphics in the middle of the order according to the second sequence when the number of the plurality of layered graphics is greater than the number of the plurality of colors, so that the number of the plurality of layered graphics after the layered graphics are removed is less than or equal to the number of the plurality of colors; The sorting acquisition subunit is used to acquire the third order of the plurality of layered graphics after removing the layered graphics; The processing subunit is used to adjust the color of each layered graphic according to the corresponding relationship between the first sequence and the third sequence.

9. An electronic device, characterized in that: It includes a processor, a memory, and a program or instruction stored in the memory and executable on the processor, wherein the program or instruction, when executed by the processor, implements the steps of the icon display method as described in any one of claims 1 to 4.

10. A readable storage medium, characterized in that: The readable storage medium stores a program or instruction, and when the program or instruction is executed by the processor, the steps of the icon display method according to any one of claims 1 to 4 are implemented.

Citation Information

Patent Citations

  • Icon generation method and device

    CN106296775A

  • Application icon display method and device

    CN106527871A