CN113961112A - Icon display method and device and electronic equipment - Google Patents

Icon display method and device and electronic equipment Download PDF

Info

Publication number
CN113961112A
CN113961112A CN202111234129.5A CN202111234129A CN113961112A CN 113961112 A CN113961112 A CN 113961112A CN 202111234129 A CN202111234129 A CN 202111234129A CN 113961112 A CN113961112 A CN 113961112A
Authority
CN
China
Prior art keywords
icon
color
layered
adjusting
colors
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Pending
Application number
CN202111234129.5A
Other languages
Chinese (zh)
Inventor
刘�文
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Vivo Mobile Communication Co Ltd
Original Assignee
Vivo Mobile Communication Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Vivo Mobile Communication Co Ltd filed Critical Vivo Mobile Communication Co Ltd
Priority to CN202111234129.5A priority Critical patent/CN113961112A/en
Publication of CN113961112A publication Critical patent/CN113961112A/en
Priority to PCT/CN2022/126161 priority patent/WO2023066294A1/en
Pending legal-status Critical Current

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/04817Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance using icons
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00Arrangements for program control, e.g. control units
    • G06F9/06Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44Arrangements for executing specific programs
    • G06F9/451Execution arrangements for user interfaces

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Software Systems (AREA)
  • General Engineering & Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

The application discloses an icon display method and device and electronic equipment, and belongs to the technical field of communication. The method comprises the following steps: receiving a first input for a first icon; in response to the first input, the first icon is updated to a second icon; under the condition that the first icon is of the first type, the display parameters of the second icon comprise the display parameters of the first icon; under the condition that 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 those of the first icon; the display parameters comprise lines and colors, and the first icon and the second icon correspond to the same application program.

Description

