WO2018103418A1

WO2018103418A1 - Method and apparatus for generating application icon

Info

Publication number: WO2018103418A1
Application number: PCT/CN2017/103291
Authority: WO
Inventors: 陶林
Original assignee: 广州视源电子科技股份有限公司
Priority date: 2016-12-05
Filing date: 2017-09-25
Publication date: 2018-06-14
Also published as: CN106775688A

Abstract

Disclosed are a method and apparatus for generating an application icon. The method comprises: acquiring a current theme colour, and generating a current background picture corresponding to the current theme colour; and superposing a pre-set hollowed-out application mark on the current background picture to generate an application icon. The technical solution in the embodiments of the present invention overcomes the technical defect in the prior art that multiple sets of application icons, which differ from each other only in colours and have completely identical patterns, need to be drawn correspondingly to different theme colours, greatly reduces repeated work of the application icon drawing personnel, improves the working efficiency of the application icon drawing personnel, and at the same time reduces software development costs.

Description

Method and device for generating application icons

Technical field

The embodiments of the present invention relate to the field of terminal technologies, and in particular, to a method and an apparatus for generating an application icon.

Background technique

Application software, especially mobile application software, is generally designed with multiple themes at the design stage, each theme corresponding to a different theme color.

In the software development process, the application icons of the software are generally drawn by the user interface designer one by one. Since the software generally has multiple themes, even if all the icons under each theme are different in color, but the styles are exactly the same, the user interface designer still has to draw multiple sets corresponding to different themes, but the colors are different, but the styles are exactly the same. Application icon.

Since the application icons are manually produced by the user interface designer, it takes a long time and requires a large amount of work. In order to correspond to different theme colors, multiple sets of application icons with different colors but identical styles are drawn. A large amount of repetitive labor greatly reduces the efficiency of the user interface designer, and at the same time increases the labor cost of software development.

Summary of the invention

In view of this, the embodiments of the present invention provide a method and an apparatus for generating an application icon, which overcomes the technical defects in the prior art that multiple sets of application icons that are different in color but identical in style are required to be corresponding to different theme colors.

In a first aspect, an embodiment of the present invention provides a method for generating an application icon, including:

Obtaining a current theme color, and generating a current background image corresponding to the current theme color;

An application icon is generated by superimposing a preset hollow application flag on the current background image.

In the above method, preferably, the acquiring a current theme color, and generating a current background image corresponding to the current theme color, includes:

Obtaining the current theme color;

Repainting the current background picture according to the current theme color.

In the above method, it is preferred that the obtaining the current theme color comprises:

Obtaining a hexadecimal color code corresponding to the current theme color;

Re-rendering the current background image according to the current theme color, including:

Re-rendering the current background picture according to the hexadecimal color code and a preset size of the current background picture.

In the above method, after the superimposing the preset hollow application flag on the current background image to generate the application icon, the method further includes:

The application icon is displayed on a button control associated with the corresponding application.

In the above method, preferably, the current background picture is the same size as the application flag.

In a second aspect, an embodiment of the present invention provides an apparatus for generating an application icon, including:

a background image generating module, configured to acquire a current theme color, and generate a current background image corresponding to the current theme color;

An application icon generating module is configured to superimpose a preset hollow application flag on the current background image to generate an application icon.

In the above apparatus, preferably, the background image generating module includes:

a theme color obtaining unit, configured to acquire the current theme color;

And a background picture drawing unit, configured to redraw the current background picture according to the current theme color.

In the above apparatus, preferably, the theme color acquiring unit includes:

a color code acquisition subunit, configured to acquire a hexadecimal color code corresponding to the current theme color;

The background picture drawing unit includes:

a background picture redrawing subunit, configured to redraw the current background picture according to the hexadecimal color code and a preset size of the current background picture.

In the above device, preferably, the method further includes:

The application icon display module is configured to display the application icon on the button control associated with the corresponding application after the preset hollowed-out application flag is superimposed on the current background image to generate the application icon.

In the above apparatus, preferably, the current background picture is the same size as the application flag.

The method and device for generating an application icon according to an embodiment of the present invention generates a current background image corresponding to a current theme color by acquiring a current theme color, and then superimposing a preset hollow application flag on the current background image to generate an application icon. Overcoming the technical defects in the prior art that need to draw multiple sets of application icons with different colors but identical styles corresponding to different theme colors, realizes a lot of repetitive work of reducing the application icon drawing personnel, and improves the work of the application icon drawing personnel. Efficiency, at the same time, reduces software development costs.

DRAWINGS

FIG. 1 is a flowchart of a method for generating an application icon according to Embodiment 1 of the present invention; FIG.

