Icon display and processing method, terminal device and computer readable medium

Abstract

This application relates to the field of computer technology, specifically to an icon display and processing method, a terminal device, and a computer-readable medium. This icon display and processing method can adjust the color of application icons without relying on drawing rules; that is, the icon color adjustment function implemented by this method is not limited by attributes such as the maximum number of colors or the maximum size of the application icon. Specifically, the outline of the application icon can be redrawn in advance based on its original color area to generate an icon outline comprising several icon areas, wherein each of the aforementioned icon areas corresponds one-to-one with a color area. Furthermore, different colors can be filled into each icon area within the icon outline; for example, multiple colors selected by the user can be used to fill each icon area within the icon outline to achieve color adjustment of the application icon.

Description

Technical Field

[0001] This application relates to the field of computer technology, specifically to an icon display and processing method, a terminal device, and a computer-readable medium. Background Technology

[0002] Once an application is installed on a device, its icon will appear on the device's home screen. The color scheme of this icon can be designed by the application's developer. Understandably, when a device has many applications installed, the varying colors of the icons can make the home screen appear cluttered.

[0003] Therefore, to improve the uniformity of desktop colors, some terminal devices provide a function that allows users to adjust the colors of application icons (hereinafter referred to as "icon color adjustment function"). Terminal devices can use this icon color adjustment function to adjust the application icons displayed on the desktop (hereinafter referred to as "desktop icons") to a uniform color scheme.

[0004] For example, the aforementioned icon color adjustment function can be implemented based on preset application icon drawing rules. Only application icons that meet these rules can have their color schemes modified. For instance, the drawing rules might require that the maximum number of colors supported by the icon is less than a certain threshold, such as less than 18 colors. Therefore, if the maximum number of colors supported by an icon is less than 18, the icon's color scheme can be modified; otherwise, the icon's color scheme cannot be modified.

[0005] For example, Figure 1a Taking mobile phone 10 as an example, a schematic diagram of the effect after applying the icon color adjustment function to mobile phone 10 is shown.

[0006] See Figure 1a The phone 10 can display a desktop 100, which may include a display area 100a and a display area 100b. After applying the icon color adjustment function, several application icons in display area 100a are modified to a uniform color scheme because they meet the preset drawing rules. Figure 1a (Taking black and white as an example), however, several application icons in display area 100b were not modified to a uniform color scheme because they did not meet the preset drawing rules.

[0007] Clearly, the color schemes of the application icons in display areas 100a and 100b are inconsistent, which reduces the user experience. Summary of the Invention

[0008] This application provides an icon display and processing method, a terminal device, and a computer-readable medium, which can adjust the colors of all application icons displayed on the terminal device, thereby improving the display effect of the terminal device.

[0009] In a first aspect, this application provides an icon display method applied to a first device, comprising: detecting an icon color adjustment instruction, wherein the icon color adjustment instruction includes first color information selected by a user; displaying i color-adjusted first application icons based on the first color adjustment information received from a second device, wherein the i first application icons belong to a first type of icon, and the color adjustment method of the first application icons is a first color adjustment method, the first color adjustment method comprising: extracting the icon outline of the first application icon, and filling the icon outline of the first application icon with color based on the first color information to obtain the i color-adjusted first application icons, and applying a second color adjustment method to adjust the color of j second application icons, and displaying the j color-adjusted second application icons, wherein the j second application icons belong to a second type of icon, and the second color adjustment method is different from the first color adjustment method.

[0010] Here, after receiving the icon color adjustment instruction, the first device can display the adjusted i first application icons and j second application icons, and the adjusted colors can be determined by the first color information selected by the user. The first device categorizes the application icons that need color adjustment; for example, the categorized application icons may include i first application icons and j second application icons, and different color adjustment methods can be applied to different categories of application icons. For example, the first color adjustment method for the i first application icons requires the first color adjustment information sent by the second device, while the second color adjustment method for the j second application icons can be implemented using only the first device. It can be understood that this method allows different color adjustment methods to be used for different categories of application icons, and the implementation costs of different color adjustment methods are different. For example, since the second color adjustment method does not require the participation of the second device, the implementation cost of the second color adjustment method is lower than that of the first color adjustment method. Compared to a scheme that uses the first color adjustment method for all application icons, the aforementioned method reduces the implementation cost required to implement the icon color adjustment function.

[0011] It is understood that no restrictive description is made regarding the device that performs the first color adjustment method on the i first application icons. For example, the first device may adjust the colors of the i first application icons according to the first color information and the first color adjustment information from the second device. Alternatively, the second device may adjust the colors of the i first application icons based on the first color information sent by the first device and the first color adjustment method, and then send the first color adjustment information to the first device so that the first device can display the i first application icons after color adjustment according to the first color adjustment information.

[0012] Here, the first device can be a terminal device as described below, such as mobile phone 10. The second device can be a server 20 as described below.

[0013] In one possible implementation of the first aspect described above, the first color information corresponds to the color combination selected by the user.

[0014] Here, the first device can adjust the colors of application icons (e.g., i first application icons and j second application icons) according to the color combination selected by the user. It can be understood that the color combination includes multiple colors; correspondingly, the colors of the color-adjusted application icons (e.g., the color-adjusted i first application icons and j second application icons) displayed by the first device can be several of the multiple colors selected by the user. Based on this method, the first device implements an icon color adjustment function that can adjust the colors of application icons to multiple colors selected by the user, realizing personalized display of the first device and improving the user experience.

[0015] In one possible implementation of the first aspect above, the first device displays multiple color selection areas, wherein the color selection areas include a first color selection area, and detecting an icon color adjustment instruction includes: detecting a first operation by a user on the first color selection area, wherein the first color selection area has corresponding first color information.

[0016] Here, the first device can display multiple color selection areas, and each color selection area has corresponding color information. Correspondingly, each color selection area represents a color combination that the user can choose, and each color combination can be a color scheme that the user can select. Based on this method, the color combinations that the user can choose can be visualized, allowing the user to intuitively determine all the color schemes provided by the first device, thus improving the user experience.

[0017] Furthermore, the multiple color information corresponding to multiple color selection areas can be provided by the second device. After the first device obtains the multiple color information, it can visualize the multiple color information and visualize the color information as color selection areas.

[0018] Here, the color selection area can be the color wheel mentioned below, and the color information corresponding to the color selection area can be the color value table corresponding to the color wheel mentioned below. The user's first operation on the first color selection area can be the user's selection operation on the color wheel, such as clicking on the color wheel.

[0019] In one possible implementation of the first aspect above, the classification parameter value of the first type of icon is greater than a first threshold; the classification parameter value of the second type of icon is less than or equal to the first threshold; wherein the classification parameter value includes at least one of the following:

[0020] The number of downloads of the application corresponding to the app icon in the app store; the frequency of use of the application corresponding to the app icon on the first device; the duration of use of the application corresponding to the app icon on the first device.

[0021] Here, application icons can be categorized based on classification parameter values. For example, they can be categorized based on at least one of the following: download volume, usage frequency, and usage duration of the application corresponding to the icon. Application icons of applications with higher classification parameter values ​​(e.g., greater than a first threshold) are designated as first-category icons, and those with lower classification parameter values ​​(e.g., less than or equal to the first threshold) are designated as second-category icons. Correspondingly, first-category icons can be application icons of applications frequently used on the first device, and second-category icons can be application icons of applications relatively infrequently used on the first device. Furthermore, the first color-coding method is applied only to the icons of frequently used applications. It is understood that among all applications in the market, the number of frequently used applications on the first device is less than the number of infrequently used applications. Therefore, applying the more expensive first color-coding method only to the relatively small number of frequently used applications can effectively reduce the implementation cost required for the first device and / or the second device to implement the icon color-coding function for the first device.

[0022] In one possible implementation of the first aspect above, when the classification parameter value is the download volume, the first color information includes: a first list and the icon outlines of n first-class icons, wherein the first list includes program information of n first-class applications corresponding to the n first-class icons, and the n first-class icons include i first application icons.

[0023] Here, when the classification parameter value is download volume, the second device can classify the application icons. Specifically, the second device can filter out n first-category applications with the largest download volumes from all applications on the market based on their download volumes, and record all first-category applications based on a first list. The second device can use the application icons of the n first-category applications as first-category icons. The second device redraws the n first-category icons to generate icon outlines for the n first-category icons. Then, the first device can obtain the first list determined by the second device and the icon outlines of the n first-category icons.

[0024] It is understandable that, in the aforementioned method, the second device only needs to redraw the n most downloaded Category I applications, instead of redrawing all applications on the market. This effectively reduces the workload of the second device.

[0025] Here, the first color information, including the first list and the outlines of the n first-class icons, can be the color information 1 below.

[0026] Furthermore, in one example, displaying i color-corrected first application icons based on first color-correction information received from the second device includes: filling the icon outlines of n first-type icons with color based on the first color information to obtain n color-corrected first-type icons; and determining the program information of i first-type applications corresponding to the i first application icons based on a first list.

[0027] Based on the program information of i first-class applications, select i first-class application icons after color adjustment from n first-class icons; display the i first-class application icons after color adjustment.

[0028] Here, after the first device obtains the first list determined by the second device and the icon outlines of n first-class icons, it can first fill in the icon outlines of the n first-class icons according to the first color information to obtain all the first-class icons after color adjustment. Then, it selects the first-class icons that the first device needs to adjust the color of from all the first-class icons after color adjustment, for example, the i first application icons out of the n first-class icons.

[0029] It's understandable that the first device obtains the icon outlines of all first-category icons and fills in those outlines. Therefore, when the first device subsequently downloads other first applications, displaying first-category icons other than the i first application icons, these icons can still be displayed based on the color-corrected first-category icons saved on the first device. This avoids the situation where, due to not obtaining the icon outlines of all first-category icons, a new first-category icon cannot be color-corrected.

[0030] In another example, displaying i color-corrected first application icons based on first color-correction information received from a second device includes: determining program information of i first-class applications corresponding to the i first application icons based on a first list; selecting the icon outlines of i first application icons from the icon outlines of n first-class icons based on the program information of the i first-class applications; filling the icon outlines of the i first application icons with color based on first color information to obtain the color-corrected i first application icons; and displaying the color-corrected i first application icons.

[0031] Here, after the first device obtains the first list determined by the second device and the icon outlines of n first-class icons, it can first filter out the icon outlines of the first-class icons that the first device needs to adjust in color from all the icon outlines of the first-class icons. For example, the icon outlines of i first application icons out of n first-class icons. Then, based on the first color information, the icon outlines of the i first application icons are filled to obtain the i first application icons after color adjustment.

[0032] It's understandable that the first device has obtained the icon outlines of all first-category icons. Therefore, when the first device subsequently downloads other first applications, displaying first-category icons other than the i first application icons, the color of those first-category icons can also be adjusted based on the icon outlines stored in the first device. This avoids the situation where, due to not having obtained the icon outlines of all first-category icons, a newly added first-category icon cannot be color-adjusted.

[0033] In one possible implementation of the first aspect above, when the classification parameter value is the download volume, the first color adjustment information includes: a first list, and color adjustment results for each of the n first-category icons corresponding to multiple color information, wherein the color information and the color adjustment results correspond one-to-one, and the multiple color information includes the first color information.

[0034] Here, the second device selects n first-category applications with large download volumes. Based on the first list, it records all first-category applications and redraws the n first-category icons. After generating the icon outlines of the n first-category icons, it fills each icon outline according to multiple color information to generate multiple color-corrected results for each first-category icon. It can be understood that the multiple color-corrected results for each first-category icon include the i first-application icons after color correction.

[0035] It is understandable that, in the aforementioned method, the second device only needs to redraw and fill all color schemes for the n most downloaded Category 1 applications, instead of redrawing and filling all color schemes for all applications on the market. This effectively reduces the workload of the second device.

[0036] Here, the first color adjustment information, which includes the first list and the color adjustment results corresponding to multiple color information for each of the n first-class icons, can be the color adjustment information 2 mentioned below.

[0037] Then, based on the first color adjustment information received from the second device, displaying the i first application icons after color adjustment includes: determining the program information of the i first type of applications corresponding to the i first application icons based on the first list; selecting the i first application icons after color adjustment from the color adjustment results of multiple color information corresponding to each first type of icon based on the program information of the i first type of applications and the first color information; and displaying the i first application icons after color adjustment.

[0038] Here, after obtaining multiple color adjustment results corresponding to each of the first-category icons in all first-category icons, and a first list, the first device can filter out the i color-adjusted first application icons from the multiple color adjustment results corresponding to each of the first-category icons. It can be understood that here, the first device only needs to perform filtering and does not need to populate the list, effectively reducing the workload of the first device.

[0039] In one possible implementation of the first aspect above, the method further includes: sending a color adjustment request to a second device based on an icon color adjustment instruction; and receiving first color adjustment information sent by the second device according to the color adjustment request.