Icon display method and device and electronic equipment
Technical Field
The application belongs to the technical field of communication, and particularly relates to an icon display method and device and electronic equipment.
Background
With the development of communication technology, intelligent terminals have become indispensable articles in life. At present, color matching of application icons of an intelligent terminal is basically displayed according to a design mode of an application program, but the display mode cannot meet the use requirements of certain group users, some users tend to pursue a business, pure and beautiful or simple display interface, the single display style of the existing application icons cannot meet the requirements of the users, and the application icons are untimely in certain specific scenes and lack of coordination and attractiveness of the whole interface.
Disclosure of Invention
An object of the embodiments of the present application is to provide an icon display method and apparatus, and an electronic device, so as to solve the problem that, in the electronic device in the prior art, a display mode of an application icon is single and cannot meet use requirements of different users.
In order to solve the technical problem, the present application is implemented as follows:
in a first aspect, an embodiment of the present application provides an icon display method, including:
receiving a first input for a first icon;
in response to the first input, the first icon is updated to a second icon;
wherein, under the condition that the first icon is of a first type, the display parameters of the second icon comprise the display parameters of the first icon;
in the case that the first icon is of a second type, the display parameters of the second icon are at least partially different and at least partially the same as the display parameters of the first icon;
the display parameters comprise lines and colors, and the first icon and the second icon correspond to the same application program. In a second aspect, an embodiment of the present application provides an icon display apparatus, including:
a receiving module for receiving a first input for a first icon;
an update module to update the first icon to a second icon in response to the first input;
wherein, under the condition that the first icon is of a first type, the display parameters of the second icon comprise the display parameters of the first icon;
in the case that the first icon is of a second type, the display parameters of the second icon are at least partially different and at least partially the same as the display parameters of the first icon;
the display parameters comprise lines and colors, and the first icon and the second icon correspond to the same application program.
In a third aspect, an embodiment of the present application provides an electronic device, which includes a processor, a memory, and a program or instructions stored on the memory and executable on the processor, and when executed by the processor, the program or instructions implement the steps of the method according to the first aspect.
In a fourth aspect, embodiments of the present application provide a readable storage medium, on which a program or instructions are stored, which when executed by a processor implement the steps of the method according to the first aspect.
In a fifth aspect, an embodiment of the present application provides a chip, where the chip includes a processor and a communication interface, where the communication interface is coupled to the processor, and the processor is configured to execute a program or instructions to implement the method according to the first aspect.
According to the icon display method, the display mode can be switched according to the type of the application icon through one-time input, and the display style of the application icon is adjusted on the basis that the display parameters of the application icon are at least partially reserved, so that the problems that in the electronic equipment in the prior art, the display mode of the application icon can be displayed only according to the design mode of the application program, the style is single, and the use requirements of different users cannot be met are solved.
Drawings
FIG. 1 is a schematic flow chart diagram illustrating a method according to an embodiment of the present disclosure;
FIG. 2 is a schematic diagram of one implementation of step S120 in FIG. 1;
FIG. 3 is a schematic diagram of another implementation of step S120 in FIG. 1;
FIG. 4 is a schematic diagram of a processing manner of an application icon;
FIG. 5 is a schematic structural diagram of an icon display apparatus according to an embodiment of the present application;
FIG. 6 is a schematic structural diagram of an electronic device according to an embodiment of the present application;
fig. 7 shows a second schematic structural diagram of an electronic device according to an embodiment of the present application.
Detailed Description
The technical solutions in the embodiments of the present application will be clearly and completely described below with reference to the drawings in the embodiments of the present application, and it is obvious that the described embodiments are some, but not all, embodiments of the present application. All other embodiments, which can be derived by a person skilled in the art from the embodiments given herein without making any creative effort, shall fall within the protection scope of the present application.
The features of the terms first and second in the description and in the claims of the present application may explicitly or implicitly include one or more of such features. In the description of the present application, "a plurality" means two or more unless otherwise specified. In addition, "and/or" in the specification and claims means at least one of connected objects, a character "/" generally means that a preceding and succeeding related objects are in an "or" relationship.
In order to solve the problem that in the electronic device in the prior art, an application program can only be displayed according to a self-designed mode, and is single in style and cannot meet the use requirements of different users, an embodiment of the application provides an icon display method.
As shown in fig. 1, an embodiment of the present application provides an icon display method, including:
step S110, receiving a first input for a first icon;
the first input is used for starting switching of the display mode of the first icon on the current display interface. Optionally, in an embodiment, the first input is an operation input directly on the first icon, and the icon requiring display mode switching is selected by the operation input on the first icon. Optionally, in another embodiment, the first input may be a combined input of at least two keys on the electronic device, or may also be an input of a touch function icon displayed on a current display interface of the electronic device, so as to implement display mode switching of a plurality of application icons, or even all application icons, on the current display interface. In the embodiments of the present application, the implementation of the first input is not specifically limited herein.
Step S120, responding to the first input, and updating the first icon into a second icon;
wherein, under the condition that the first icon is of a first type, the display parameters of the second icon comprise the display parameters of the first icon;
in the case that the first icon is of a second type, the display parameters of the second icon are at least partially different and at least partially the same as the display parameters of the first icon;
the display parameters comprise lines and colors, and the first icon and the second icon correspond to the same application program.
According to the icon display method, the first icon can be updated to the second icon, and the updated second icon at least partially retains the display parameters of the first icon, so that the display style of the icon is adjusted on the basis of the original icon.
In the embodiment of the application, the first icon is any icon on the current display interface. The current display interface is an interface for displaying a plurality of application icons on the electronic device, namely 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 with an icon, that is, when each application icon is set as the first icon, the updated icon is the corresponding second icon, and the updating mode of each first icon is updated in a corresponding mode according to whether the type of the first icon is the first type or the second type.
Optionally, after each first icon on the current display interface is updated to a corresponding second icon, all the second icons are in a target display mode, so that the display modes of the icons displayed on the current display interface are unified, and the desktop presents a unified visual style.
In one embodiment, when the plurality of second icons are in the target display mode, the second icons have uniform display parameters, for example, all the second icons have preset colors, the number of the preset colors may be one or at least two, and different preset colors correspond to different colors, for example, the display colors of the plurality of second icons all include three colors, namely black, white and yellow, so as to form a uniform display style in color.
In another embodiment, the plurality of second icons each have a line or graphic with a preset shape in the target display mode, the number of the line or graphic with the preset shape may be one or at least two, and different preset shapes correspond to different shapes, such as a sector and a triangle, for example, the plurality of second icons each include a sector graphic and a triangle graphic, so as to form a uniform display style on the display shape.
According to the icon display method, through one-time input, the display modes of the application icons on the display interface are uniformly switched to display modes which are uniform in color and/or shape of the displayed graph, so that the display desktop of the electronic equipment presents a uniform visual style, and the problem that in the electronic equipment in the prior art, the display modes of the application icons are single and the use requirements of different users cannot be met is solved.
In addition, according to the above, in this embodiment of the application, optionally, in the target display mode, when a plurality of the second icons all have preset colors, the number of the preset colors is at least two, and at least two of the preset colors are formed as all colors of each of the second icons.
By adopting the embodiment, after the target display mode is switched, the colors of each application icon on the current display interface are unified to include at least two preset colors, and the types of the preset colors included by different application icons are the same, so that the unification of the color display styles of the multiple application icons is realized.
Optionally, after each first icon on the current display interface is switched to a second icon according to an aesthetic "three-color" reason, the color of each second icon is unified to include three colors, and the color matching of the application icons on the whole current display interface is simplified to an extremely simple three-color.
In another embodiment, in the target display mode, when a plurality of second icons have graphics with preset shapes after each first icon on the current display interface is switched to the second icon, the number of the preset shapes is at least two, and the at least two preset shapes are formed into the shapes of all the graphics included in each second icon.
By adopting the embodiment, after the target display mode is switched, the shapes of the graphs included by each application icon on the current display interface are unified to include at least two preset shapes, and the types of the preset shapes of the graphs included by different application icons are the same, so that the styles of the multiple application icons on the display shapes are unified.
The following describes in detail an implementation of switching the first icon to the second icon in the icon display method according to the embodiment of the present application with reference to specific examples.
In this embodiment of the application, optionally, when the first icon is of the first type, and the first icon is updated to be the second icon, the updated display parameters of the 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, so that different display styles are formed; and under the condition that the first icon is of the second type, the updated 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, namely, at least partial lines and/or colors of the first icon are still displayed in the second icon, at least partial lines and/or colors are not displayed in the second icon, and the first icon and the second icon are different to form different display styles.
In this embodiment of the application, optionally, it is determined whether the first icon is of the first type or the second type according to the displayed graph. In one embodiment, optionally, the first type of icon is an icon with a complex display graph and unclear edges; the second type of icon is an icon of a type other than the first type of icon.
Optionally, when the first icon meets at least one of the following conditions, determining that the first icon is displayed as a complex graph:
the number of areas including gradient colors in the graph displayed by the first icon is larger than a first number;
the number of colors of the graph displayed by the first icon is larger than the second number;
the contour lines of the main body elements of the graph displayed by the first icon are connected in a staggered mode;
the application program of the first icon belongs to a preset type; for example, the application program of the first icon is a game-like application.
In an embodiment, optionally, in a case that the first icon is of the first type, after the first input is received in step S120, before the first icon is updated to the second icon, the method includes:
and adjusting the size of the first icon, and synthesizing the first icon after the size adjustment and a first preset background to obtain the second icon.
Optionally, the size of the first icon may be adjusted to reduce the first icon to a preset size, and the reduced icon is combined 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 first icon after being reduced in size 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, the first icon is uniformly reduced to a preset size, and the first icon is embedded in a first preset background with a uniform color, so that a second icon in a uniform target display mode is obtained.
Therefore, in this embodiment, for an icon with a complicated shape and unclear edges among a plurality of icons displayed on the current display interface, a uniform preset color or a uniform preset shape is used as a background, so that the icon before switching is reduced and then embedded in a uniform background shape, thereby forming a uniform display style of the application icon after switching.
In this embodiment of the application, optionally, when the first icon is of the second type and is a first sub-type in the second type, in step S120, after receiving the first input, before the first icon is updated to the second icon, as shown in fig. 2, the method further includes:
s1211, acquiring a main body element in the first icon;
and S1212, synthesizing the main body element and a second preset background to obtain the second icon.
Optionally, in a case that the first icon is of the second type and is of the second subtype in the second type, after receiving the first input in step S120, before the first icon is updated to the second icon, as shown in fig. 3, the method further includes:
s1221, acquiring a main body element of the first icon and a background of the first icon;
s1222, adjusting the color of the main body element to be a first preset color;
s1223, adjusting the color of the background to be a second preset color;
s1224, synthesizing the color-adjusted main body element and the color-adjusted background to obtain the second icon.
In this embodiment of the application, optionally, when the displayed graph of the first icon is complex but clear in edge, the first icon is determined to be a first subtype in the second type, and when the displayed graph of the first icon is simple, the first icon is determined to be a second subtype in the second type.
Optionally, when the first icon is a complex display graph with clear edges, that is, the first icon is a first subtype of the second type, the second icon is obtained after the main body element in the first icon is synthesized with the second preset background. Optionally, the second predetermined background is in a predetermined pattern or has a predetermined color. And for each first icon on the current display interface, when the first icon belongs to a first subtype in a second type, extracting the main body element and then synthesizing the main body element with a second preset background in a uniform color to obtain a second icon in a uniform target display mode.
Therefore, in this embodiment, for an icon with a complex graphic and clear edges among a plurality of icons displayed on the current display interface, a unified preset color or graphic is used as a background and combined with the main element, so that the main element of the icon before switching is embedded in the unified background graphic, and a unified display style of the application icon after switching is formed.
Optionally, when the first icon is a simple graphic, that is, when the first icon is a second subtype of the second type, after adjusting the color of the main body element of the first icon and the color of the background of the first icon, the main body element and the background after adjusting the colors are synthesized to obtain the second icon. Optionally, the first preset color and the second preset color are respectively a specific color, so that the adjusted second icon includes the specific color.
By adopting the embodiment, for the icons which are simple graphs in the plurality of icons displayed on the current display interface, the main body elements are adjusted to be uniform first preset colors, the background is adjusted to be uniform second preset colors, after each first icon on the current display interface is switched to be a second icon, the color of each second icon comprises uniform colors, if the color only comprises three colors of white, black and yellow, the color matching of the application icons on the whole current display interface is simplified to be extremely simple three colors, and the uniform display style is presented.
Optionally, when the plurality of first icons displayed on the current display interface belong to different types, the different types of first icons are updated into second icons according to the corresponding manner of the corresponding type, and the display color of each second icon is in a uniform display style.
In the embodiment of the present application, in step S1211 and step S1221, acquiring the main element of the first icon includes:
layering the first icon to obtain a plurality of layered graphs;
under the condition that the outermost layer graph of the layered graphs is a nested graph, taking the remaining layered graphs after the outermost layer graph is removed as a main element;
in the case where the outermost layer figure of the plurality of layered figures is not a nested figure, the plurality of layered figures is regarded as a main element.
The first icon is layered, that is, the first icon is layered according to the graphs with different colors in the first icon. When the graphs with different colors are nested in the first icon from outside to inside in sequence, the nested graphs are determined to exist. For example, as shown in fig. 4, after the application icon 10 is layered, the application icon includes a first layered graph 11, a second layered graph 12, a third layered graph 13, and a fourth layered graph 14, which are sequentially arranged from outside to inside, and adjacent layered graphs have different colors, so that different graphs can be distinguished from each other.
Alternatively, after layering the first icon, a layered graphic or a nested graphic located at the outermost layer may serve as a background of the first icon.
In one embodiment, when the outermost layer graphic of the first icon includes at least two gradient graphics, the layered graphics corresponding to the at least two gradient graphics may be used as the background of the first icon, and when the second icon is updated, the second icon is used as the background and filled with the second preset color.
In this embodiment, optionally, in step S1222, when the color of the main body element is adjusted to be the first preset color, in an embodiment, the adjusting the color of the main body element to be the first preset color includes:
layering the main elements to obtain a plurality of layered graphs;
and respectively adjusting each layered graph in the plurality of layered graphs to be one color of the first preset color.
Optionally, the adjusting the colors of the plurality of layered graphics to be one of the colors of the first preset color comprises:
and adjusting the color of each layered graph according to the corresponding relation between the first sequence and the second sequence.
In an embodiment of the present application, when layering the main element, the layering includes at least one of:
under the condition that the main element comprises layering of at least three colors which are sequentially stacked, removing the layering of one color in the middle to obtain a plurality of layered graphs;
and under the condition that the main body element comprises a graphic label, removing the graphic label to obtain a plurality of layered graphics.
By adopting the embodiment, the graphic labels in the main body element can be completely removed, and only the main body graphic part capable of distinguishing different application icons in the main body element is reserved.
In the embodiment of the application, when the first preset color for performing color adjustment on the main element includes a plurality of colors, the main element is layered, and after a plurality of layered graphics are obtained, each layered graphic in the plurality of layered graphics is respectively adjusted to be one of the colors of the first preset color. For example, when the first preset color includes three colors of white, black and red, for a plurality of layered graphics obtained after layering the main element, each layered graphic is adjusted to be one color of white, black and red, and all colors included in the plurality of layered graphics include three colors of white, black and red.
In another embodiment, optionally, the adjusting the colors in the plurality of layered graphics in the first order and the layered graphics in the second order respectively to be one of the colors in the first preset color includes:
and adjusting the color of each layered graph according to the corresponding relation between the first sequence and the second sequence.
For example, the layered graphics have an arrangement order from inside to outside, the colors of the first preset color include white, black and red, and the colors are arranged according to the order of white, black and red, when each layered graphic in the layered graphics is adjusted to be one of the colors of the first preset color, the arrangement order of the layered graphics arranged from inside to outside and white, black and red has a one-to-one correspondence, each layered graphic has a corresponding color, and each layered graphic is adjusted to be a corresponding color according to the correspondence.
Optionally, in an embodiment of the present application, in an implementation manner, adjusting the color of each layered graph according to the correspondence between the first order and the second order includes:
when the number of the layered graphics is larger than the number of the colors, removing the layered graphics positioned in the middle according to the second sequence, so that the number of the layered graphics after the layered graphics are removed is smaller than or equal to the number of the colors;
obtaining a third sequence of the plurality of layered graphics after the layered graphics are removed;
and adjusting the color of each layered graph according to the corresponding relation between the first sequence and the third sequence.
For example, when the plurality of colors of the first preset color are three, including three colors of white, black and red, and the number of the plurality of layered graphics is four, after removing one of the layered graphics positioned in the middle of the sequence, the remaining layered graphics are rearranged from the inside to the outside, the three layered graphics arranged from the inside to the outside and the arrangement sequence of the white, the black and the red have a one-to-one correspondence, each layered graphics has a corresponding color, and each layered graphics is adjusted to be the corresponding color according to the correspondence.
As illustrated in the embodiment shown in fig. 4, when the main element 20 is shown in fig. 4, and the main display element 20 includes, from outside to inside, a second layered graph 12, a third layered graph 13, and a fourth layered graph 14, which are sequentially stacked, the third layered graph 13 is located between the second layered graph 12 and the fourth layered graph 14, and after the third layered graph 13 is removed, the color of the second layered graph 12 and the color of the fourth layered graph 14 are adjusted again, and if the second layered graph 12 is adjusted to be white, the fourth layered graph 14 is adjusted to be red.
Optionally, the removed layered graphics are adjusted to a second preset color, such as black, according to the background of the first icon.
By adopting the embodiment, the main elements in the first icons are layered to obtain a plurality of layered graphics, each layered graphic is adjusted to be in the first preset color, the obtained main elements are combined with the background of the second preset color to form the target display mode in which the background color is one of the preset colors and the main elements with one color or at least two colors are located in the background color, and the plurality of first icons on the current display interface are changed in the icon mode by adopting the method, so that the colors of the plurality of icons are unified to include at least two preset colors, and the unification of the color display style is realized.
In this embodiment, the different application icons are distinguished by different phases of the graphic displayed by the body element.
In this embodiment, optionally, in another embodiment, when the main element of the first icon is obtained, the color of the main element is adjusted to be a first preset color, and the first preset color includes at least two colors, it may be determined that the first color of the at least two colors is a main color, and other colors except the first color are auxiliary colors, and in addition, the main element is layered, and the plurality of layered graphics may distinguish between the main layered graphics and the auxiliary layered graphics, and the color of the main element is changed according to a rule that the main layered graphics is changed to be the main color, and the auxiliary layered graphics is changed to be the auxiliary color.
With the embodiment, the plurality of colors of the first preset color are arranged according to the sequence of the main color and the auxiliary color, and the first sequence is determined; the multiple layered graphs of the main body element of the first icon are arranged according to the main graph and the auxiliary graph, and a second sequence is determined; and adjusting the color of each layered graph according to the corresponding relation between the first sequence and the second sequence.
In this embodiment of the application, optionally, under the condition that the first icon has the preset size, the updated background pattern of the second icon has the preset size, and if the preset size is 1 unit size × 1 unit size, 1 unit size × 2 unit size, or 2 unit size × 1 unit size; the cell size may be the size of a display unit of the electronic device.
Optionally, the body element is displayed centrally in the background graphic after the first icon is updated to the second icon. Optionally, the main body element may be displayed in the background graphic in an original scale size, or may be scaled according to a preset scale.
By adopting the icon display method, the display interface with the uniform display effect is formed by simplifying the icons and adopting a simple color matching mode, so that the individual requirements of different users can be met.
Another embodiment of the present application further provides an icon display apparatus, as shown in fig. 5, the icon display apparatus 500 includes:
a receiving module 510 for receiving a first input for a first icon;
a response module 520, configured to update the first icon to a second icon in response to the first input;
wherein, under the condition that the first icon is of a first type, the display parameters of the second icon comprise the display parameters of the first icon;
in the case that the first icon is of a second type, the display parameters of the second icon are at least partially different and at least partially the same as the display parameters of the first icon;
the display parameters comprise lines and colors, and the first icon and the second icon correspond to the same application program.
According to the icon display device, through the first input, the display mode can be switched according to the type of the first icon, and the display style of the first icon is adjusted on the basis that the display parameters of the first icon are at least partially reserved, so that the use requirements of users are met.
Optionally, the icon display apparatus, wherein the response module 520 includes:
the adjusting submodule 521 is configured to, after the first input is received and before the first icon is updated to the second icon, adjust the size of the first icon, and synthesize the first icon after the size adjustment and a first preset background to obtain the second icon.
Optionally, the icon display apparatus, wherein the response module 520 includes:
the first obtaining sub-module 522 is configured to, after receiving the first input, obtain a main element in the first icon before the first icon is updated to the second icon;
the first synthesis submodule 523 is configured to synthesize the main element and a second preset background to obtain the second icon.
Optionally, the icon display apparatus, wherein the response module 520 includes:
a second obtaining sub-module 524, configured to, after receiving the first input and before the first icon is updated to the second icon, obtain a main element of the first icon and a background of the first icon;
the first adjusting submodule 525 is configured to adjust the color of the main element to a first preset color;
a second adjusting submodule 526, configured to adjust the color of the background to a second preset color;
the second synthesizing submodule 527 is configured to synthesize the main element with the adjusted color and the background with the adjusted color, so as to obtain the second icon.
Optionally, the icon display apparatus, wherein the first adjusting submodule 525 includes:
a layering unit 5251, configured to layer the main element to obtain a plurality of layered graphics;
an adjusting unit 5252, configured to respectively adjust each of the plurality of layered patterns to one of the first preset colors.
Optionally, the icon display apparatus, wherein the adjusting unit 5252 comprises:
an adjusting subunit 52521, configured to adjust the color of each hierarchical graph according to a correspondence relationship between the first order and the second order when the plurality of colors have the first order and the plurality of hierarchical graphs have the second order.
Optionally, the icon display apparatus, wherein the adjusting subunit 52521 includes:
a removal subunit 525211, configured to, in a case where the number of the plurality of layered graphics is greater than the number of the plurality of colors, remove, according to the second order, a layered graphic that is ordered at an intermediate position, so that the number of the plurality of layered graphics after removal of the layered graphic is less than or equal to the number of the plurality of colors;
a ranking obtaining subunit 525212, configured to obtain a third ranking of the multiple layered graphics after the layered graphics are removed;
a processing subunit 525213, configured to adjust the color of each hierarchical graph according to the correspondence between the first order and the third order.
The icon display device in the embodiment of the present application may be a device, or may be a component, an integrated circuit, or a chip in a terminal. The device can be mobile electronic equipment or non-mobile electronic equipment. By way of example, the mobile electronic device may be a mobile phone, a tablet computer, a notebook computer, a palm top computer, a vehicle-mounted electronic device, a wearable device, an ultra-mobile personal computer (UMPC), a netbook or a Personal Digital Assistant (PDA), and the like, and the non-mobile electronic device may be a server, a Network Attached Storage (NAS), a Personal Computer (PC), a Television (TV), a teller machine or a self-service machine, and the like, and the embodiments of the present application are not particularly limited.
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 (Android) operating system, an ios operating system, or other possible operating systems, and embodiments of the present application are not limited specifically.
The icon display device provided in the embodiment of the present application can implement each process implemented by the icon display device in the method embodiments of fig. 1 to fig. 2, and is not described here again to avoid repetition.
Optionally, as shown in fig. 6, an electronic device 600 is further provided in this embodiment of the present application, and includes a processor 601, a memory 602, and a program or an instruction stored in the memory 602 and executable on the processor 601, where the program or the instruction is executed by the processor 601 to implement each process of the above embodiment of the icon display method, and can achieve the same technical effect, and in order to avoid repetition, details are not repeated here.
It should be noted that the electronic devices in the embodiments of the present application include the mobile electronic devices and the non-mobile electronic devices described above.
Fig. 7 is a schematic diagram of a hardware structure of an electronic device implementing an embodiment of the present application.
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.
Those skilled in the art will appreciate that the electronic device 700 may also include a power supply (e.g., a battery) for powering the various components, and the power supply may be logically coupled to the processor 710 via a power management system, such that the functions of managing charging, discharging, and power consumption may be performed via the power management system. The electronic device structure shown in fig. 7 does not constitute a limitation of the electronic device, and the electronic device may include more or less components than those shown, or combine some components, or arrange different components, and thus, the description is omitted here.
Wherein the user input unit 707 is configured to receive a first input for the first icon;
a processor 710 for updating the first icon to a second icon in response to the first input;
wherein, under the condition that the first icon is of a first type, the display parameters of the second icon comprise the display parameters of the first icon;
in the case that the first icon is of a second type, the display parameters of the second icon are at least partially different and at least partially the same as the display parameters of the first icon;
the display parameters comprise lines and colors, and the first icon and the second icon correspond to the same application program.
Optionally, the first icon is of the first type, and the processor 710, after receiving the first input and before updating the first icon to the second icon, is further configured to:
and adjusting the size of the first icon, and synthesizing the first icon after the size adjustment and a first preset background to obtain the second icon.
Optionally, the first icon is a first subtype of a second type, and processor 710, after receiving the first input and before the first icon is updated to the second icon, is further configured to:
acquiring a main body element in the first icon;
and synthesizing the main body element and a second preset background to obtain the second icon.
Optionally, the first icon is a second subtype of the second type, and after the processor 710 receives the first input, before the first icon is updated to the second icon, the processor is further configured to:
acquiring a main body element of the first icon and a background of the first icon;
adjusting the color of the main element to be a first preset color;
adjusting the color of the background to be a second preset color;
and synthesizing the main body element with the adjusted color and the background with the adjusted color to obtain the second icon.
Optionally, the first preset color includes a plurality of colors, and the processor 710 adjusts the color of the main body element to be the first preset color, specifically:
layering the main elements to obtain a plurality of layered graphs;
and respectively adjusting each layered graph in the plurality of layered graphs to be one color of the first preset color.
Optionally, the colors have a first order, the layered graphics have a second order, and the processor 710 respectively adjusts each layered graphics in the layered graphics to be one of the colors of the first preset color, specifically:
and adjusting the color of each layered graph according to the corresponding relation between the first sequence and the second sequence.
Optionally, the processor 710 adjusts the color of each layered graph according to the correspondence between the first order and the second order, specifically:
when the number of the layered graphics is larger than the number of the colors, removing the layered graphics positioned in the middle according to the second sequence, so that the number of the layered graphics after the layered graphics are removed is smaller than or equal to the number of the colors;
obtaining a third sequence of the plurality of layered graphics after the layered graphics are removed;
and adjusting the color of each layered graph according to the corresponding relation between the first sequence and the third sequence.
It should be understood that in the embodiment of the present application, the input Unit 704 may include a Graphics Processing Unit (GPU) 7041 and a microphone 7042, and the Graphics Processing Unit 7041 processes image data of still pictures or videos obtained by an image capturing device (such as a camera) in a video capturing mode or an image capturing 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, or the like. The user input unit 707 includes a touch panel 7071 and other input devices 7072. The touch panel 7071 is also referred to as a touch screen. The touch panel 7071 may include two parts of a touch detection device and a touch controller. Other input devices 7072 may include, but are not limited to, a physical keyboard, function keys (e.g., volume control keys, switch keys, etc.), a trackball, a mouse, and a joystick, which are not described in detail herein. Memory 709 may be used to store software programs as well as various data, including but not limited to applications and operating systems. Processor 710 may integrate an application processor, which primarily handles operating systems, user interfaces, applications, etc., and a modem processor, which primarily handles wireless communications. It will be appreciated that the modem processor described above may not be integrated into processor 710.
The embodiment of the present application further provides a readable storage medium, where a program or an instruction is stored on the readable storage medium, and when the program or the instruction is executed by a processor, the program or the instruction implements each process of the embodiment of the icon display method, and can achieve the same technical effect, and in order to avoid repetition, details are not repeated here.
The processor is the processor in the electronic device described in the above embodiment. The readable storage medium includes a computer readable storage medium, such as a Read-Only Memory (ROM), a Random Access Memory (RAM), a magnetic disk or an optical disk, and so on.
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 an … …" does not exclude the presence of other like elements in a process, method, article, or apparatus that comprises the element. Further, it should be noted that the scope of the methods and apparatus of the embodiments of the present application is not limited to performing the functions in the order illustrated or discussed, but may include performing the functions in a substantially simultaneous manner or in a reverse order based on the functions involved, e.g., the methods described may be performed in an order different than that described, and various steps may be added, omitted, or combined. In addition, features described with reference to certain examples may be combined in other examples.
Through the above description of the embodiments, those skilled in the art will clearly understand that the method of the above embodiments can be implemented by software plus a necessary general hardware platform, and certainly can also be implemented by hardware, but in many cases, the former is a better implementation manner. Based on such understanding, the technical solutions of the present application may be embodied in the form of a computer software product, which is stored in a storage medium (such as ROM/RAM, magnetic disk, optical disk) and includes instructions for enabling a terminal (such as a mobile phone, a computer, a server, or a network device) to execute the method according to the embodiments of the present application.
While the present embodiments have been described with reference to the accompanying drawings, it is to be understood that the invention is not limited to the precise embodiments described above, which are meant to be illustrative and not restrictive, and that various changes may be made therein by those skilled in the art without departing from the spirit and scope of the invention as defined by the appended claims.