FIG. 1b is a schematic diagram of a preset open application flag and a current background image superimposed to generate an application icon according to Embodiment 1 of the present invention; FIG.

2 is a flowchart of a method for generating an application icon according to Embodiment 2 of the present invention;

FIG. 3 is a structural diagram of an apparatus for generating an application icon according to Embodiment 3 of the present invention.

detailed description

In order to make the objects, technical solutions and advantages of the present invention more comprehensible, the embodiments of the present invention are further described in detail below. It is understood that the specific embodiments described herein are merely illustrative of the invention and are not intended to limit the invention.

It should also be noted that, for ease of description, only some, but not all, of the present invention are shown in the drawings. Before discussing the exemplary embodiments in more detail, it should be noted that some exemplary embodiments are described as a process or method depicted as a flowchart. Although the flowcharts describe various operations (or steps) as a sequential process, many of the operations can be implemented in parallel, concurrently or concurrently. In addition, the order of operations can be rearranged. The process may be terminated when its operation is completed, but may also have additional steps not included in the figures. The processing may correspond to methods, functions, procedures, subroutines, subroutines, and the like.

Embodiment 1

1a is a flowchart of a method for generating an application icon according to Embodiment 1 of the present invention. The method in this embodiment may be implemented by an application icon generating device, and the device may be implemented by hardware and/or software, and Generally, it can be integrated into the terminal and used together with the application software in the terminal. The method of this embodiment specifically includes:

Step 110: Acquire a current theme color, and generate a current background image corresponding to the current theme color.

It will be understood by those skilled in the art that the software is generally designed with a plurality of different themes, and the theme color corresponding to each theme is generally different from the theme color corresponding to other topics, and the user is in the soft state. When the device is operated, the theme of the software is switched according to factors such as its own preferences, the surrounding environment, or the mood at the time.

In this embodiment, when the user opens the software or switches the theme during the use of the software, the current theme color needs to be obtained according to the current theme, where the current theme color specifically refers to the color corresponding to the current theme, and the typical color may be Yes: theme colors such as yellow, red, purple or green.

In this embodiment, after acquiring the current theme color, it is necessary to generate a background image corresponding to the current theme color. The background image specifically refers to a color matching rule in which the overall color is consistent with the current theme color or conforms to the color, and the size corresponds to the size of the application logo of the software, and is used to generate a picture of the application icon required by the current theme. The generating manner of the background image corresponding to the current theme color may specifically be: generating a generated code of the background image, changing the color of the background image in the code to the current theme color, and generating a current background image according to the changed code. That is to say, in the embodiment, the background picture is not saved in the software, but is generated when used, so that the software installation package and the occupied storage space can be reduced.

Step 120: Superimpose a preset hollow application flag on the current background image to generate an application icon.

In this embodiment, the preset hollow application flag specifically refers to a picture corresponding to the size and style of the application icon, and the part that needs to be changed according to different the theme is a hollow picture. After superimposing the preset hollow application flag on the current background image, the color of the hollow portion of the application logo becomes the same as the background image, thereby obtaining the desired application icon. That is to say, by superimposing the preset hollow application logo on the background image whose color is consistent with the theme color, an application icon whose color is consistent with the current theme color can be obtained, and even after changing the theme, the above method can be used simply. Quickly get an app icon that matches the color of the changed theme. Wherein, the application flag specifically refers to a program event combination associated with the content presented by the application flag, and generates a picture of the button control. That is to say, the application logo is a picture that is displayed on the screen when the application is running, so that the user can perform a touch operation. Among them, a program event specifically refers to a set of code that can implement a complete operation.

It can be understood by those skilled in the art that in the prior art, during the development of the software, the application icons required by the software are generally manually drawn by the designer, and are directly called during the use of the software, even if The application icons that are identical in style but only have different colors need to be drawn one by one, but in this embodiment, it is only necessary to draw one time corresponding to the size and style of the application icon, and the color needs to be changed according to different themes. The part is a hollow application mark, and then the application icons corresponding to different themes are superimposed by the background pictures of different colors, which greatly reduces the workload of the designer.

In a specific example, as shown in FIG. 1b, where 101 is a background picture, wherein a fill slash indicates that the current theme color has been filled in the background image 101; 102 is a preset stenciled application flag, and the application flag 102 is The circle formed by the two circles is hollow, and the rest is not hollow. After the preset hollow application flag 102 is superimposed on the background image 101, an application icon 103 is generated, and the portion of the application icon 103 filled with the oblique line is the portion displayed as the current theme color, and the remaining portion of the color and the application flag 102 the same.