[0040] Here, the first device can implement icon color adjustment functionality based on its interaction with the second device. For example, the first device can send a color adjustment request to the second device, causing the second device to send first color adjustment information to the first device. Then, the first device can display the i color-adjusted first application icons based on the first color adjustment information. Here, the color adjustment request, excluding content such as a second list, can be referred to as color adjustment request 1 below.

[0041] In one possible implementation of the first aspect above, the color adjustment request includes a second list, wherein the second list includes information about the applications corresponding to the m application icons to be color adjusted, wherein the m application icons include i first application icons and j second application icons.

[0042] Here, the first device can record the m applications corresponding to all m application icons that need color correction. For example, the m applications can be recorded in a second list. The second list is then sent to the second device. Here, the m application icons to be color corrected can be the icons to be color corrected as described below. Here, the color correction request including the second list can be color correction request 2 as described below.

[0043] In one possible implementation of the first aspect above, the first color information includes the icon outlines of i first application icons, wherein the icon outlines of the i first application icons are obtained based on information extracted from the applications corresponding to the i first application icons in the second list.

[0044] Here, after the first device sends the second list to the second device, the second device can filter out all the first-category icons from all the application icons corresponding to the second list based on the download volume. For example, i first application icons out of m application icons. Then, the second device can redraw the i first application icons to obtain the icon outlines of the i first application icons.

[0045] Here, the first color information, including the icon outlines of the i first application icons, can be color information 3 as described below.

[0046] Understandably, at this point, the second device doesn't need to categorize all applications on the market based on download volume, but only needs to categorize the application icons on the first device that require color adjustments, effectively reducing the workload of the second device. Furthermore, the second device only needs to redraw the first category icons (i first application icons) among the application icons that require color adjustments, instead of redrawing all first category icons (n ​​first application icons) on the market, further reducing the workload of the second device.

[0047] Then, based on the first color adjustment information received from the second device, displaying the i first application icons after color adjustment includes: filling the icon outlines of the i first application icons with color based on the first color information to obtain the i first application icons after color adjustment; and displaying the i first application icons after color adjustment.

[0048] Here, the first device fills the icon outlines of the received i first application icons based on the first color information to obtain the i first application icons after color adjustment. The first device does not need to select the icon outlines of i first application icons from all the icon outlines of the first application icons, which effectively reduces the implementation cost of the first device.

[0049] In one possible implementation of the first aspect above, the first color adjustment information includes color adjustment results extracted based on the information of the applications corresponding to the i first application icons in the second list, and each of the i first application icons corresponds to multiple color information; wherein, the color information corresponds one-to-one with the color adjustment results, and the multiple color information includes the first color information.

[0050] Here, the first device sends a second list to the second device. After the second device determines the icon outlines of i first application icons, it can fill the icon outlines of each first application icon according to multiple color information to obtain multiple color adjustment results corresponding to each of the i first application icons.

[0051] It is understandable that the second device does not need to fill all the first-class icons with the full color scheme, but only needs to fill the i first application icons that need color adjustment on the first device with the full color scheme, which effectively reduces the implementation cost of the second device.

[0052] Here, the first color adjustment information, which includes the color adjustment results of multiple color information corresponding to each of the i first application icons, can be the color adjustment information 4 mentioned below.

[0053] Then, based on the first color adjustment information, displaying the i first application icons after color adjustment includes: selecting the i first application icons after color adjustment corresponding to the first color information from the color adjustment results of multiple color information corresponding to each first application icon; and displaying the i first application icons after color adjustment.

[0054] Here, the first device only needs to filter out the i color-corrected first application icons from the multiple color-correction results corresponding to each of the i first application icons received, without having to filter out the multiple color-correction results corresponding to each of the first category icons, which effectively reduces the implementation cost of the first device.

[0055] In one possible implementation of the first aspect above, the color adjustment request further includes first color information, wherein the first color adjustment information includes i first application icons after color adjustment, extracted based on information of the applications corresponding to the i first application icons in the second list, and the first color information corresponding to the i first application icons.

[0056] Here, the first device can send the first color information and the second list to the second device. Then, the second device selects i first application icons based on the second list, generates the icon outlines of the i first application icons, and fills the icon outlines of the i first application icons based on the first color information to obtain the i first application icons with adjusted colors. It can be understood that the second device does not need to fill the icon outlines of the i first application icons with all color schemes, reducing the implementation cost of the second device.

[0057] Furthermore, the first device can directly display the i first application icons after color adjustment, which can be understood as reducing the implementation cost of the first device.

[0058] Here, the color adjustment request, including the second list and the first color information, can be color adjustment request 3 as described below. The first color adjustment information, including the i first application icons after color adjustment, can be color adjustment information 5 as described below.

[0059] In one possible implementation of the first aspect above, the classification parameter values ​​include usage frequency and / or usage duration, wherein sending a color adjustment request to the second device based on the icon color adjustment instruction includes: determining i first application icons from m application icons to be color adjusted based on the icon color adjustment instruction; sending a color adjustment request to the second device, wherein the color adjustment request includes a third list, the third list including program information of i first-class applications corresponding to the i first application icons.

[0060] Here, the first device can categorize all application icons to be color-corrected based on their usage frequency and / or duration. For example, it can select the i most frequently used application icons from the m application icons to be color-corrected and identify them as the i first application icons. Then, the first device can record the program information of the i first application icons corresponding to the i first category applications in a third list and send the third list to the second device.

[0061] Here, the color grading request that includes the third list can be color grading request 4 below.

[0062] Furthermore, the first color adjustment information includes the icon outlines of the i first application icons extracted from the third list.

[0063] Here, after receiving the third list, the second device can determine the corresponding i applications based on the i program information in the third list, and identify the application icons of the i applications as i first application icons belonging to the first type of icons. Then, it redraws the i first application icons to obtain their icon outlines. Here, the first color adjustment information generated based on the third list, including the icon outlines of the i first application icons, can be color adjustment information 6 as described below.

[0064] Understandably, in this approach, the second device does not need to categorize application icons, nor does it need to obtain i first application icons based on a filtering process, thus reducing the implementation cost of the second device.

[0065] In one possible implementation of the first aspect above, the first color information includes multiple color adjustment results corresponding to each first application icon, which are completed based on the first color adjustment method and corresponding to multiple color information for i first application icons in the third list, wherein the color information corresponds one-to-one with the color adjustment results, and the multiple color information includes the first color information.

[0066] Here, after obtaining the icon outlines of i first application icons based on the third list, the second device can fill each icon outline according to multiple color information to obtain multiple color adjustment results corresponding to each first application icon. Here, the first color adjustment information generated based on the third list, which includes the multiple color adjustment results corresponding to each of the i first application icons, can be the color adjustment information 7 mentioned below. In this method, the second device does not need to classify the application icons, nor does it need to obtain i first application icons based on a filtering process, thus reducing the implementation cost of the second device.

[0067] In one possible implementation of the first aspect above, the color adjustment request further includes first color information, wherein the first color information includes i first application icons in the third list that have been color-adjusted based on the first color adjustment method and corresponding to the first color information.

[0068] Here, the color adjustment request sent by the first device includes a third list and first color information. Correspondingly, after obtaining the icon outlines of i first application icons based on the third list, the second device can fill in each icon outline according to the first color information to obtain i first application icons after color adjustment. Here, the color adjustment request including the third list and the first color information can be color adjustment request 5 below. The first color adjustment information generated based on the third list, including the i first application icons after color adjustment, can be color adjustment information 8 below. In this method, the second device does not need to classify the application icons, nor does it need to obtain i first application icons based on a filtering process, thus reducing the implementation cost of the second device.

[0069] In one possible implementation of the first aspect above, displaying the i first application icons after color adjustment includes: among the applications corresponding to the i first application icons after color adjustment, determining the applications corresponding to k first application icons whose usage frequency is greater than a second threshold and / or whose usage duration is greater than a third threshold; and displaying the k first application icons.

[0070] Here, the second device determines i first application icons based on the number of applications downloaded. After the first device obtains the i first application icons with adjusted colors, the first device can further filter the i first application icons based on the frequency of use and / or duration of use of the first application icons to further determine the application icons of more commonly used applications.

[0071] In one possible implementation of the first aspect above, the first color information includes a first color combination, the first color combination includes s colors; and the first color adjustment method includes: selecting k colors from the first color combination and filling k areas in the icon outline respectively.

[0072] Here, the 's' colors in the first color combination can be any of the colors included in the color combinations described below. The 'k' regions in the icon outline can be any of the icon regions in the icon outline described below.

[0073] 1. In one possible implementation of the first aspect above, the first device displays m application icons, including i first application icons, j second application icons, and q third application icons.

[0074] Adjusting the colors of j second application icons based on the second color adjustment method includes: determining j second application icons from m application icons that have a first format, wherein the second application icons in the first format have a first color attribute and a second color attribute; modifying the first color attribute and the second color attribute of each of the j second application icons based on the first color information to obtain the j second application icons after color adjustment.

[0075] Here, the first format can be the adaptive icon mentioned below, the first color attribute can be the background parameter mentioned below, and the second color attribute can be the foreground parameter mentioned below.

[0076] It is understandable that the aforementioned method is based on the color adjustment method for the second type of icons, determined by the nature of the second type of icons. The first device can adjust the color of the second type of icons by modifying only two parameter values, thus achieving a simple and easy-to-use color adjustment method for the second type of icons while ensuring the color adjustment effect.

[0077] In one possible implementation of the first aspect above, the method further includes adjusting the colors of q third application icons based on a third color adjustment method and displaying the adjusted q second application icons; wherein adjusting the colors of q third application icons based on the third color adjustment method includes: shrinking the q third application icons and adding a background layer corresponding to the first color information to the shrunken q third application icons to obtain the adjusted q second application icons.

[0078] Here, all icons to be color-corrected can be all application icons displayed on the first device. Therefore, based on the aforementioned method, the first device can adjust the colors of all displayed application icons.

[0079] Here, the aforementioned method defines the first type of icons and application icons other than the second type as the third type of icons, and provides a third color adjustment method for the third type of icons. The first device can adjust the color of the third type of icons by shrinking the application icons and adding a background layer, so that the icon color adjustment function of the first device can cover all application icons, improving the display effect after the application icon color adjustment function.

[0080] Secondly, this application provides an icon processing method applied to a second device. The method includes: obtaining program information of p applications; selecting n first-class applications whose application icons belong to the first-class icon category from the p applications based on the download volume of each application, where n < p; and processing the n first-class icons of the n first-class applications using a first color adjustment method to obtain first color adjustment information.

[0081] Here, "p applications" can refer to all applications in the market. The above method provides a scheme for categorizing application icons based on a second device.

[0082] In one possible implementation of the second aspect described above, the first category of icons includes application icons for applications with download counts exceeding a first threshold. Here, the second device can categorize applications based on their download counts.

[0083] In one possible implementation of the second aspect above, the method further includes: receiving a color adjustment request sent by the first device; and sending first color adjustment information to the first device.

[0084] In one possible implementation of the second aspect above, corresponding to the color adjustment request including a second list, the first color adjustment information includes the icon outlines of i first application icons, wherein the icon outlines of the i first application icons are obtained based on the information of the applications corresponding to the i first application icons in the second list; or, corresponding to the color adjustment request including a second list, the first color adjustment information includes the color adjustment result based on the information of the applications corresponding to the i first application icons in the second list, and each of the i first application icons corresponds to multiple color information; corresponding to the color adjustment request including a second list and first color information, the first color adjustment information includes the color-adjusted i first application icons based on the information of the applications corresponding to the i first application icons in the second list, and the first color information corresponding to the i first application icons, wherein the second list includes the information of the applications corresponding to the m application icons to be color-adjusted, wherein the m application icons include the i first application icons.

[0085] Thirdly, this application provides a first device, comprising: one or more processors; one or more memories; the one or more memories storing one or more programs, which, when executed by one or more processors, cause the first device to perform the icon display method provided by the first aspect and various possible implementations of the first aspect.

[0086] Fourthly, this application provides a second device, comprising: one or more processors; one or more memories; the one or more memories storing one or more programs, which, when executed by one or more processors, cause the second device to perform the icon processing method provided in the second aspect and various possible implementations of the second aspect.

[0087] Fifthly, this application provides a computer-readable medium, characterized in that the readable medium stores instructions that execute on a computer the icon display method provided by the first aspect and various possible implementations of the first aspect, or the icon processing method provided by the second aspect and various possible implementations of the second aspect.

[0088] Sixthly, this application provides a computer program product, characterized in that it includes a computer program / instruction, which, when executed by a processor, implements the icon display method provided by the first aspect and various possible implementations of the first aspect, or implements the icon processing method provided by the second aspect and various possible implementations of the second aspect.

[0089] The beneficial effects of the second to sixth aspects mentioned above can be referred to the relevant descriptions in the first aspect and its various possible implementations, which will not be repeated here. Attached Figure Description