Claims (16)

1. An icon display method, comprising:
receiving a first input for a first icon;
in response to the first input, the first icon is updated to a second icon;
wherein, under the condition that the first icon is of a first type, the display parameters of the second icon comprise the display parameters of the first icon;
in the case that the first icon is of a second type, the display parameters of the second icon are at least partially different and at least partially the same as the display parameters of the first icon;
the display parameters comprise lines and colors, and the first icon and the second icon correspond to the same application program.
2. The method of displaying an icon according to claim 1, wherein the first icon is of a first type, and wherein after receiving the first input, the method further comprises, before the first icon is updated to the second icon:
and adjusting the size of the first icon, and synthesizing the first icon after the size adjustment and a first preset background to obtain the second icon.
3. The method of displaying an icon according to claim 1, wherein the first icon is of a first subtype of a second type, and wherein after receiving the first input, the method further comprises before the first icon is updated to the second icon:
acquiring a main body element in the first icon;
and synthesizing the main body element and a second preset background to obtain the second icon.
4. The method of displaying an icon according to claim 1, wherein the first icon is of a second subtype of a second type, and wherein after receiving the first input, the method further comprises, before the first icon is updated to the second icon:
acquiring a main body element of the first icon and a background of the first icon;
adjusting the color of the main element to be a first preset color;
adjusting the color of the background to be a second preset color;
and synthesizing the main body element with the adjusted color and the background with the adjusted color to obtain the second icon.
5. The icon display method according to claim 4, wherein the first preset color includes a plurality of colors, and the adjusting the color of the body element to the first preset color includes:
layering the main elements to obtain a plurality of layered graphs;
and respectively adjusting each layered graph in the plurality of layered graphs to be one color of the first preset color.
6. The method of claim 5, wherein the plurality of colors have a first order and the plurality of layered graphics have a second order, and wherein the individually adjusting each of the plurality of layered graphics to one of the first preset colors comprises:
and adjusting the color of each layered graph according to the corresponding relation between the first sequence and the second sequence.
7. The icon display method according to claim 6, wherein the adjusting the color of each layered graphic according to the correspondence between the first order and the second order comprises:
when the number of the layered graphics is larger than the number of the colors, removing the layered graphics positioned in the middle according to the second sequence, so that the number of the layered graphics after the layered graphics are removed is smaller than or equal to the number of the colors;
obtaining a third sequence of the plurality of layered graphics after the layered graphics are removed;
and adjusting the color of each layered graph according to the corresponding relation between the first sequence and the third sequence.
8. An icon display apparatus, comprising:
a receiving module for receiving a first input for a first icon;
a response module for updating the first icon to a second icon in response to the first input;
wherein, under the condition that the first icon is of a first type, the display parameters of the second icon comprise the display parameters of the first icon;
in the case that the first icon is of a second type, the display parameters of the second icon are at least partially different and at least partially the same as the display parameters of the first icon;
the display parameters comprise lines and colors, and the first icon and the second icon correspond to the same application program.
9. The icon display apparatus of claim 8, wherein the response module comprises:
and the adjusting submodule is used for adjusting the size of the first icon after the first input is received and before the first icon is updated to be the second icon, and synthesizing the first icon after the size is adjusted and a first preset background to obtain the second icon.
10. The icon display apparatus of claim 8, wherein the response module comprises:
the first obtaining sub-module is used for obtaining a main body element in the first icon after the first input is received and before the first icon is updated to the second icon;
and the first synthesis submodule is used for synthesizing the main element and a second preset background to obtain the second icon.
11. The icon display apparatus of claim 8, wherein the response module comprises:
a second obtaining sub-module, configured to obtain 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;
the first adjusting submodule is used for adjusting the color of the main element to be a first preset color;
the second adjusting submodule is used for adjusting the color of the background to be a second preset color;
and the second synthesis submodule is used for synthesizing the main body element with the adjusted color and the background with the adjusted color to obtain the second icon.
12. The icon display apparatus of claim 11, wherein the first adjustment submodule comprises:
the layering unit is used for layering the main element to obtain a plurality of layered graphs;
and the adjusting unit is used for respectively adjusting each layered graph in the plurality of layered graphs to be one color of the first preset colors.
13. The icon display apparatus according to claim 12, wherein the adjusting unit includes:
and the adjusting subunit is used for adjusting the color of each layered graph according to the corresponding relation between the first sequence and the second sequence when the colors have the first sequence and the layered graphs have the second sequence.
14. The icon display apparatus of claim 13, wherein the adjusting subunit comprises:
a removing subunit, configured to, when the number of the plurality of layered graphics is greater than the number of the plurality of colors, remove, according to the second order, layered graphics positioned at an intermediate position in a sequence, so that the number of the plurality of layered graphics after removal of layered graphics is less than or equal to the number of the plurality of colors;
a ranking obtaining subunit, configured to obtain a third ranking of the multiple layered graphics after the layered graphics are removed;
and the processing subunit is used for adjusting the color of each layered graph according to the corresponding relation between the first sequence and the third sequence.
15. An electronic device comprising a processor, a memory, and a program or instructions stored on the memory and executable on the processor, the program or instructions when executed by the processor implementing the steps of the icon display method of any one of claims 1-7.
16. A readable storage medium, on which a program or instructions are stored, which when executed by a processor, implement the steps of the icon displaying method according to any one of claims 1-7.
CN202111234129.5A 2021-10-22 2021-10-22 Icon display method and device and electronic equipment Pending CN113961112A (en)