Also, regarding the size of the application logo and background image. In this embodiment, the size of the application mark may be the same as the size of the application icon, and may be larger or smaller than the size of the application icon. This embodiment does not limit this. When the application logo is not the same size as the application icon, the size of the application logo may be the same as the size of the application icon by overall enlargement or reduction, but at the same time, the ratio of the length and width of the application logo to the length of the application icon and The ratio of the widths is the same, otherwise the size of the application logo will not be the same as the size of the application icon by the overall enlargement or reduction.

Further, the size of the background image may be the same as the size of the application logo, or may be larger or smaller than the size of the application logo, but regardless of the size of the background image, the application logo and the back must be guaranteed. After the scene image is superimposed, the color of all the hollowed parts in the application logo can be changed to the same color as the background image. Since the size of the application icons is not the same, the size of the application logo corresponding to the application icon may not be exactly the same, so if the size of the background image is unique, then the size of the background image must satisfy the hollowing out of all application marks. The color of the part becomes the same color as the background image, so that the size of the background image may be larger than the size of the smaller application logo. When the size of the background image is larger than the size of the application logo, the superimposed image may be clipped according to the size of the application logo after being superimposed, and then enlarged or reduced to obtain the desired application icon. In addition, the size of the background image may not be unique, and may be changed according to the size of the application logo. In this case, in step S110, the generation manner of the background image corresponding to the current theme color may be changed to the generated code of the background image. The color of the background image in the code is changed to the current theme color, the size of the background image is changed to the size of the application icon, and the current background image is generated according to the changed code.

The method for generating an application icon provided by the embodiment of the present invention generates a current background image corresponding to the current theme color by acquiring the current theme color, and then superimposing the preset hollow application flag on the current background image to generate an application icon, thereby overcoming the In the prior art, it is required to draw multiple sets of application icons with different colors but identical styles corresponding to different theme colors, thereby realizing a large number of repetitive labors for reducing the application icon drawing personnel, and improving the working efficiency of the application icon drawing personnel. At the same time, the development cost of the software is reduced.

Embodiment 2

FIG. 2 is a flowchart of a method for generating an application icon according to Embodiment 2 of the present invention. This embodiment is optimized based on the above embodiment. In this embodiment, the current theme color is obtained and generated. The current background image corresponding to the current theme color is optimized to: obtain the current theme color; redraw the current background image according to the current theme color.

Further, after the preset short-cut application flag is superimposed on the current background image to generate the application icon, the method may further include: displaying the application icon on the button control associated with the corresponding application.

In this embodiment, the current background image and the application flag are optimized to be: the current background image is the same size as the application logo.

Correspondingly, the method in this embodiment specifically includes:

Step 210: Acquire a current theme color.

In this embodiment, the manner of obtaining the current theme color may be specifically obtaining a hexadecimal color code corresponding to the current theme color.

It will be understood by those skilled in the art that in the program code, hexadecimal codes can be used to represent different colors.

Step 220: Repaint the current background image according to the current theme color.

In this embodiment, after obtaining the current theme color, the current background image needs to be redrawn according to the obtained current theme color, and the overall color of the redrawn background image should be consistent with the acquired theme color, and the size should be determined according to actual conditions. .

In this embodiment, when the current theme color is obtained by acquiring the hexadecimal color code corresponding to the current theme color, after obtaining the hexadecimal color code corresponding to the current theme color, it is required to correspond to the current theme color. Re-draw the current background image by the hexadecimal color code and the size of the current background image. Wherein, the drawing manner is specifically to call the background image generating code, and the part of the code used to represent the color of the background image is changed to the hexadecimal color code, and the code for indicating the background image size may be retained according to actual conditions. Or change, and finally generate a current background image based on the changed code. Wherein, the size of the current background image may specifically be the original rule in the code generation code that continues to use the background image The inch can also be changed according to the size of the application mark, which is not limited in this embodiment. In the generated code of the background image, it is simple, convenient, and practical to use the hex code to represent the color of the background image.

Step 230: Superimpose a preset hollow application flag on the current background image to generate an application icon.

Step 240: Display an application icon on a button control associated with the corresponding application.

In this embodiment, after the application icon is generated, it is displayed on the button control associated with the corresponding application, and the theme is further replaced, so that the color of the application icon of the software display interface is consistent with the current theme color, and at the same time, During the use of the software, the user can simply and conveniently touch the application icon to cause the software to perform operations corresponding to the content indicated by the application icon.

The method for generating an application icon according to an embodiment of the present invention, by acquiring the current theme color, re-rendering the current background image according to the current theme color, and then superimposing the preset hollow application flag on the current background image to generate an application icon, and finally, The application icon is displayed on the button control associated with the corresponding application, which overcomes the technical defects in the prior art that the application icons of different colors but the same styles are drawn corresponding to different theme colors, and a large number of application icons are reduced. Drawing people's repetitive work, improving the efficiency of application icon drawing staff, and reducing the development cost of software.

Embodiment 3

FIG. 3 is a structural diagram of an apparatus for generating an application icon according to Embodiment 3 of the present invention. The device for generating an application icon of the embodiment may be used to execute the method for generating an application icon according to any of the above embodiments. The generating device of the application icon can be implemented by hardware and/or software and integrated in the terminal, such as a smart phone, and used in conjunction with the application software in the terminal.

As shown in FIG. 3, the apparatus includes: a background image generating module 301 and an application icon generating module 302. among them:

a background image generating module 301, configured to acquire a current theme color, and generate a current background image corresponding to the current theme color;

The application icon generating module 302 is configured to superimpose the preset hollow application flag on the current background image to generate an application icon.

The device for generating an application icon according to the embodiment of the present invention generates a current background image corresponding to the current theme color by acquiring the current theme color, and then superimposing the preset hollow application flag on the current background image to generate an application icon, thereby overcoming the In the prior art, it is required to draw multiple sets of application icons with different colors but identical styles corresponding to different theme colors, thereby realizing a large number of repetitive labors for reducing the application icon drawing personnel, and improving the working efficiency of the application icon drawing personnel. At the same time, the development cost of the software is reduced.

Based on the foregoing embodiments, the background image generating module may include:

a theme color obtaining unit for acquiring a current theme color;

A background image drawing unit for repainting the current background image according to the current theme color.

Based on the foregoing embodiments, the theme color obtaining unit may include:

The color code obtaining subunit is configured to obtain a hexadecimal color code corresponding to the current theme color;

The background picture drawing unit includes:

A background image redrawing subunit for repainting the current background image according to the hexadecimal color code and the size of the preset current background image.

Based on the foregoing embodiments, the method may further include:

Based on the above embodiments, the current background picture is the same size as the application flag.

The device for generating an application icon provided by the embodiment of the present invention can be used to execute a method for generating an application icon provided by any embodiment of the present invention, and has a corresponding function module to achieve the same beneficial effects.

It will be apparent to those skilled in the art that the various modules or steps of the invention described above can be implemented by a server as described above. Optionally, the embodiments of the present invention may be implemented by a program executable by a computer device, so that they may be stored in a storage device and executed by a processor, and the program may be stored in a computer readable storage medium. The above mentioned storage medium may be a read only memory, a magnetic disk or an optical disk, etc.; or they may be separately fabricated into individual integrated circuit modules, or a plurality of modules or steps thereof may be fabricated as a single integrated circuit module. Thus, the invention is not limited to any specific combination of hardware and software.

The above description is only a preferred embodiment of the present invention, and is not intended to limit the present invention, and various modifications and changes can be made to the present invention. Any modifications, equivalents, improvements, etc. made within the spirit and scope of the invention are intended to be included within the scope of the invention.

Claims

A method for generating an application icon, comprising:

Obtaining a current theme color, and generating a current background image corresponding to the current theme color;

An application icon is generated by superimposing a preset hollow application flag on the current background image.
The method according to claim 1, wherein the acquiring a current theme color and generating a current background image corresponding to the current theme color comprises:

Obtaining the current theme color;

Repainting the current background picture according to the current theme color.
The method according to claim 2, wherein the obtaining the current theme color comprises:

Obtaining a hexadecimal color code corresponding to the current theme color;

Re-rendering the current background image according to the current theme color, including:

Re-rendering the current background picture according to the hexadecimal color code and a preset size of the current background picture.
The method according to claim 1, wherein the superimposing the preset hollow application flag on the current background image to generate an application icon further includes:

The application icon is displayed on a button control associated with the corresponding application.
The method of claim 1 wherein said current background picture is the same size as said application flag.
An apparatus for generating an application icon, comprising:

a background image generating module, configured to acquire a current theme color, and generate a current background image corresponding to the current theme color;

An application icon generating module is configured to superimpose a preset hollow application flag on the current background image to generate an application icon.
The device according to claim 6, wherein the background image generating module comprises:

a theme color obtaining unit, configured to acquire the current theme color;

And a background picture drawing unit, configured to redraw the current background picture according to the current theme color.
The device according to claim 7, wherein the theme color obtaining unit comprises:

a color code acquisition subunit, configured to acquire a hexadecimal color code corresponding to the current theme color;

The background picture drawing unit includes:

a background picture redrawing subunit, configured to redraw the current background picture according to the hexadecimal color code and a preset size of the current background picture.
The device according to claim 6, further comprising:

The application icon display module is configured to display the application icon on the button control associated with the corresponding application after the preset hollowed-out application flag is superimposed on the current background image to generate the application icon.
The apparatus of claim 6 wherein said current background picture is the same size as said application flag.