[0090] Figure 1a The image shown is a schematic diagram illustrating the effect of applying icon color adjustment function to a mobile phone 10 according to an embodiment of this application;

[0091] Figure 1b The diagram shown is a schematic representation of the icon color adjustment function of a mobile phone 10 according to an embodiment of this application.

[0092] Figure 2 The diagram shown is a schematic representation of a process for generating an icon outline according to an embodiment of this application.

[0093] Figure 3 The diagram shown is a scenario illustration of an implementation of the icon display and processing method provided in this application.

[0094] Figure 4 The diagram shown is a flowchart illustrating a method for implementing icon processing on a server 20 according to an embodiment of this application.

[0095] Figure 5 The diagram shown is a flowchart illustrating how a server 20 generates first color grading information, according to an embodiment of this application.

[0096] Figure 6 The diagram shown is a flowchart illustrating a method for displaying icons on a mobile phone 10 according to an embodiment of this application.

[0097] Figure 7a The image shown is a schematic diagram of an interface for adjusting the colors of application icons displayed on the desktop, provided in an embodiment of this application.

[0098] Figure 7b The diagram shown is an operation diagram of triggering the icon color adjustment function of mobile phone 10 according to an embodiment of this application;

[0099] Figure 7c The image shown is a schematic diagram illustrating the effect of color adjustment on all first-type icons displayed on the desktop, according to an embodiment of this application.

[0100] Figure 7d The image shown is a schematic diagram illustrating the effect of color adjustment on all second-type icons displayed on the desktop, according to an embodiment of this application.

[0101] Figure 7e The image shown is a schematic diagram illustrating the effect of color adjustment on all third-category icons displayed on the desktop, according to an embodiment of this application.

[0102] Figure 8a The diagram shown is a software structure block diagram of a mobile phone 10 provided in an embodiment of this application;

[0103] Figure 8b The diagram shown is a schematic representation of the interaction between different levels of machine 10 according to an embodiment of this application;

[0104] Figure 9 The diagram shown is a software structure interaction diagram of a method for displaying icons on a mobile phone 10 according to an embodiment of this application;

[0105] Figure 10 The diagram shown illustrates the interaction between mobile phone 10 and server 20 during the implementation of an icon display and processing method according to an embodiment of this application.

[0106] Figure 11 The diagram shown is a structural schematic of a mobile phone 10 provided in an embodiment of this application. Detailed Implementation

[0107] To make the objectives, technical solutions, and advantages of the embodiments of this application clearer, the technical solutions in the embodiments of this application will be described in detail below with reference to the accompanying drawings and specific implementation methods.

[0108] It is understood that the terminal device in the embodiments of this application may also be referred to as a terminal, user equipment (UE), mobile station (MS), mobile terminal (MT), etc. The terminal device may be a mobile phone, smart TV, wearable device, tablet computer, computer with wireless transceiver capabilities, virtual reality (VR) terminal device, augmented reality (AR) terminal device, etc. For ease of explanation, the following description uses mobile phone 10 as an example of the terminal device.

[0109] Based on the foregoing, in one example of implementing the aforementioned icon color adjustment function, the developer of the terminal device can design drawing rules for the application icons. These rules can specify attributes such as the maximum size, maximum number of colors, and type of the application icons. For example, the aforementioned drawing rules could specify the application icon type as a vector icon, the maximum size as 70×70dp (density-ind individual pixels), and the maximum number of colors as 18. Furthermore, the developer of the terminal device can design a unified color adjustment method for the application icons drawn according to these rules, thereby implementing the aforementioned icon color adjustment function.

[0110] It's understandable that icon color adjustment based on drawing rules can only adjust the colors of application icons that conform to those rules, and cannot adjust the colors of application icons that do not conform to them. This limits the number of compatible application icons. Consequently, even after adjusting the colors of application icons displayed on the desktop, it's impossible to adjust all displayed application icons to a uniform color scheme, thus degrading the user experience.

[0111] For example, Figure 1b A schematic diagram illustrating the process of applying the icon color adjustment function of mobile phone 10 is shown.

[0112] See Figure 1b The mobile phone 10 can display a desktop 100, which may include a display area 100a and a display area 100b. Display area 100a may include several first-type application icons, and display area 100b may include several second-type application icons. The first-type application icons may include application icons that conform to certain drawing rules; for example, they may include system application icons installed on the mobile phone 10. The second-type application icons may include application icons that do not conform to certain drawing rules; for example, they may include third-party application icons installed on the mobile phone 10.

[0113] Furthermore, after applying the icon color adjustment function of the phone 10, the first type of application icons in the display area 100a meet the drawing rules, therefore, the phone 10 can modify their colors to the color scheme selected by the user. Figure 1b (Taking the user's choice of black and white as an example). However, because the second type of application icons in display area 100b do not meet the drawing rules, the phone 10 cannot change their color to the color scheme selected by the user.

[0114] Clearly, the icon color adjustment function based on drawing rules has a limited range of application icons that can be adjusted. For example, the second type of application icons in display area 100b cannot be recolored. Consequently, this will result in inconsistent color styles between application icons in display areas 100a and 100b, affecting the visual effect of desktop 100 and reducing the user experience.

[0115] To address the aforementioned technical problems, this application provides an icon display and processing method that can adjust the color of application icons without relying on the aforementioned drawing rules. Specifically, the icon color adjustment function implemented by this method is not limited by attributes such as the maximum number of colors or the maximum size of the application icon. Specifically, the outline of the application icon can be redrawn in advance based on its original color area to generate an icon outline comprising several icon areas, where each icon area corresponds one-to-one with a color area. Furthermore, different colors can be filled into each icon area within the icon outline. For example, multiple colors selected by the user can be used to fill each icon area within the icon outline to achieve color adjustment of the application icon.

[0116] As an example, Figure 2 A schematic diagram illustrating the process of generating icon outlines is shown. Figure 2 As shown, for icon 200, an icon outline 201 can be generated by redrawing based on its original color area. This icon outline 201 can include icon areas 201a, 201b, 201c, and 201d. Furthermore, when filling each icon area with color, the color of each icon area can be filled with multiple colors selected by the user. Figure 2 (Taking the user's selection of multiple colors as black and white as an example) to generate the color-adjusted icon 202.

[0117] Based on the foregoing, Figure 3 The illustration shows an application scenario diagram of an icon display and processing method provided in this application.

[0118] See Figure 3 In the scenario shown, mobile phone 10 can implement the icon display method in the icon display and processing method provided in this application, and server 20 can implement the icon processing method in the icon display and processing method provided in this application.

[0119] Specifically, mobile phone 10 can provide users with icon color adjustment functionality based on the aforementioned icon display and processing methods. For example, the desktop and personalization services in the settings of mobile phone 10 can provide users with icon color adjustment functionality, or the icon color adjustment functionality can be a function that can be set separately in mobile phone 10. And this icon color adjustment functionality can be implemented based on server 20.

[0120] For example, server 20 can redraw the application icons of all applications on the market. Therefore, when a user of mobile phone 10 needs to adjust the color of an application icon, mobile phone 10 can send the user-selected color and all installed applications to server 20. Thus, server 20 can fill in the outlines of the icons corresponding to all applications installed on mobile phone 10 based on the user-selected color and send the filled application icons to mobile phone 10 so that mobile phone 10 can display the color-adjusted application icons.

[0121] It is understandable that in some embodiments, in order to support the icon color adjustment function of mobile phone 10, server 20 needs to redraw and fill the application icons of all commercially available applications. However, since there are a large number of applications on the market, if server 20 were to redraw and fill the application icons of all applications, the workload of server 20 would be quite large.

[0122] Therefore, in some other embodiments, the server 20 may only redraw and fill the application icons of some applications to reduce the workload of the server 20.

[0123] Specifically, all applications on the market can be categorized according to preset redrawing rules. Then, server 20 can redraw only the application icons that meet these rules. For example, the aforementioned redrawing rule could be whether the application's download count exceeds a preset threshold. In this case, server 20 can only redraw the icons of frequently used applications (hereinafter referred to as "high-frequency applications," as an example of the first type of application) whose download count exceeds the preset threshold. Correspondingly, server 20 can fill the icon outlines of the high-frequency applications downloaded by mobile phone 10 with only the colors selected by the user, thereby achieving the purpose of color-correcting the application icons of high-frequency applications (hereinafter referred to as "high-frequency icons," as an example of the first type of icon).

[0124] Furthermore, in this embodiment, the color scheme of application icons for infrequently downloaded applications (hereinafter referred to as "infrequently used icons") can be adjusted by the mobile phone 10. For example, the mobile phone 10 can classify infrequently used icons according to whether they are adaptive icons, and thus, the mobile phone 10 can adopt different color adjustment methods for adaptive icons and non-adaptive icons respectively. Here, adaptive icons are Android... TM The architecture provides an icon format that distinguishes different color areas, and its colors include only the foreground and background colors. Here, the foreground color can be determined by the foreground parameter of the adaptive icon, and the background color can be determined by the background parameter of the adaptive icon.

[0125] Therefore, for adaptive icons among non-frequently used icons (as an example of the second type of icon), the mobile phone 10 can replace the foreground and background colors of the adaptive icon based on any two of the multiple colors selected by the user, thereby achieving the purpose of color adjustment for the adaptive icon. For non-adaptive icons among non-frequently used icons (as an example of the third type of icon), the mobile phone 10 can shrink them and add a background layer to the shrunken non-adaptive icon based on any one of the multiple colors selected by the user, thereby achieving the purpose of color adjustment for the non-adaptive icon. It can be understood that the workload required for the aforementioned color adjustment methods for non-frequently used icons is less than the workload of redrawing and filling the icon. Therefore, in this embodiment, the mobile phone 10 also implements a color adjustment method with a smaller workload.

[0126] Furthermore, in some embodiments, to further reduce the workload required by server 20, server 20 can be responsible only for redrawing frequently used icons without performing icon outline filling. Specifically, server 20 can only redraw frequently used icons and send the icon outlines corresponding to the redrawn frequently used icons to mobile phone 10. Then, mobile phone 10 can fill the icon outlines corresponding to downloaded frequently used applications with multiple colors selected by the user to achieve the purpose of color adjustment for frequently used icons.

[0127] The icon display and processing method provided in this application will now be described in detail with reference to the accompanying drawings and specific embodiments. It should also be noted that the numbering of the steps in the methods and processes in the embodiments of this application is for ease of reference, not to limit the order of steps. If there is a sequential order between the steps, the textual description shall prevail.

[0128] The following will describe in detail the different interaction methods between mobile phone 10 and server 20 during the process of mobile phone 10 providing icon color adjustment function to users, using different embodiments. Here, the aforementioned icon color adjustment function is implemented based on the icon display and processing method provided in this application.

[0129] Example 1

[0130] In this embodiment, during the process of providing the icon color adjustment function to the user, there is no need for signaling interaction between the mobile phone 10 and the server 20.

[0131] The process of implementing the icon processing method provided in this application on server 20 will be described in detail below.

[0132] For example, Figure 4 A schematic diagram illustrating the implementation process of an icon processing method provided in this application is shown.

[0133] For ease of description, the following introduction Figure 4In the process shown, server 20 is used as the execution subject. The execution subject will not be described again below.

[0134] See Figure 4 The process by which server 20 implements the icon processing method provided in this application may include:

[0135] S400: Get program information for p applications.

[0136] For example, server 20 can obtain program information for p applications.

[0137] Here, "p applications" can include all applications on the market. Server 20 can obtain program information for all applications on the market by accessing the application market. Here, the application market includes applications that provide application download services. This application does not impose any restrictive description on the specific types of application markets.

[0138] S401: Based on the download volume of each application, select n first-class applications from p applications whose application icons belong to the first-class icon category.

[0139] For example, server 20 can categorize applications with download counts exceeding a preset download threshold from all applications on the market into a first category of applications, and determine their application icons as first category icons. For instance, the first category icons determined by server 20 may include n first category icons from n first category applications. It can be understood that the n first category applications determined by server 20 may be the aforementioned high-frequency applications.

[0140] S402: Process n icons of n first-class applications using the first color adjustment method to obtain first color adjustment information.

[0141] Here, server 20 can process the n first-category icons based on a first color adjustment method, thereby generating first color adjustment information corresponding to the n first-category icons. Here, the first color adjustment method can be the color adjustment method for high-frequency icons mentioned above.

[0142] For example, Figure 5 A flowchart is shown of a server 20 generating first color information.

[0143] Specifically, the process by which server 20 generates the first color grading information may include:

[0144] S500: Process n first-class icons based on the first color matching method, and generate icon outlines for n first-class icons.

[0145] Here, the specific content of server 20 processing n first-class icons based on the first color adjustment method may include server 20 redrawing the outline of the first-class icons according to their color areas, generating icon outlines for each first-class icon that include several icon areas. The schematic process can be found in the aforementioned... Figure 2 This will not be elaborated upon here.

[0146] In one example of generating icon outlines, server 20 can redraw and save the icon outlines of each first-class icon according to scalable vector graphics (SVG) format. Specifically, the SVG format icon outline of the first-class icon (hereinafter referred to as "SVG outline") may include multiple paths, where each path may correspond to an icon area in the icon outline, and each path may be set with corresponding color parameters. Server 20 can save the SVG outlines of n first-class icons in a resource package (hereinafter referred to as "SVG resource package").

[0147] Taking the SVG resource package containing the SVG outline of icon A of type 1 as an example, the SVG outline of icon A of type 1 can include the following:

[0148] path1:colour1;path2:colour2;path3:colour3;...pathn:colourn.

[0149] Furthermore, server 20 can mark the SVG outline of the first-type icon based on the program information of the first-type application to establish a correspondence between the first-type application and the SVG outline of its first-type icon. The aforementioned program information can be information that uniquely identifies an application. For example, program information can be the application's installation package (APK) package name. Taking WeChat as an example... TM For example, WeChat TM The program information could be "com.tencent.mm". Therefore, WeChat can be accessed based on "com.tencent.mm". TM The SVG outline of the icon is marked.

[0150] This application does not provide a limiting description of the process by which server 20 generates the SVG outlines of the first type of icons. In one example, the SVG outlines of each first type of icon can be manually redrawn by the developers and saved in the SVG resource package of server 20. In another example, server 20 can generate the SVG outlines of each first type of icon based on a vectorization tool. Here, the aforementioned vectorization tool may include online tools, command-line tools, and applications with vectorization functions, and the aforementioned vectorization functions may include the ability to convert images in non-SVG formats (e.g., JPEG, PNG, JPG, etc.) into SVG format images.

[0151] S501: Determine multiple color information, where each color information corresponds to multiple colors.

[0152] Here, server 20 can determine multiple color information, each color information corresponding to different color combinations determined by server 20. A color combination may include multiple colors used to fill the icon outline. Therefore, it can be understood that server 20 provides multiple color schemes based on multiple color information, and can adjust the various colors in the application icon to the color combinations corresponding to each color information.

[0153] It is understood that this application does not impose any limiting description on the number of colors in a color combination. In one example, the multiple colors in a color combination can be multiple colors from different color families. For example, the multiple colors in a color combination can be multiple different blues from the blue family, and multiple different yellows from the yellow family. Here, this application does not impose any limiting description on the number of color families in a color combination, or the number of colors in a color family.

[0154] In another example, the multiple colors in a color combination can be multiple colors from the same color family. For example, the multiple colors in a color combination can be multiple different reds from the red family. This application does not limit the number of colors in a color family. Furthermore, the differences between multiple colors in the same color family can arise from one or more combinations of factors such as brightness and saturation. This application does not limit the differences between multiple colors in the same color family.

[0155] In a method of corresponding color information to color combinations, the color information may include a color value table of color combinations, which may include multiple color parameters and their corresponding color values ​​(such as RGB values), with one color value representing one color.

[0156] Taking color combination B as an example, which is determined by server 20, the color value table for color combination B can be shown in Table 1 below:

[0157] Table 1

[0158] Color parameters Color value colour1 a1 colour2 a2 color3 a3 …… …… colourn an

[0159] Here, color combination B includes n colors, each with color parameters from colour1 to colourn, and each color value from a1 to an.

[0160] Furthermore, the multiple color information determined by server 20 can be pre-transmitted to mobile phone 10 to provide users of mobile phone 10 with various color matching schemes. This application does not provide limiting details regarding the specific method of pre-transmitting multiple color information to mobile phone 10. In one example, the developers of mobile phone 10 can store multiple color value tables of multiple color combinations determined by server 20 in mobile phone 10 before it leaves the factory. In another example, the developers of mobile phone 10 can encapsulate the multiple color value tables of multiple color combinations determined by server 20 in the system update package of mobile phone 10, so that mobile phone 10 can obtain and store multiple color information based on the system update process.

[0161] S502: Generate first color information based on the icon outlines of n first-class icons and at least one of multiple color information.

[0162] In one example, server 20 can generate first color information based on the icon outlines of n first-class icons. Specifically, server 20 can generate a first list based on SVG outlines (as an example of "icon outlines of first-class icons"), which may include program information of the first-class application corresponding to each SVG outline. Furthermore, server 20 can use the aforementioned first list and the aforementioned SVG resource package (as an example of "icon outlines of n first-class icons") as color information 1 (as an example of "first color information").

[0163] It is understandable that server 20 can also generate the aforementioned first list based on the n first-type applications determined in S401. Specifically, the program information of the n first-type applications can be stored in the aforementioned first list.

[0164] In another example, server 20 can generate first color adjustment information based on the icon outlines of n first-class icons and multiple color information. Specifically, server 20 can fill each SVG outline (as an example of "icon outlines of first-class icons") according to multiple color value tables (as an example of "multiple color information") to generate multiple color adjustment results for each first-class icon. It can be understood that each color adjustment result is a color-adjusted first-class icon, and the color of the color-adjusted first-class icon can be one of the multiple colors included in its corresponding color value table.

[0165] In an example method of filling SVG outlines based on a color value table, since each path in the SVG outline has a corresponding color parameter, the server 20 can assign the color parameter of each path based on the color value corresponding to the color parameter in the color value table, so as to fill the color of the icon area corresponding to each path with the color corresponding to each color value in the color value table.

[0166] For example, in the SVG outline of the first type of icon A mentioned above, the color parameter corresponding to path1 is colour1. The color value table of the aforementioned color combination B includes "colour1 = a", where 'a' is the color value corresponding to black. Therefore, if the SVG outline of the first type of icon A is filled with color based on color combination B, the color value 'a' can be assigned to the color parameter colour1 corresponding to path A1 of the first type of icon A. At this time, the icon area corresponding to path A1 of the first type of icon A will be filled with black.

[0167] In this example mode, server 20 can use multiple color adjustment results of each first type of icon and the aforementioned first list as color adjustment information 2 (as an example of "first color adjustment information").

[0168] Furthermore, the first color adjustment information generated by the server 20 (e.g., color adjustment information 1 or color adjustment information 2) can be pre-transmitted to the mobile phone 10 so that the mobile phone 10 can implement the icon color adjustment function. Here, the method of pre-transmitting the first color adjustment information to the mobile phone 10 is essentially the same as the method of pre-transmitting the aforementioned multiple color information to the mobile phone 10, and will not be described in detail here.

[0169] The process of implementing the icon display method provided in this application on mobile phone 10 will be described in detail below.

[0170] For example, Figure 6 A schematic diagram illustrating the implementation process of an icon display method provided in this application is shown.

[0171] For ease of description, the following introduction Figure 6 In the process shown, mobile phone 10 is used as the execution subject. The execution subject will not be described again below.

[0172] See Figure 6 The process of implementing the icon display method provided in this application on mobile phone 10 may include:

[0173] S600: An icon color adjustment instruction has been detected, wherein the icon color adjustment instruction includes the first color information selected by the user.

[0174] Here, mobile phone 10 (as an example of a "first device") can visualize multiple stored color value tables (as an example of "multiple color information"). For example, a color wheel corresponding to each color value table can be generated, which can display several of the multiple colors corresponding to it. Furthermore, when the icon color adjustment function of mobile phone 10 is triggered, mobile phone 10 can display multiple color wheels. It is understood that the way of visualizing color value tables as color wheels is only an example, and this application does not make any limiting description of the way color value tables are visualized. Any method that enables the user of mobile phone 10 to determine the multiple colors corresponding to the color value tables is within the protection scope of this application.

[0175] Furthermore, the mobile phone 10 can generate an icon color adjustment instruction based on the user's selection of a color wheel, which includes a color value table corresponding to the color wheel selected by the user (as an example of first color information). Then, the mobile phone 10 can adjust the color of the application icon to multiple colors corresponding to the color wheel selected by the user based on this icon color adjustment instruction and S601 described below.

[0176] It is understandable that the aforementioned color-corrected application icons could be all application icons displayed on the home screen of the phone 10, all application icons downloaded to the phone 10, or application icons displayed in a specific area (e.g., the negative one screen). The following text will use the example of all application icons displayed on the home screen being color-corrected.

[0177] S601: Based on the first color adjustment information received from the second device, display the i first application icons after color adjustment.

[0178] In one example, mobile phone 10 can display i color-adjusted first application icons based on icon color adjustment instructions and color adjustment information 1 (as an example of "first color adjustment information") determined by server 20 (as an example of "second device"). The method by which mobile phone 10 obtains color adjustment information 1 is described in the aforementioned S502 and will not be repeated here.

[0179] Specifically, color adjustment information 1 includes the aforementioned first list and the SVG resource package. Correspondingly, the mobile phone 10 can fill the n SVG outlines of the n first-class icons in the SVG resource package according to the color value table in the icon color adjustment instruction. It can be understood that at this time, the SVG resource package includes the n first-class icons after color adjustment.

[0180] Furthermore, the mobile phone 10 can filter out all application icons belonging to the first category of icons (e.g., i first application icons) from all application icons displayed on the desktop (hereinafter referred to as "icons to be color-corrected", for example, m application icons). For example, the mobile phone 10 can determine whether the program information of the application corresponding to each icon to be color-corrected is in the aforementioned first list. If it is in the first list, it can be determined that the icon to be color-corrected is a first application icon belonging to the first category of icons. Correspondingly, the mobile phone 10 can determine that the aforementioned n color-corrected first category icons include the color-corrected first application icon.

[0181] Therefore, mobile phone 10 can extract the color-corrected i first application icons from the SVG resource package based on the program information of the i first application icons corresponding to the i first type of applications, and display the color-corrected i first application icons.

[0182] Understandably, the phone 10 can first filter out i first-category icons belonging to the first category from all icons to be color-corrected. Then, based on the program information corresponding to the i first-category icons, it extracts the SVG outlines of the i first-category icons from the SVG resource package. Subsequently, the phone 10 can fill the SVG outlines of the i first-category icons according to the color value table in the icon color-correction instruction to obtain the color-corrected i first-category icons, and then display the color-corrected i first-category icons.

[0183] In another example, mobile phone 10 can display the i first application icons after color adjustment according to the icon color adjustment instruction and the color adjustment information 2 determined by server 20 (as an example of "first color adjustment information"). The method by which mobile phone 10 obtains color adjustment information 2 can be found in the aforementioned S502, and will not be repeated here.

[0184] Specifically, color adjustment information 2 includes the aforementioned first list and multiple color adjustment results for each of the n first-category icons. Correspondingly, the mobile phone 10 can first filter out i first application icons belonging to the first category from all icons to be color-adjusted according to the aforementioned first list. Then, the mobile phone 10 can extract multiple color adjustment results corresponding to the i first application icons from the multiple color adjustment results of the n first-category icons based on the program information corresponding to the i first application icons, and can extract the i first application icons after color adjustment according to the color value table in the icon color adjustment instruction. Then, the mobile phone 10 can display the i first application icons after color adjustment.

[0185] S602: Adjust the colors of j second application icons based on the second color adjustment method, and display the adjusted j second application icons.

[0186] Here, the phone 10 can filter out all application icons belonging to the second category of icons from all icons to be color-corrected (e.g., j second application icons). Then, the phone 10 can adjust the colors of the j second application icons based on the second color-correction method and display the adjusted j second application icons. It can be understood that the way the phone 10 filters out the j second application icons from all icons to be color-corrected can be by determining whether each icon to be color-corrected is an adaptive icon. If an icon to be color-corrected is an adaptive icon, then it can be determined that the icon to be color-corrected is a second application icon. The aforementioned second color-correction method can be the method for adjusting the colors of the second category of icons described above; please refer to the specific explanation above, which will not be repeated here.

[0187] Furthermore, the phone 10 can also identify all application icons that do not belong to the first or second category of icons (e.g., q third application icons) from all the icons to be color-corrected as third-category icons. Then, the phone 10 can adjust the colors of these q third application icons based on the third color-correction method and display the adjusted q third application icons. The third color-correction method can be the method for adjusting the colors of third-category icons described above; please refer to the detailed explanation above for further details, which will not be repeated here.

[0188] The following will describe the mobile phone 10 based on the aforementioned... (The text is incomplete and requires further context to be fully translated.) Figure 6 The color correction effect achieved by the process shown.

[0189] For example, Figure 7a This diagram illustrates an interface for adjusting the colors of application icons displayed on the desktop.

[0190] See Figure 7a The mobile phone 10 can display a desktop 700, which can display multiple application icons. Furthermore, an interface 701 can be displayed on top of the desktop 700, and this interface 701 can display multiple color palettes, such as color palette 701a. Each color palette can display several colors from its corresponding color combination. For example, the color combination corresponding to color palette 701a includes black, white, and several different shades of gray. Furthermore, color palette 701a can display three colors from this color combination, such as black, white, and one shade of gray. It is understood that this application does not impose any limitation on the number of colors displayed in a color palette. Figure 7a Take, for example, each color wheel displaying three colors from the color combination corresponding to that color wheel.

[0191] It is understood that this application does not limit the number of color palettes; the number of color palettes that mobile phone 10 can display depends on the amount of color information provided by server 20. The more color information provided by server 20, the more color palettes mobile phone 10 can display, and the more color matching schemes are available to the user.

[0192] Furthermore, this application does not make any restrictive descriptions regarding the manner in which the display interface 701 is displayed. When the icon color adjustment function of the mobile phone 10 is triggered, the mobile phone 10 can display the interface 701.

[0193] For example, Figure 7b The diagram illustrates an operation that triggers the icon color adjustment function on a mobile phone 10.

[0194] See Figure 7b The mobile phone 10 can display an interface 702 based on user operations. This interface 702 may include a display area 702a and controls such as 702b. The display area 702a can display a scaled-down version of the desktop content; for example, the display area 702a can display a scaled-down version of the aforementioned desktop 700. The control 702b can display a "Design Icon" prompt, indicating to the user that clicking the control 702b allows for icon design.

[0195] Here, interface 702 can be the interface corresponding to the "Desktop and Personalization Services" function of mobile phone 10. This application does not restrict the naming of this interface; for example, it can be called a desktop customization panel. In one example, when the "Desktop and Personalization Services" function of mobile phone 10 is triggered, mobile phone 10 can display interface 702. For example, the "Desktop and Personalization Services" function can be included in the settings application of mobile phone 10. Then, when the user selects the "Desktop and Personalization Services" function from the device application, mobile phone 10 will display interface 702. Alternatively, mobile phone 10 can provide a system application that implements the "Desktop and Personalization Services" function. When the user uses the system application, mobile phone 10 can display interface 702. Or, mobile phone 10 can provide the user with shortcut operations to trigger the "Desktop and Personalization Services" function. For example, when the user performs shortcut operations such as pinching, long pressing, or swiping with two fingers on the desktop 700, mobile phone 10 can display interface 702. It is understood that this application does not restrict the way and process by which mobile phone 10 displays interface 702.

[0196] Furthermore, when the user of mobile phone 10 clicks on control 702b in interface 702, mobile phone 10 can display desktop 700, and then display interface 703 on top of desktop 700. Interface 703 may include a prompt indicating "icon style" to inform the user that the style of the application icons can be modified based on interface 703. Interface 703 includes control 703a, which may have a prompt indicating "color" and a corresponding image to inform the user that control 703a corresponds to the function of adjusting the color of the application icons, such as the aforementioned icon color adjustment function.

[0197] Furthermore, when the user clicks on control 703a, the icon color adjustment function of phone 10 is triggered, and correspondingly, phone 10 can display the aforementioned... Figure 7aInterface 701 allows users to adjust the color of the application icon based on interface 701.

[0198] Specifically, when the mobile phone 10 detects a user's selection operation on a color wheel in the interface 701, it can adjust the colors of all application icons displayed on the desktop 700 to the colors corresponding to that color wheel. For example, when the mobile phone 10 detects a user's click operation on color wheel 700a (as an example of the aforementioned selection operation), it can generate an icon color adjustment command. Based on this icon color adjustment command, the mobile phone 10 can adjust the colors of all application icons displayed on the desktop 700 to black, white, gray, etc., corresponding to color wheel 700a.

[0199] For example, Figure 7c This illustration shows an effect of color adjustment on all first-class icons displayed on the desktop.

[0200] See Figure 7c The multiple application icons displayed on the desktop 700 may include a first type of icon, which may include i first application icons in the display area 700a. Furthermore, after the mobile phone 10 receives a user's click on the color palette 701a, it can terminate the display of interface 701 and display the color adjustment result of the first type of icons on the desktop 700 based on the first color adjustment information sent by the server 20. For example, after displaying the color adjustment result of the first type of icons on the desktop 700, the colors of the i first application icons in the display area 700a can be adjusted to black and white in the corresponding color combination of the color palette 701a.

[0201] Here, the color that each first application icon can be adjusted to depends on the number of icon areas in the icon outline of the first application icon and the color parameters corresponding to the icon areas. For example, each of the i first application icons in display area 700a can have two icon areas, and the corresponding color parameters can both be colour1 and colour2. In this case, if the color value of colour1 in the color value table corresponding to color wheel 701a is black and the color value of colour2 is white, then each of the i first application icons in display area 700a will be adjusted to a black and white color scheme.

[0202] It is understood that this application does not make any restrictive statements regarding the specific number and display position of the i first application icons in the desktop 700.

[0203] For example, Figure 7d This illustration shows an effect of color adjustment on all second-class icons displayed on the desktop.

[0204] See Figure 7dThe multiple application icons displayed on the desktop 700 may include a second type of icon, which may include j second application icons in the display area 700b. Furthermore, after the mobile phone 10 receives a user's click on the color palette 701a, it can adjust the colors of the second type of icons displayed on the desktop 700. For example, the colors of the j second application icons in the display area 700b can be adjusted based on the color combination corresponding to the color palette 701a. Specifically, the colors can be adjusted based on any two (…) colors in the color combination corresponding to the color palette 701a. Figure 7c (Using black and white as examples) Replace the foreground and background colors of each second application icon to complete the color adjustment of all second-type icons displayed on the desktop.

[0205] For example, Figure 7e This illustration shows an effect of color adjustment on all third-category icons displayed on the desktop.

[0206] See Figure 7e The multiple application icons displayed on the desktop 700 may include third-category icons, which may include q third-application icons in the display area 700c. Furthermore, after the mobile phone 10 receives a user's click on the color palette 701a, the colors of the third-category icons displayed on the desktop 700 can be adjusted. For example, the colors of the q third-application icons in the display area 700c can be adjusted based on the color combination corresponding to the color palette 701a. Specifically, each third-application icon can be scaled down and used with any one of the color combinations corresponding to the color palette 701a (…). Figure 7d (Using white as an example) Add a background layer to each of the scaled-down third-party application icons. Figure 7d (Using a white background layer as an example) to complete the color adjustment of all third-category icons displayed on the desktop.

[0207] It is understandable that after the mobile phone 10 obtains the user's click operation on the color palette 701a, it can complete the above within a short period of time (for example, within 0.5 milliseconds). Figures 7c to 7e The color adjustments shown above for the first, second, and third types of icons are as follows. Figures 7c to 7e The diagram showing color adjustments for each part is for illustrative purposes only. In actual use, users of the iPhone 10 may not be aware of the time interval between adjusting the colors of different categories of application icons.

[0208] Next, based on the software structure of the phone 10, the aforementioned implementation will be carried out on the phone 10. Figure 6 The specific process of the illustrated procedure will be explained.

[0209] Here, Figure 8a A software structure block diagram of a mobile phone 10 is shown.

[0210] The software system of the mobile phone 10 can adopt a layered architecture, event-driven architecture, microkernel architecture, microservice architecture, or cloud architecture. This application embodiment uses a layered architecture of Android... TM Taking the system as an example, the software structure of mobile phone 10 is illustrated.

[0211] Specifically, a layered architecture divides the software into several layers, each with a clear role and function. Layers communicate with each other through software interfaces. In some embodiments, Android... TM The system is divided into four layers, from top to bottom: application layer, application framework layer, and Android. TM runtime (Android) TM runtime and system libraries, as well as the kernel layer.

[0212] The application layer can include a series of application packages.

[0213] like Figure 8a As shown, the application layer may include desktop application 800, and applications corresponding to all application icons displayed on the desktop (not shown in the figure). For example, the application layer may include the installation packages of the applications corresponding to all application icons on the desktop, and each application's installation package may include an application icon.

[0214] Here, the desktop application 800 can provide the user of the mobile phone 10 with a visual interface for the aforementioned icon color adjustment function. Specifically, the desktop application 800 can display multiple color palettes, and after detecting the user's selection operation on a color palette, it generates an icon color adjustment instruction, and sends the color value table corresponding to the color palette selected by the user to the resource overlay module 801.

[0215] Furthermore, after receiving a notification from the resource management module 802 confirming that the application icon has been color-corrected, the desktop application 800 can send an icon acquisition request to the resource acquisition module 803. This icon acquisition request may include a second list and a color value table corresponding to the color palette selected by the user. The second list may include program information for all applications corresponding to the icons to be color-corrected. Therefore, the desktop application 800 sending the icon acquisition request to the resource acquisition module 803 can be used to request feedback on all icons to be color-corrected according to the user-selected color palette.

[0216] Furthermore, the desktop application 800 can display all the icons to be adjusted after obtaining the adjusted colors.

[0217] The application framework layer provides an application programming interface (API) and programming framework for applications in the application layer. The application framework layer includes some predefined functions, such as the `onConfigurationChanged()` function and the `VecotrDrawable.setColor()` function.

[0218] like Figure 8a As shown, the application framework layer may include a resource overlay module 801, a resource management module 802, and a resource acquisition module 803, etc.

[0219] When the first color adjustment information generated by server 20 is color adjustment information 1, resource overlay module 801 can fill the SVG outlines of each first-type icon in SVG resource package 804 with color based on the color value table in the received icon color adjustment instruction. Here, resource overlay module 801 can be based on Android TM The provided fabricated runtime resource overlays (FRRO) function implements color filling for the SVG outlines in the SVG resource package 804. Furthermore, after completing the color filling, the resource overlay module 801 can send a notification to the resource management module 802 to inform it that the resource overlay module 801 has completed the color adjustment for the first type of icon.

[0220] After receiving a notification from the resource overlay module 801, the resource management module 802 can send a notification to the desktop application 800 to inform it that the color adjustment of the first type of icons has been completed. Here, the process of the resource management module 802 receiving the notification from the resource overlay module 801 and sending the notification to the desktop application 800 can be based on Android. TM The provided Activity Task Manager Service (ATMS) implementation effectively improves the smoothness of the icon color adjustment process.

[0221] After receiving an icon acquisition request containing the aforementioned second list from the desktop application 800, the resource acquisition module 803 can determine the category to which the icons to be color-corrected corresponding to each program information in the second list belong, and obtain the color-corrected icons belonging to each category. The specific process and implementation method are described below. Figure 9 The detailed explanations in the text are omitted here.

[0222] Here, the process by which the resource acquisition module 803 determines the category of the application icon, and the process of adjusting the colors of various icons, can be found in the aforementioned section. Figure 6The specific details are omitted here.

[0223] In addition, the resource acquisition module 803 can also round the corners of each icon to be color-adjusted, so that the outer frame shape of all icons to be color-adjusted is adjusted to a rounded rectangle, so as to improve the user's more comfortable visual experience.

[0224] Furthermore, the resource acquisition module 803 can send all the color-corrected icons to the desktop application 800. These color-corrected icons may include i first application icons, j second application icons, and q third application icons.

[0225] Here, Figure 8b A schematic diagram illustrating the interaction between different levels is shown.

[0226] See Figure 8b The resource overlay module 801 in the application framework layer can process the SVG resource package in the system library according to the color palette selected by the user. Specifically, the resource overlay module 801 can fill the outline of each SVG in the SVG resource package with color according to the color palette selected by the user, so as to achieve color adjustment of i first application icons.

[0227] The desktop application 800 at the application layer can send an icon retrieval request to the application framework layer. Specifically, the desktop application 800 can send an icon retrieval request to the resource retrieval module 803 in the application framework layer. Then, the resource retrieval module 803 can adjust the colors of j second application icons and q third application icons, and send the adjusted i first application icons, j second application icons, and q third application icons to the desktop application 800.

[0228] Android TM Runtime includes core libraries and a virtual machine. Android TM The runtime is responsible for scheduling and management of the Android system.

[0229] The core library consists of two parts: one part is the functionalities that need to be called by the Java language, and the other part is the Android core library.

[0230] The application layer and application framework layer run in a virtual machine. The virtual machine executes the Java files of the application layer and application framework layer as binary files. The virtual machine is used to perform functions such as object lifecycle management, stack management, thread management, security and exception management, and garbage collection.

[0231] The system library may include SVG resource package 804 and the aforementioned first list (not shown in the figure).

[0232] Here, the SVG resource package 804 and the aforementioned first list can be generated by the server 20. The process by which the mobile phone 10 obtains the SVG resource package 804 and the aforementioned first list can be found above. Figure 5 The specific details are omitted here.

[0233] The kernel layer is the layer between hardware and software. The kernel layer includes at least display drivers, camera drivers, audio drivers, and sensor drivers.

[0234] Below, based on the aforementioned software structure of the mobile phone 10, the process of implementing the icon display method provided in this application on the mobile phone 10 will be described in detail.

[0235] For example, Figure 9 A schematic diagram of the software structure interaction process involved in implementing the aforementioned icon display method on a mobile phone 10 is shown.

[0236] It should be made clear that, in Figure 9 In the interactive process shown, the first color adjustment information obtained by the mobile phone 10 can be the aforementioned color adjustment information 1.

[0237] See Figure 9 The interaction process may include:

[0238] S900: Desktop application 800 detects the user's selection of the color palette and generates icon color adjustment instructions.

[0239] For example, the process by which the desktop application 800 detects the user's selection operation on the color palette and then generates an icon color adjustment instruction can be described in detail in the aforementioned S600, and will not be repeated here.

[0240] S901: Desktop application 800 sends icon color adjustment instructions to resource overlay module 801.

[0241] For example, after the desktop application 800 generates an icon color adjustment instruction, it can send it to the resource overlay module 801 so that the resource overlay module 801 adjusts the color of the first type of icon based on the color value table in the icon color adjustment instruction.

[0242] S902: Resource overlay module 801 fills the SVG outline of the first type of icon in SVG resource package 804 with color based on icon color adjustment instructions.

[0243] For example, when the resource overlay module 801 receives the icon color adjustment instruction, it can fill the SVG outline of each first-type icon in the SVG resource package 804 with color according to the color value table in the icon color adjustment instruction. Here, the specific method of filling the SVG outline according to the color value table can be found in the detailed description in S502 above, and will not be repeated here.

[0244] S903: SVG resource pack 804 saves the first type of icon after color correction.

[0245] For example, when the resource overlay module 801 fills the SVG outline of each first-class icon in the SVG resource package 804 with color based on the color value table in the icon color adjustment instruction, the content stored in the SVG resource package 804 may be all the first-class icons after color adjustment based on the color value table.

[0246] S904: Resource overlay module 801 notifies resource management module 802 that the color adjustment of the first type of icon has been completed.

[0247] For example, after the resource overlay module 801 fills the SVG outline of the first type of icon in the SVG resource package 804 with color based on S902, it can send a notification to the resource management module 802 to notify the resource management module 802 that the color adjustment of the first type of icon has been completed.

[0248] S905: Resource Management Module 802 notifies Desktop Application 800 that the color adjustment of the first type of icons has been completed.

[0249] For example, after receiving a notification from the resource overlay module 801, the resource management module 802 can forward the notification to the desktop application 800 to inform the desktop application 800 that the color adjustment of the first type of icons has been completed. Here, the resource management module 802 can notify the desktop application 800 that the color adjustment of the first type of icons has been completed by sending a configuration change function, such as the onConfigurationChanged() function, to the desktop. Here, the aforementioned configuration change function can be a function that enables the recipient to determine that a configuration change has occurred. The aforementioned configuration change includes a color change of the application icon.

[0250] S906: Desktop application 800 sends an icon acquisition request to resource acquisition module 803, wherein the icon acquisition request includes a second list.

[0251] For example, after receiving a notification from the resource management module 802, the desktop application 800 may send an icon acquisition request to the resource acquisition module 803. This icon acquisition request may include the aforementioned second list. Here, the desktop application 800 may generate a second list to determine all icons to be recolored. This second list may include program information for the applications corresponding to all icons to be recolored. All icons to be recolored can be applications corresponding to all application icons displayed on the desktop of the desktop application 800.

[0252] S907: Resource acquisition module 803 determines whether the icon to be color-adjusted corresponding to each program information in the second list is a second type of icon.

[0253] If the determination is yes, it indicates that the icon to be color-corrected is a second type of icon, and S908 can be executed;

[0254] If the determination is negative, it indicates that the icon to be color-corrected is not a second type of icon, and S911 can be executed.

[0255] For example, after the resource acquisition module 803 receives the icon acquisition request sent by the desktop application 800, it can determine the category of each icon to be color-adjusted based on the second list in the icon acquisition request.

[0256] Specifically, the resource acquisition module 803 can determine the application corresponding to each program information in the second list. This means that the application icon corresponding to that application is the icon to be color-corrected. Furthermore, the resource acquisition module 803 can first determine whether the corresponding icon to be color-corrected is a second type of icon based on the icon information in the application's APK.

[0257] Specifically, if the resource acquisition module 803 determines that the icon information includes a tag for an adaptive icon, it can determine that the icon to be color-corrected is a second type of icon. This tag may include the root element defining the adaptive icon, tags defining the content of the adaptive icon, etc. For example, the aforementioned tag for an adaptive icon may include at least one of the following:

[0258] Begin defining the root element for adaptive icons:<adaptive-icon xmlns:android="http: / / schemas.and roid.com / apk / res / android"> ;

[0259] Background label of adaptive icon:<background android:drawable=drawable_1> ;

[0260] Foreground label for adaptive icons:<foreground android:drawable=drawable_2> ;

[0261] Monochrome labels for adaptive icons:<monochrome android:drawable=drawable_3> ;

[0262] End the definition of the root element for adaptive icons:

[0263] S908: The resource acquisition module 803 determines the icon to be color-corrected as a second application icon belonging to the second category of icons.

[0264] For example, if the resource acquisition module 803 determines based on S907 that the icon to be color-corrected is a second type of icon, then it can be identified as a second application icon belonging to the second type of icon.

[0265] It is understandable that, based on the aforementioned S907 to S908, the resource acquisition module 803 can filter out all the second application icons from all the icons to be color-corrected. For example, it can filter out j second application icons from m application icons.

[0266] S909: Resource acquisition module 803 adjusts the color of the second application icon based on the second color adjustment method.

[0267] For example, the resource acquisition module 803 can adjust the colors of all second application icons among all icons to be color-adjusted based on the second color-adjustment method. For instance, the resource acquisition module 803 can adjust the colors of j second application icons out of m application icons based on the second color-adjustment method.

[0268] Here, the specific process by which the resource acquisition module 803 adjusts the color of the second application icon based on the second color adjustment method is essentially the same as that described in S602 above, and will not be repeated here.

[0269] Specifically, for each second application icon with an adaptive icon format, the resource acquisition module 803 can call a function such as VecotrDrawable.setColor() to modify the background and foreground parameters of the adaptive icon to any two color values ​​from the aforementioned color value table. This modifies the foreground and background colors of the second application icon, thus achieving color adjustment of the second application icon. Here, the background parameter of the adaptive icon can be drawable_1 in the background label of S907, and the foreground parameter of the adaptive icon can be drawable_2 in the foreground label of S907.

[0270] S910: Resource acquisition module 803 sends the color-adjusted second application icon to desktop application 800.

[0271] For example, after the resource acquisition module 803 completes the color adjustment of the second application icon, it can send the color-adjusted second application icon to the desktop application 800. Here, the resource acquisition module 803 can send the color-adjusted second application icon to the desktop application 800 after completing the color adjustment of one second application icon. Alternatively, the resource acquisition module 803 can also send multiple color-adjusted second application icons to the desktop application 800 after completing the color adjustment of multiple second application icons; here, the multiple second application icons can be all the second application icons.

[0272] S911: Resource acquisition module 803 determines whether the icon to be color-corrected is a first-class icon.

[0273] If the determination is yes, it indicates that the icon to be color-corrected is a first-class icon, and S912 can be executed;

[0274] If the determination is negative, it indicates that the icon to be color-corrected is a third-category icon, and S915 can be executed.

[0275] For example, after determining that the icon to be color-corrected is not a second type of icon based on the aforementioned S907, the resource acquisition module 803 can further determine whether the icon to be color-corrected is a first type of icon.

[0276] Specifically, the resource acquisition module 803 can determine whether the icon to be color-corrected is a first-type icon by judging whether the program information of the application corresponding to the icon to be color-corrected is in the aforementioned first list. If the program information of the application corresponding to the icon to be color-corrected is in the aforementioned first list, it indicates that the icon to be color-corrected is a first-type icon, and S912 can be executed; otherwise, if the program information of the application corresponding to the icon to be color-corrected is not in the first list, it indicates that the icon to be color-corrected is a third-type icon, and S915 can be executed.

[0277] S912: The resource acquisition module 803 determines the icon to be color-corrected as the first application icon belonging to the first category of icons.

[0278] For example, if the resource acquisition module 803 determines that the icon to be color-corrected is a first type of icon based on the aforementioned S911, then the icon to be color-corrected can be determined as a first application icon belonging to the first type of icon.

[0279] It is understandable that, based on the aforementioned S911 to S912, the resource acquisition module 803 can filter out all the first application icons from all the icons to be color-corrected. For example, it can filter out the i first application icons from m application icons.

[0280] S913: Resource acquisition module 803 obtains the first application icon after color adjustment from SVG resource package 804.

[0281] For example, based on the aforementioned S903, the SVG resource package 804 stores all the first type icons after color adjustment. Therefore, the resource acquisition module 803 can directly extract the first application icon after color adjustment from the SVG resource package 804 based on the application information of the application corresponding to the first application icon.

[0282] S914: Resource acquisition module 803 sends the first application icon with adjusted color to desktop application 800.

[0283] For example, after the resource acquisition module 803 extracts the color-corrected first application icon, it can send it to the desktop application 800. Here, the resource acquisition module 803 can send the color-corrected first application icon to the desktop application 800 after extracting just one color-corrected first application icon. Alternatively, the resource acquisition module 803 can also send multiple color-corrected first application icons to the desktop application 800 after extracting multiple color-corrected first application icons; here, the multiple first application icons can be all of the first application icons.

[0284] S915: The resource acquisition module 803 determines the icon to be color-corrected as a third application icon belonging to the third category of icons.

[0285] For example, if the resource acquisition module 803 determines, based on the aforementioned S907, that the icon to be color-corrected is not a second type of icon, and based on S911, determines that the icon to be color-corrected is not a first type of icon, then the icon to be color-corrected can be identified as a third application icon belonging to the third type of icon.

[0286] Understandably, the resource acquisition module 803 can filter out all third-party application icons from all icons to be color-corrected. For example, it can filter out q second-party application icons from m application icons.

[0287] S916: Resource acquisition module 803 adjusts the color of the third application icon based on the third color adjustment method.

[0288] For example, the resource acquisition module 803 can adjust the colors of all third application icons among all icons to be color-corrected based on the third color-correction method. For instance, the resource acquisition module 803 can adjust the colors of q second application icons out of m application icons based on the third color-correction method.

[0289] Here, the specific process by which the resource acquisition module 803 adjusts the color of the third application icon based on the third color adjustment method is essentially the same as that described in S602 above, and will not be repeated here.

[0290] In addition, to improve the user's visual experience, the resource acquisition module 803 can also crop the third application icon into a circle, then shrink the third application icon and add a background layer.

[0291] S917: Resource acquisition module 803 sends the color-adjusted third application icon to desktop application 800.

[0292] For example, after the resource acquisition module 803 completes the color adjustment of the third application icon, it can send the color-adjusted third application icon to the desktop application 800. Here, the resource acquisition module 803 can send the color-adjusted third application icon to the desktop application 800 after completing the color adjustment of one third application icon. Alternatively, the resource acquisition module 803 can also send multiple color-adjusted third application icons to the desktop application 800 after completing the color adjustment of multiple third application icons, where the multiple third application icons can be all the third application icons.

[0293] S918: Desktop application 800 displays all received application icons.

[0294] For example, desktop application 800 can display all received application icons. Specifically, desktop application 800 can display i first application icons, j second application icons, and q third application icons after color adjustment.

[0295] It is understood that, based on the aforementioned S900 to S918, the color adjustment of all application icons displayed on the desktop can be completed. Correspondingly, the icon color adjustment function implemented by the mobile phone 10 based on this application can cover any application icon displayed on the desktop.

[0296] Example 2

[0297] In this embodiment, during the process of providing the icon color adjustment function to the user, the mobile phone 10 needs to perform signaling interaction with the server 20.

[0298] For example, Figure 10 This diagram illustrates the interaction between mobile phone 10 and server 20 during the implementation of the aforementioned icon display and processing method.

[0299] See Figure 10 In implementing the aforementioned icon display and processing method, the interaction between mobile phone 10 and server 20 may include:

[0300] S1000: Phone 10 detected an icon color adjustment command.

[0301] For example, the specific content of the icon color adjustment instruction detected by the mobile phone 10 is essentially the same as that of the aforementioned S600. For details, please refer to the detailed description in the aforementioned S600, which will not be repeated here.

[0302] S1001: Mobile phone 10 sends a color adjustment request to server 20 based on icon color adjustment instructions.

[0303] For example, after detecting an icon color adjustment instruction, mobile phone 10 can send a color adjustment request to server 20.

[0304] In one example, the color adjustment request can be color adjustment request 1. Color adjustment request 1 can be used to cause server 20 to generate the aforementioned color adjustment information 1 or color adjustment information 2. The specific content of color adjustment information 1 and color adjustment information 2 can be found in the aforementioned S502, and will not be repeated here.

[0305] In another example, the color adjustment request can be color adjustment request 2. Color adjustment request 2 may include a second list, which may include application information for all icons to be color-adjusted. All icons to be color-adjusted may include i first application icons, j second application icons, and q third application icons. Furthermore, color adjustment request 2 can be used to cause server 20 to generate either color adjustment information 3 or color adjustment information 4 based on the second list.

[0306] In another example, the color adjustment request can be color adjustment request 3. Color adjustment request 3 may include the aforementioned second list and the aforementioned first color information, and can be used to enable server 20 to generate the following color adjustment information 5 based on the second list and the first color information.

[0307] In another example, the color adjustment request can be color adjustment request 4. Color adjustment request 4 may include a third list, which may include program information for the i first-class applications corresponding to the aforementioned i first application icons. Color adjustment request 4 can be used to cause server 20 to generate either the following color adjustment information 6 or the following color adjustment information 7 based on the third list.

[0308] For example, mobile phone 10 can filter out i first application icons from all icons to be color-corrected, and generate a third list based on the program information of i first-category applications corresponding to the i first application icons. Specifically, mobile phone 10 can determine whether the usage duration of the application corresponding to each icon to be color-corrected on mobile phone 10 is greater than a preset duration threshold, and / or whether the usage frequency on mobile phone 10 is greater than a preset frequency threshold. If it is greater than the preset duration threshold and / or the preset frequency threshold, then mobile phone 10 can determine the application icon of the application as a first application icon belonging to the first category of icons. Furthermore, the program information of the application can be added to the third list.

[0309] In another example, the color adjustment request can be color adjustment request 5. Color adjustment request 5 may include a third list and first color information. Color adjustment request 5 can be used to cause server 20 to generate the following color adjustment information 8 based on the third list and the first color information.

[0310] S1002: Server 20 generates first color adjustment information based on the color adjustment request.

[0311] In one example, server 20 may generate color grading information 1 or color grading information 2 based on color grading request 1. The process by which server 20 generates color grading information 1 and color grading information 2 can be found in the detailed description in S502 above, and will not be repeated here.

[0312] In another example, server 20 may generate color grading information 3 based on the second list in color grading request 2. The color grading information 3 may include icon outlines extracted from the i first application icons based on information about the applications corresponding to the i first application icons in the second list.

[0313] For example, after receiving the second list, server 20 can filter out i first application icons belonging to the first category of icons based on the second list. Specifically, server 20 can determine the application corresponding to the icon to be color-corrected based on the program information in the second list, and determine whether the download volume of each application is greater than a preset download volume threshold. If it is greater than the preset download volume threshold, the application icon of that application can be determined as a first application icon belonging to the first category of icons. Then, server 20 can generate i icon outlines corresponding to the i first application icons and use them as color correction information 3.

[0314] In another example, server 20 may generate color adjustment information 4 based on the second list in color adjustment request 2. Color adjustment information 4 may include color adjustment results extracted from the information of the applications corresponding to the i first application icons in the second list, and each of the i first application icons corresponds to multiple color information.

[0315] For example, after the server 20 filters out i first application icons belonging to the first category of icons based on the second list, it can fill the icon outline of each first application icon according to multiple color information. Then, the server 20 can obtain the color adjustment result of multiple color information corresponding to each of the i first application icons, and use it as color adjustment information 4.

[0316] In another example, server 20 may generate color adjustment information 5 based on the second list and the first color information in color adjustment request 3. The color adjustment information 5 may include the i first application icons after color adjustment, extracted from the information of the applications corresponding to the i first application icons in the second list and the first color information corresponding to the i first application icons.

[0317] For example, after the server 20 filters out i first application icons belonging to the first category of icons based on the second list, it can fill the icon outline of each first application icon according to the first color information. Then, the server 20 can obtain the i first application icons with the color adjusted according to the first color information of each first application icon, and use them as the color adjustment information 5.

[0318] In another example, server 20 may generate color information 6 based on a third list in color adjustment request 4. Color information 6 may include icon outlines of i first application icons extracted from the third list.

[0319] For example, server 20 can determine i first application icons based on the program information of i first-type applications in the third list. Then, server 20 can extract the icon outlines of the i first application icons and use them as color adjustment information 6. It can be understood that color adjustment information 6 and color adjustment information 3 are essentially the same in content, but obtained in different ways.

[0320] In another example, server 20 may generate color adjustment information 7 based on the third list in color adjustment request 4. The color adjustment information 7 may include the color adjustment results for each of the i first application icons in the third list, where each first application icon corresponds to multiple color information.

[0321] For example, after determining i first application icons based on the third list, server 20 can fill the icon outlines of each first application icon according to multiple color information. Then, server 20 can obtain the color adjustment results corresponding to the multiple color information for each of the i first application icons and use this as color adjustment information 7. It can be understood that color adjustment information 7 and color adjustment information 4 are essentially the same in content, but obtained in different ways.

[0322] In another example, server 20 may generate color adjustment information 8 based on the third list and the first color information in color adjustment request 5. The color adjustment information 8 may include the i first application icons after color adjustment, extracted from information about the applications corresponding to the i first application icons in the third list, and the first color information corresponding to the i first application icons.

[0323] For example, after determining i first application icons based on the third list, server 20 can fill the icon outlines of each first application icon according to the first color information. Then, server 20 can obtain the i first application icons after color adjustment corresponding to the first color information and use them as color adjustment information 8. It can be understood that color adjustment information 8 and color adjustment information 5 are essentially the same in content, but obtained in different ways.

[0324] S1003: Server 20 sends the first color adjustment information to mobile phone 10.

[0325] For example, in response to mobile phone 10 sending color adjustment request 1 to server 20, server 20 can send color adjustment information 1 or color adjustment information 2 to mobile phone 10.

[0326] For example, in response to mobile phone 10 sending color adjustment request 2 to server 20, server 20 can send color adjustment information 3 or color adjustment information 4 to mobile phone 10.

[0327] For example, in response to mobile phone 10 sending color adjustment request 3 to server 20, server 20 can send color adjustment information 5 to mobile phone 10.

[0328] For example, in response to mobile phone 10 sending color adjustment request 4 to server 20, server 20 can send color adjustment information 6 or color adjustment information 7 to mobile phone 10.

[0329] For example, in response to mobile phone 10 sending color adjustment request 5 to server 20, server 20 can send color adjustment information 8 to mobile phone 10.

[0330] S1004: Mobile phone 10 displays i first application icons after color adjustment based on the first color adjustment information.

[0331] For example, when mobile phone 10 receives color adjustment information 1 sent by the server, the process of mobile phone 10 generating and displaying i first application icons after color adjustment can be referred to the specific description in the aforementioned S601, and will not be repeated here.

[0332] For example, when mobile phone 10 receives color adjustment information 2 sent by the server, the process of mobile phone 10 selecting and displaying the i first application icons after color adjustment can be found in the specific description in S601 above, and will not be repeated here.

[0333] For example, upon receiving color adjustment information 3 from the server, mobile phone 10 can obtain the icon outlines of i first application icons. Then, mobile phone 10 can fill the icon outlines of the i first application icons based on the first color information to obtain i first application icons with adjusted color. Finally, mobile phone 10 can display the i first application icons with adjusted color.

[0334] For example, upon receiving the color adjustment information 4 sent by the server, the mobile phone 10 can obtain the color adjustment results of multiple color information corresponding to each of the i first application icons. Then, the mobile phone 10 can filter out the color-adjusted i first application icons from the color adjustment results corresponding to the multiple color information of each first application icon based on the first color information. Finally, the mobile phone 10 can display the color-adjusted i first application icons.

[0335] For example, in response to receiving the color adjustment information 5 sent by the server, the mobile phone 10 can directly obtain the i first application icons after color adjustment, and then the mobile phone 10 can display them.

[0336] For example, the color adjustment information received by the mobile phone is essentially the same as the color adjustment information received 3, the color adjustment information received 7 is essentially the same as the color adjustment information received 4, and the color adjustment information received 8 is essentially the same as the color adjustment information received 5. These details will not be elaborated here.

[0337] S1005: Mobile phone 10 adjusts the colors of j second application icons based on the second color adjustment method.

[0338] For example, the details of how mobile phone 0 adjusts the colors of j second application icons based on the second color adjustment method can be found in the specific description in S602 above, and will not be repeated here.

[0339] S1006: The phone displays j second application icons after color adjustment.

[0340] For example, after the mobile phone 10 completes the color adjustment of j second application icons, it can display the color-adjusted j second application icons.

[0341] S1007: Mobile phone 10 adjusts the colors of q third-party application icons based on a third color adjustment method.

[0342] For example, the details of how the mobile phone 10 adjusts the colors of the j second application icons based on the third color adjustment method can be found in the specific description in S602 above, and will not be repeated here.

[0343] S1008: The phone displays q third-party application icons with adjusted colors.

[0344] For example, after the mobile phone 10 completes the color adjustment of q third-party application icons, it can display the color-adjusted q third-party application icons.

[0345] Figure 11 A schematic diagram of the structure of mobile phone 10 is shown.

[0346] The mobile phone 10 may include a processor 110, an external memory interface 120, an internal memory 121, a universal serial bus (USB) interface 130, a charging management module 140, a power management module 141, a battery 142, an antenna 1, an antenna 2, a mobile communication module 150, a wireless communication module 160, an audio module 170, a speaker 170A, a receiver 170B, a microphone 170C, a headphone jack 170D, a sensor module 180, buttons 190, a motor 191, an indicator 192, a camera 193, a display screen 194, and a subscriber identification module (SIM) card interface 195, etc. The sensor module 180 may include a pressure sensor 180A, a gyroscope sensor 180B, a barometric pressure sensor 180C, a magnetic sensor 180D, an accelerometer sensor 180E, a distance sensor 180F, a proximity sensor 180G, a fingerprint sensor 180H, a temperature sensor 180J, a touch sensor 180K, an ambient light sensor 180L, a bone conduction sensor 180M, etc.

[0347] It is understood that the structures illustrated in the embodiments of this application do not constitute a specific limitation on the mobile phone 10. In other embodiments of this application, the mobile phone 10 may include more or fewer components than illustrated, or combine some components, or split some components, or have different component arrangements. The illustrated components may be implemented in hardware, software, or a combination of software and hardware.

[0348] Processor 110 may include one or more processing units, such as application processors (APs), modem processors, graphics processing units (GPUs), image signal processors (ISPs), controllers, video codecs, digital signal processors (DSPs), baseband processors, and / or neural network processing units (NPUs). These different processing units may be independent devices or integrated into one or more processors.

[0349] The controller can generate operation control signals based on the instruction opcode and timing signals to control the fetching and execution of instructions. For example, the controller can be used to generate the aforementioned... Figure 10 Multiple instructions or requests within the framework. For example, icon color adjustment instructions and icon retrieval requests.

[0350] The processor 110 may also include a memory for storing instructions and data. For example, the memory may be used to store the aforementioned SVG resource packages and various lists, such as the aforementioned first list, the aforementioned second list, and the aforementioned third list. In some embodiments, the memory in the processor 110 is a cache memory. This memory can store instructions or data that the processor 110 has just used or is reusing. If the processor 110 needs to use the instruction or data again, it can directly retrieve it from the aforementioned memory. This avoids repeated accesses, reduces the waiting time of the processor 110, and thus improves system efficiency.

[0351] In some embodiments, the processor 110 may include one or more interfaces. Interfaces may include an inter-integrated circuit (I2C) interface, an inter-integrated circuit sound (I2S) interface, a pulse code modulation (PCM) interface, a universal asynchronous receiver / transmitter (UART) interface, a mobile industry processor interface (MIPI), a general-purpose input / output (GPIO) interface, a subscriber identity module (SIM) interface, and / or a universal serial bus (USB) interface, etc.

[0352] The I2C interface is a bidirectional synchronous serial bus, including a serial data line (SDA) and a serial clock line (SCL). In some embodiments, the processor 110 may include multiple I2C buses. The processor 110 can couple to the touch sensor 180K, charger, flash, camera 193, etc., through different I2C bus interfaces. For example, the processor 110 can couple to the touch sensor 180K through the I2C interface, enabling the processor 110 and the touch sensor 180K to communicate through the I2C bus interface, thus realizing the touch function of the mobile phone 10.

[0353] The MIPI interface can be used to connect the processor 110 to peripheral devices such as the display 194 and camera 193. The MIPI interface includes a camera serial interface (CSI) and a display serial interface (DSI). In some embodiments, the processor 110 and camera 193 communicate via the CSI interface to enable the mobile phone 10 to take pictures. The processor 110 and display 194 communicate via the DSI interface to enable the mobile phone 10 to display.

[0354] It is understood that the interface connection relationships between the modules illustrated in the embodiments of this application are merely illustrative and do not constitute a structural limitation on the mobile phone 10. In other embodiments of this application, the mobile phone 10 may also adopt different interface connection methods or combinations of multiple interface connection methods as described in the above embodiments.

[0355] The mobile phone 10 implements display functions through a GPU, a display screen 194, and an application processor. The GPU is a microprocessor for image processing, connected to the display screen 194 and the application processor. The GPU is used to perform mathematical and geometric calculations for graphics rendering. The processor 110 may include one or more GPUs, which execute program instructions to generate or modify display information.

[0356] Display screen 194 is used to display images, videos, etc. Display screen 194 includes a display panel. The display panel can be a liquid crystal display (LCD), an organic light-emitting diode (OLED), an active-matrix organic light-emitting diode (AMOLED), a flexible light-emitting diode (FLED), a Mini-LED, a Micro-LED, a Micro-OLED, a quantum dot light-emitting diode (QLED), etc. In some embodiments, mobile phone 10 may include one or N displays 194, where N is a positive integer greater than 1.

[0357] Touch sensor 180K, also known as a "touch device," can be located on display screen 194. The touch sensor 180K and display screen 194 together form a touchscreen, also known as a "touchscreen." Touch sensor 180K detects touch operations applied to or near it. The touch sensor can transmit the detected touch operation to the application processor to determine the type of touch event. Visual output related to the touch operation can be provided through display screen 194. In other embodiments, touch sensor 180K may also be located on the surface of mobile phone 10, in a different position than display screen 194.

[0358] This application also provides a computer program product for implementing the icon display and processing methods provided in the above embodiments.

[0359] Various embodiments of the mechanisms disclosed in this application can be implemented in hardware, software, firmware, or combinations of these implementation methods. Embodiments of this application can be implemented as computer program modules or module code executable on a programmable system, the programmable system including at least one processor, a storage system (including volatile and non-volatile memory and / or storage elements), at least one input device, and at least one output device.

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

[0361] Module code can be implemented using a high-level modular language or an object-oriented programming language to communicate with the processing system. Assembly language or machine language can also be used to implement module code when needed. In fact, the mechanisms described in this application are not limited to any particular programming language. In either case, the language can be a compiled language or an interpreted language.

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

[0363] In this specification, the reference to "an embodiment" or "an embodiment" means that a specific feature, structure, or characteristic described in connection with the embodiment is included in at least one exemplary implementation or technology disclosed according to an embodiment of this application. The appearance of the phrase "in an embodiment" in various places in the specification does not necessarily refer to the same embodiment.

[0364] The disclosure of embodiments of this application also relates to means for performing operations in text. This means may be specifically constructed for the claimed purpose or may include a general-purpose computer selectively activated or reconfigured by a computer program stored in a computer. Such a computer program may be stored on a computer-readable medium, such as, but not limited to, any type of disk, including floppy disks, optical disks, CD-ROMs, magneto-optical disks, read-only memory (ROM), random access memory (RAM), EPROM, EEPROM, magnetic or optical cards, application-specific integrated circuits (ASICs), or any type of medium suitable for storing electronic instructions, and each may be coupled to a computer system bus. Furthermore, the computer mentioned in the specification may include a single processor or may employ an architecture involving multiple processors for increased computing power.

[0365] Furthermore, the language used in this specification has been primarily chosen for readability and instructional purposes and may not have been chosen to depict or limit the disclosed subject matter. Therefore, the embodiments disclosed herein are intended to illustrate, and not limit, the scope of the concepts discussed herein.

Claims

1. An icon display method, applied to a first device, characterized in that, The first device displays m application icons, which include i first application icons and j second application icons. The i first application icons belong to a first type of icon, and the j second application icons belong to a second type of icon. and, The method includes: An icon color adjustment instruction was detected, wherein the icon color adjustment instruction includes first color information selected by the user; Based on the first color adjustment information received from the second device, the i first application icons are color-adjusted using the first color adjustment method, and the i first application icons after color adjustment are displayed. The j second application icons are color-corrected using a second color-correction method, and the color-corrected j second application icons are displayed; wherein, The step of adjusting the colors of the i first application icons using the first color adjustment method includes: Extract the icon outline of the first application icon, and fill the icon outline of the first application icon with color based on the first color information to obtain the i first application icons after color adjustment. The step of adjusting the colors of the j second application icons using the second color adjustment method includes: Identify j second application icons from the m application icons that have a first format, wherein the second application icons with the first format have a first color attribute and a second color attribute; Based on the first color information, modify the first color attribute and the second color attribute of each of the j second application icons to obtain the color-adjusted j second application icons.

2. The method according to claim 1, characterized in that, The first color information corresponds to the color combination selected by the user.

3. The method according to claim 1, characterized in that, The classification parameter value of the first type of icon is greater than the first threshold; The classification parameter value of the second type of icon is less than or equal to the first threshold; The classification parameter values ​​include at least one of the following: The number of downloads of the application corresponding to the app icon in the app store; The frequency of use of the application corresponding to the application icon on the first device; The duration of time the application corresponding to the application icon is used on the first device.

4. The method of claim 3, wherein, When the classification parameter value is the download volume, the first color grading information includes: The first list and the icon outlines of n icons of the first type, The first list includes program information for n first-class applications corresponding to the n first-class icons, and the n first-class icons include the i first application icons.

5. The method of claim 4, wherein, The step of displaying i color-corrected first application icons based on the first color-correction information received from the second device includes: Based on the first color information, the outlines of the n first-class icons are filled with color to obtain the n first-class icons after color adjustment; Based on the first list, determine the program information of the i first application icons corresponding to the i first application icons of the first category; Based on the program information of the i first-class applications, select the i first-application icons after color adjustment from the n first-class icons after color adjustment; Display the i first application icons after the color adjustment.

6. The method according to claim 4, characterized in that, The step of displaying i color-corrected first application icons based on the first color-correction information received from the second device includes: Based on the first list, determine the program information of the i first application icons corresponding to the i first application icons of the first category; Based on the program information of the i first-class applications, select the icon outlines of the i first-application icons from the icon outlines of the n first-class icons; Based on the first color information, the icon outlines of the i first application icons are filled with color to obtain the i first application icons after color adjustment; Display the i first application icons after the color adjustment.

7. The method of claim 3, wherein, The first color grading information includes: The first list, and the color adjustment results for each of the n first-category icons corresponding to multiple color information. The first list includes program information for n first-class applications corresponding to the n first-class icons, and the n first-class icons include the i first application icons; The color information corresponds one-to-one with the color adjustment result, and the first color information is included among the plurality of color information.

8. The method of claim 7, wherein, The step of displaying i color-corrected first application icons based on the first color-correction information received from the second device includes: Based on the first list, determine the program information of the i first application icons corresponding to the i first application icons of the first category; Based on the program information of the i first-class applications and the first color information, the i first application icons after color adjustment are selected from the color adjustment results of multiple color information corresponding to each first-class icon. Display the i first application icons after the color adjustment.

9. The method according to claim 3, characterized in that, The method further includes: A color adjustment request is sent to the second device based on the icon color adjustment command; Receive the first color adjustment information sent by the second device according to the color adjustment request.

10. The method of claim 9, wherein, The color adjustment request includes a second list. The second list includes information about the applications corresponding to the m application icons to be color-corrected. Among the m application icons, i are first application icons and j are second application icons.

11. The method of claim 10, wherein, The first color adjustment information includes the icon outlines of the i first application icons, wherein the icon outlines of the i first application icons are obtained based on the information of the applications corresponding to the i first application icons in the second list.

12. The method according to claim 11, characterized in that, The step of displaying i color-corrected first application icons based on the first color-correction information received from the second device includes: Based on the first color information, the icon outlines of the i first application icons are filled with color to obtain the i first application icons after color adjustment; Display the i first application icons after the color adjustment.

13. The method of claim 10, wherein, The first color adjustment information includes color adjustment results extracted based on the information of the applications corresponding to the i first application icons in the second list, and the color information corresponding to each of the i first application icons. The color information corresponds one-to-one with the color adjustment result, and the first color information is included among the plurality of color information.

14. The method of claim 13, wherein, The step of displaying the i first application icons after color adjustment based on the first color adjustment information includes: Among the color adjustment results corresponding to multiple color information for each first application icon, select i first application icons after color adjustment corresponding to the first color information; Display the i first application icons after the color adjustment.

15. The method according to claim 10, characterized in that, The color adjustment request also includes the first color information. The first color adjustment information includes the i first application icons after color adjustment, which are extracted based on the information of the applications corresponding to the i first application icons in the second list, the first color information corresponding to the i first application icons, and the i first application icons after color adjustment.

16. The method of claim 9, wherein, The classification parameter values ​​include the usage frequency and / or the usage duration. The step of sending a color adjustment request to the second device based on the icon color adjustment instruction includes: Based on the icon color adjustment instructions, determine the i first application icons among the m application icons to be color adjusted; The color adjustment request is sent to the second device, wherein the color adjustment request includes a third list, the third list including program information of i first-type applications corresponding to the i first application icons.

17. The method of claim 1, wherein, The first color information includes a first color combination, which includes s colors; and The first color grading method includes: Select k colors from the first color combination and fill k areas in the outline of the icon respectively.

18. The method of claim 1, wherein, The m application icons include q third-party application icons.

19. The method of claim 18, wherein, The method further includes: The colors of the q third application icons are adjusted based on the third color adjustment method, and the adjusted q third application icons are displayed. The step of adjusting the colors of the q third application icons based on the third color adjustment method includes: The q third application icons are scaled down, and a background layer corresponding to the first color information is added to the scaled-down q third application icons to obtain the color-adjusted q third application icons.

20. The method of claim 1, wherein, The first device displays multiple color selection areas, wherein the color selection areas include a first color selection area, and... The detected icon color adjustment command includes: A user's first operation on a first color selection area is detected, wherein the first color selection area has corresponding first color information.

21. An icon processing method applied to a second device, the method comprising: The method includes: First color correction information is generated based on the color correction request sent by the first device; Send the first color adjustment information to the first device; wherein... The first device is configured to, based on the first color adjustment information, adjust the colors of i first application icons out of m application icons displayed on the first device using a first color adjustment method, and display the color-adjusted i first application icons; and to, use a second color adjustment method to adjust the colors of j second application icons out of the m application icons, and display the color-adjusted j second application icons, wherein the i first application icons belong to a first type of icon, and the j second application icons belong to a second type of icon. The step of adjusting the colors of i first application icons out of m application icons displayed on the first device using a first color adjustment method includes: extracting the icon outlines of the first application icons, and filling the icon outlines of the first application icons with color based on the first color information selected by the user, to obtain the i first application icons after color adjustment. The step of adjusting the colors of j second application icons out of the m application icons using a second color adjustment method includes: determining j second application icons out of the m application icons that have a first format, wherein the second application icons of the first format have a first color attribute and a second color attribute; modifying the first color attribute and the second color attribute of each of the j second application icons based on the first color information to obtain the j second application icons after color adjustment; wherein... Since the color adjustment request does not include the second list, the first color adjustment information includes a first list and the icon outlines of n first-category icons. The first list includes program information for n first-category applications corresponding to the n first-category icons, and the n first-category applications are determined based on the download count of each application among the obtained p applications. The icon outlines of the n first-class icons are determined by the following method: Obtain program information for p applications; based on the download volume of each application, select n applications of the first category whose application icons belong to the first category of icons from the p applications, where n < p; The n icons of the n first-type applications are processed using a first color adjustment method to obtain the icon outlines of the n first-type icons; or, Corresponding to the color adjustment request not including the second list, the first color adjustment information includes the first list and multiple color adjustment results for each of the n first-category icons; or, The color correction request includes a second list, and the first color correction information includes the icon outlines of i first application icons, wherein the icon outlines of the i first application icons are extracted based on information extracted from the applications corresponding to the i first application icons in the second list; or... The color grading request includes a second list, and the first color grading information includes color grading results extracted based on the information of the applications corresponding to the i first application icons in the second list, and multiple color information corresponding to each of the i first application icons; or, The color adjustment request includes the second list and the first color information. The first color adjustment information includes the i first application icons extracted based on the information of the applications corresponding to the i first application icons in the second list, the i first application icons corresponding to the first color information, and the i first application icons after color adjustment. The second list includes information about the applications corresponding to the m application icons to be color-corrected. Among the m application icons, i are first application icons.

22. A first device, comprising: include: One or more processors; One or more memories; the one or more memories storing one or more programs, which, when executed by the one or more processors, cause the first device to perform the icon display method according to any one of claims 1 to 20.

23. A second device, comprising: include: One or more processors; One or more memories; the one or more memories storing one or more programs, which, when executed by the one or more processors, cause the second device to perform the icon processing method of claim 21.

24. A computer readable medium characterized by The readable medium stores instructions that, when executed on a computer, cause the computer to perform the icon display method of any one of claims 1 to 20 or the icon processing method of claim 21.

25. A computer program product, characterized in that, It includes a computer program / instruction that, when executed by a processor, implements the icon display method of any one of claims 1 to 20 or the icon processing method of claim 21.

Images