Priority Applications (2)

Application Number Priority Date Filing Date Title
CN202111234129.5A CN113961112A (en) 2021-10-22 2021-10-22 Icon display method and device and electronic equipment
PCT/CN2022/126161 WO2023066294A1 (en) 2021-10-22 2022-10-19 Icon display method and apparatus, and electronic device

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202111234129.5A CN113961112A (en) 2021-10-22 2021-10-22 Icon display method and device and electronic equipment

Publications (1)

Publication Number Publication Date
CN113961112A true CN113961112A (en) 2022-01-21

Family

ID=79466580

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202111234129.5A Pending CN113961112A (en) 2021-10-22 2021-10-22 Icon display method and device and electronic equipment

Country Status (2)

Country Link
CN (1) CN113961112A (en)
WO (1) WO2023066294A1 (en)

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN114816169A (en) * 2022-06-29 2022-07-29 荣耀终端有限公司 Desktop icon display method and device and storage medium
WO2023066294A1 (en) * 2021-10-22 2023-04-27 维沃移动通信有限公司 Icon display method and apparatus, and electronic device

Citations (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103677791A (en) * 2012-09-26 2014-03-26 联想(北京)有限公司 Icon processing method and electronic device
CN106296775A (en) * 2016-08-19 2017-01-04 北京小米移动软件有限公司 Icon generates method and device
CN106527854A (en) * 2016-10-31 2017-03-22 维沃移动通信有限公司 Method for updating icon of application program and mobile terminal
CN106527871A (en) * 2016-12-14 2017-03-22 北京小米移动软件有限公司 Application icon display method and device
CN111638823A (en) * 2020-05-27 2020-09-08 维沃移动通信(杭州)有限公司 Application icon display method and device and electronic equipment
CN111651105A (en) * 2020-05-18 2020-09-11 维沃移动通信有限公司 Parameter setting method and device and electronic equipment
CN111930376A (en) * 2019-05-13 2020-11-13 微软技术许可有限责任公司 Automatic generation of stylized icons
CN112395030A (en) * 2019-08-16 2021-02-23 腾讯科技(深圳)有限公司 Page processing method and device, electronic device and storage medium
US20210209815A1 (en) * 2018-08-27 2021-07-08 Huawei Technologies Co., Ltd. Interface element color display method and apparatus

Family Cites Families (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2016057415A1 (en) * 2014-10-08 2016-04-14 Venis Shane Data-rich icon
CN110908765A (en) * 2019-11-29 2020-03-24 五八有限公司 Interface display method and device, terminal equipment and storage medium
CN113961112A (en) * 2021-10-22 2022-01-21 维沃移动通信有限公司 Icon display method and device and electronic equipment

Patent Citations (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103677791A (en) * 2012-09-26 2014-03-26 联想(北京)有限公司 Icon processing method and electronic device
CN106296775A (en) * 2016-08-19 2017-01-04 北京小米移动软件有限公司 Icon generates method and device
CN106527854A (en) * 2016-10-31 2017-03-22 维沃移动通信有限公司 Method for updating icon of application program and mobile terminal
CN106527871A (en) * 2016-12-14 2017-03-22 北京小米移动软件有限公司 Application icon display method and device
US20210209815A1 (en) * 2018-08-27 2021-07-08 Huawei Technologies Co., Ltd. Interface element color display method and apparatus
CN111930376A (en) * 2019-05-13 2020-11-13 微软技术许可有限责任公司 Automatic generation of stylized icons
CN112395030A (en) * 2019-08-16 2021-02-23 腾讯科技(深圳)有限公司 Page processing method and device, electronic device and storage medium
CN111651105A (en) * 2020-05-18 2020-09-11 维沃移动通信有限公司 Parameter setting method and device and electronic equipment
CN111638823A (en) * 2020-05-27 2020-09-08 维沃移动通信(杭州)有限公司 Application icon display method and device and electronic equipment

Non-Patent Citations (2)

* Cited by examiner, † Cited by third party
Title
ANDREW D. WILSON: "TouchLight: An Imaging Touch Screen and Display for Gesture-Based Interaction", 《ICMI’04》, 15 October 2004 (2004-10-15), pages 69 - 76, XP055405553, DOI: 10.1145/1027933.1027946 *
潘士强: "基于ARM平台的android智能手机操作系统的研究与应用开发", 《中国优秀硕士学位论文全文数据库 信息科技辑 》, 15 May 2012 (2012-05-15), pages 136 - 594 *

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2023066294A1 (en) * 2021-10-22 2023-04-27 维沃移动通信有限公司 Icon display method and apparatus, and electronic device
CN114816169A (en) * 2022-06-29 2022-07-29 荣耀终端有限公司 Desktop icon display method and device and storage medium
CN114816169B (en) * 2022-06-29 2022-11-04 荣耀终端有限公司 Desktop icon display method and device and storage medium

Also Published As

Publication number Publication date
WO2023066294A1 (en) 2023-04-27

Similar Documents

Publication Publication Date Title
WO2023066294A1 (en) Icon display method and apparatus, and electronic device
EP2680123A2 (en) Method and Device of Task Processing of One Screen and Multi-Foreground
CN108089795A (en) touch operation method, device, storage medium and electronic equipment
CN110347317B (en) Window switching method and device, storage medium and interactive intelligent panel
CN111857509A (en) Split screen display method and device and electronic equipment
WO2023045857A1 (en) Image processing method and apparatus, electronic device and storage medium
CN112148181B (en) Menu display method and device, electronic equipment and storage medium
WO2023005920A1 (en) Screen splitting method and apparatus, and electronic device
US20230345113A1 (en) Display control method and apparatus, electronic device, and medium
CN112269506B (en) Screen splitting method and device and electronic equipment
CN113835577A (en) Display method, display device, electronic equipment and storage medium
CN112825040B (en) User interface display method, device, equipment and storage medium
CN113238695A (en) Interaction method and device of wearable device, electronic device and readable storage medium
CN113918260A (en) Application program display method and device and electronic equipment
CN113986076A (en) Icon display control method and device, electronic equipment and storage medium
WO2022068725A1 (en) Navigation gesture setting method and apparatus, and electronic device
CN112702531B (en) Shooting method and device and electronic equipment
CN113885749A (en) Icon display method and device and electronic equipment
CN113703627A (en) Display method, display device, electronic equipment and readable storage medium
CN113703634A (en) Interface display method and device
CN113885750A (en) Message processing method and device and electronic equipment
CN111857474B (en) Application program control method and device and electronic equipment
CN113703630A (en) Interface display method and device
CN112764630A (en) Application icon display method and device
CN112269513A (en) Interface display method and device and electronic equipment

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination