Icon display method, device, electronic device and storage medium

Abstract

The present disclosure relates to an icon display method, device, electronic device and storage medium. The method includes: in response to a request for obtaining an icon to be displayed, obtaining an icon file pre-stored in a preset network; configuring target text information containing local attributes in display attributes through local attribute control parameters reserved in text information of the icon file; obtaining configuration information of the overall attributes of the icon, and applying the configuration information and target text information to the display of the icon; achieving corresponding target text information by configuring the local attribute control parameters reserved in the text information of the icon file accordingly, and adjusting the parameters of the icon display process together with the configuration information, thereby avoiding restrictions on icon display in some application scenarios and improving the efficiency of icon display.

Description

Technical Field

[0001] The present disclosure relates to the field of computer technology, and in particular to an icon display method, device, electronic device, and storage medium. Background Art

[0002] With the development and popularization of computer technology, instant messaging software has fully penetrated into people's daily work and life, becoming an indispensable and important tool for people to communicate with each other.

[0003] Instant messaging software runs sub-applications, but some sub-applications are restricted by the instant messaging software and their internal icons cannot be dynamically adjusted; therefore, the display efficiency of the icons in the sub-applications is still relatively low. Summary of the Invention

[0004] The present disclosure provides an icon display method, device, electronic device, and storage medium to at least solve the problem of low icon display efficiency in related technologies. The technical solutions of the present disclosure are as follows:

[0005] According to a first aspect of an embodiment of the present disclosure, there is provided an icon display method, comprising:

[0006] In response to a request for obtaining an icon to be displayed, obtaining an icon file pre-stored in a content distribution network;

[0007] Target text information including local attributes in display attributes is configured and obtained by using local attribute control parameters reserved in the text information of the icon file;

[0008] Configuration information of the overall attribute of the icon is acquired, and the configuration information and target text information are applied to the display of the icon.

[0009] In an exemplary embodiment, the local property control parameters include color control parameters;

[0010] The target text information including the local attributes in the display attributes is configured by using the local attribute control parameters reserved in the text information of the icon file, including:

[0011] Determine the target color currently corresponding to the icon;

[0012] The color control parameter is configured as a color identifier corresponding to the currently corresponding target color to obtain the target text information.

[0013] In an exemplary embodiment, applying the target text information to the display of the icon includes:

[0014] After obtaining the target text information, the icon file containing the target text information is encoded into an icon file in a target encoding format; the icon file in the target encoding format is applied to display the icon.

[0015] In an exemplary embodiment, the overall attributes include icon size;

[0016] The obtaining of configuration information of the overall attributes of the icon includes:

[0017] Obtain the current width and height of the icon to obtain the width and height information configured for the icon;

[0018] The configuration information is obtained according to the width information and the height information.

[0019] In an exemplary embodiment, the preset network includes a content delivery network;

[0020] The step of obtaining an icon file pre-stored in a preset network includes:

[0021] Determining a content distribution address corresponding to the icon according to the acquisition request;

[0022] The content distribution network is accessed according to the content distribution address to obtain an icon file matching the acquisition request.

[0023] In an exemplary embodiment, obtaining the icon file through a content distribution network according to the content distribution address includes:

[0024] Sending an asynchronous request to the content distribution network according to the content distribution address;

[0025] Receive the icon file returned by the content distribution network.

[0026] In an exemplary embodiment, the method further includes:

[0027] Obtaining the original icon file corresponding to the icon;

[0028] The default display attribute parameters in the text information of the original icon file are replaced with the local attribute control parameters to obtain an icon file with the local attribute control parameters reserved.

[0029] According to a second aspect of an embodiment of the present disclosure, there is provided an icon display device, including:

[0030] A file acquisition unit configured to execute, in response to an acquisition request for an icon to be displayed, acquiring an icon file pre-stored in a content distribution network;

[0031] An attribute configuration unit configured to configure and obtain target text information containing local attributes in display attributes through local attribute control parameters reserved in the text information of the icon file;

[0032] The icon display unit is configured to acquire configuration information of overall attributes of the icon and apply the configuration information and target text information to display of the icon.

[0033] In an exemplary embodiment, the local property control parameters include color control parameters;

[0034] The attribute configuration unit is further configured to determine the target color currently corresponding to the icon; configure the color control parameter to a color identifier corresponding to the currently corresponding target color, and obtain the target text information.

[0035] In an exemplary embodiment, the icon display unit is further configured to encode the icon file containing the target text information into an icon file in a target encoding format after obtaining the target text information; the icon file in the target encoding format is applied to the display of the icon.

[0036] In an exemplary embodiment, the overall attributes include icon size;

[0037] The icon display unit is further configured to obtain the current width and height corresponding to the icon to obtain width information and height information configured for the icon; and obtain the configuration information based on the width information and height information.

[0038] In an exemplary embodiment, the file acquisition unit is further configured to determine a content distribution address corresponding to the icon according to the acquisition request; and access the content distribution network according to the content distribution address to acquire an icon file matching the acquisition request.

[0039] In an exemplary embodiment, the file acquisition unit is further configured to send an asynchronous request to the content distribution network according to the content distribution address; and receive the icon file returned by the content distribution network.

[0040] In an exemplary embodiment, the attribute configuration unit is further configured to execute acquisition of the original icon file corresponding to the icon; replace the default display attribute parameters in the text information of the original icon file with the local attribute control parameters, and obtain an icon file with the local attribute control parameters reserved.

[0041] According to a third aspect of an embodiment of the present disclosure, there is provided an electronic device, including:

[0042] processor;

[0043] a memory for storing instructions executable by the processor;

[0044] The processor is configured to execute the instructions to implement the icon display method as described in any one of the embodiments of the first aspect.

[0045] According to a fourth aspect of an embodiment of the present disclosure, a computer-readable storage medium is provided. When instructions in the computer-readable storage medium are executed by a processor of an electronic device, the electronic device is enabled to execute the icon display method as described in any one of the embodiments of the first aspect.

[0046] According to a fifth aspect of an embodiment of the present disclosure, a computer program product is provided, which includes instructions. When the instructions are executed by a processor of an electronic device, the electronic device can execute the icon display method as described in any one of the embodiments of the first aspect.

[0047] The technical solutions provided by the embodiments of the present disclosure bring at least the following beneficial effects:

[0048] By responding to a request to obtain an icon to be displayed, an icon file pre-stored in a content distribution network is obtained; then, through the local attribute control parameters reserved in the text information of the icon file, target text information containing local attributes in the display attributes is configured; finally, configuration information of the overall attributes of the icon is obtained, and the configuration information and the target text information are applied to the display of the icon; the local attribute control parameters reserved in the text information of the icon file are configured accordingly to obtain the corresponding target text information, and the parameters of the icon display process are adjusted together with the configuration information, thereby avoiding restrictions on icon display in some application scenarios and improving the efficiency of icon display.

[0049] It is to be understood that the foregoing general description and the following detailed description are exemplary and explanatory only and are not restrictive of the disclosure. BRIEF DESCRIPTION OF THE DRAWINGS

[0050] The accompanying drawings herein are incorporated into and constitute a part of the specification, illustrate embodiments consistent with the present disclosure, and together with the description are used to explain the principles of the present disclosure, and do not constitute improper limitations on the present disclosure.

[0051] Figure 1 The figure is a diagram showing an application environment of an icon display method according to an exemplary embodiment.

[0052] Figure 2 The figure is a flowchart of a method for displaying an icon according to an exemplary embodiment.

[0053] Figure 3 The flowchart of the steps of configuring and obtaining target text information including local attributes in display attributes according to an exemplary embodiment is shown.

[0054] Figure 4 The figure is a flowchart showing the steps of obtaining configuration information of overall attributes of an icon according to an exemplary embodiment.

[0055] Figure 5 is a flowchart showing another icon display method according to an exemplary embodiment.

[0056] Figure 6 The figure is a block diagram of an icon display device according to an exemplary embodiment.

[0057] Figure 7 It is a block diagram of an electronic device according to an exemplary embodiment. DETAILED DESCRIPTION

[0058] In order to enable ordinary persons in the art to better understand the technical solutions of the present disclosure, the technical solutions in the embodiments of the present disclosure will be clearly and completely described below with reference to the accompanying drawings.

[0059] It should be noted that the terms "first," "second," and the like in the specification and claims of the present disclosure and the accompanying drawings are used to distinguish similar objects and are not necessarily used to describe a specific order or precedence. It should be understood that the terms used in this manner are interchangeable where appropriate, so that the embodiments of the present disclosure described herein can be implemented in an order other than that illustrated or described herein. The embodiments described in the following exemplary embodiments do not represent all embodiments consistent with the present disclosure. Instead, they are merely examples of apparatuses and methods consistent with certain aspects of the present disclosure, as detailed in the appended claims.

[0060] It should be noted that the user information (including but not limited to user device information, user personal information, etc.) and data (including but not limited to data for display, data for analysis, etc.) involved in this disclosure are all information and data authorized by the user or fully authorized by all parties; correspondingly, this disclosure also provides a corresponding user authorization entrance for users to choose to authorize or refuse.

[0061] The icon display method provided by the present disclosure can be applied to Figure 1In the application environment shown, terminal 110 interacts with server 120 via a network; in response to a request to obtain an icon to be displayed, terminal 110 obtains an icon file pre-stored in a preset network from server 120; terminal 110 configures target text information containing local attributes of the display attributes using local attribute control parameters reserved in the text information of the icon file; terminal 110 obtains configuration information for the overall attributes of the icon and applies the configuration information and target text information to the display of the icon. Terminal 110 may be, but is not limited to, various personal computers, laptops, smartphones, tablet computers, and portable wearable devices, and server 120 may be implemented as a standalone server or a server cluster consisting of multiple servers.

[0062] Figure 2 is a flow chart showing an icon display method according to an exemplary embodiment. Figure 2 As shown, the icon display method is used in the terminal 110 and includes the following steps.

[0063] In step S210, in response to a request for obtaining an icon to be displayed, an icon file pre-stored in a preset network is obtained;

[0064] An icon file is a file corresponding to a request for an icon to be displayed. An icon file pre-stored on a pre-set network is an icon file that is not stored locally and requires a connection to the pre-set network to request the icon file. This is done to retrieve the icon file locally for use. The pre-set network includes, but is not limited to, cloud databases and CDNs (Content Delivery Networks).

[0065] The acquisition request is when the terminal needs to acquire at least one icon to load a page in response to a trigger of a certain operation, and the terminal responds according to the trigger and generates an acquisition request for the icon to be displayed.

[0066] Specifically, for example, in a sub-application (also known as a mini-program) in an instant messaging software, since the size of the sub-application is limited, too many icon elements cannot be directly added to the sub-application to avoid the software volume of the sub-application exceeding the limit of the instant messaging software on the sub-application. Therefore, it is necessary to obtain some of the icons to be displayed only when it is detected that the user is using the sub-application (for example, entering a certain page).

[0067] In step S220, target text information including local attributes in display attributes is configured and obtained by using local attribute control parameters reserved in the text information of the icon file.

[0068] Among them, the icon file can be an image file in svg format (Scalable Vector Graphics); the text information of the icon file refers to the corresponding code of the icon file; there are multiple control parameters in the text information of the icon file, for example, "fill={iconColor}" is a statement that can control the color, and the "iconColor" in the statement is the corresponding attribute control parameter.

[0069] Among them, display attributes refer to the specific display form of the icon file; for example, icon fill color, icon transparency, icon size, etc.; local attributes correspond to local attribute control parameters, and refer to attributes within the icon file and only effective for the icon file.

[0070] Among them, local attribute control parameters refer to parameters set in the text information of the icon file that have an attribute control effect; that is, the corresponding local attribute control parameters, such as the fill color of the icon, can only be changed by modifying the text information of the icon file, and cannot be adjusted by parameters outside the icon file; at the same time, the local attribute control parameters only control the icon file to which they belong and do not affect other icon files. It should be noted that some instant messaging software has restrictions on sub-applications, such as the inability to adjust the color of the icon through the icon label, etc. Therefore, by configuring the local attribute control parameters in the text information of the icon file, it is possible to achieve the effect of dynamically adjusting the color of the icon, for example.

[0071] Specifically, by identifying the parameters of a certain display attribute of the control icon file and replacing the parameters with preset parameters, a local attribute control parameter can be obtained; after configuring the local attribute control parameter, the target text information containing the local attribute control parameter can be obtained; for example, "fill={iconColor}" is configured as "fill={green}", and the text information containing the configured local attribute control parameter is obtained as the target text information.

[0072] In step S230 , configuration information of the overall attributes of the icon is obtained, and the configuration information and target text information are applied to display of the icon.

[0073] Among them, the overall attribute refers to the display attribute that is not limited to the icon file, that is, the attribute that can be set by the text information of the non-icon file. For example, in the sub-application of the instant messaging software, the icon tag corresponding to the icon file is used to set the icon. Able to set the width and height of the icon file.

[0074] Specifically, after obtaining the configuration information of the overall attributes of the icon, the overall attributes and local attributes for icon display are determined from the configuration information and the target text information respectively, so as to correctly display the icon file.

[0075] In the above-mentioned icon display method, by responding to a request to obtain the icon to be displayed, an icon file pre-stored in a content distribution network is obtained; then, through the local attribute control parameters reserved in the text information of the icon file, target text information containing local attributes in the display attributes is configured; finally, configuration information of the overall attributes of the icon is obtained, and the configuration information and the target text information are applied to the display of the icon; it is achieved by configuring the local attribute control parameters reserved in the text information of the icon file accordingly, obtaining the corresponding target text information, and adjusting the parameters of the icon display process together with the configuration information, thereby avoiding restrictions on icon display in some application scenarios and improving the efficiency of icon display.

[0076] In an exemplary embodiment, the local attribute control parameters include color control parameters;

[0077] like Figure 3 As shown, in step S220, the target text information including the local attributes in the display attributes is configured by using the local attribute control parameters reserved in the text information of the icon file. This can be specifically achieved by the following steps:

[0078] In step S310, the target color currently corresponding to the icon is determined;

[0079] In step S320, the color control parameter is configured to a color identifier corresponding to the current target color, and target text information is obtained.

[0080] Among them, the target color currently corresponding to the icon refers to the color that the icon should currently display, which is determined by the application scenario displayed by the icon or the current time, etc.; for example, in the sub-application of the instant messaging software, icon A exists in four scene pages a, b, c, and d respectively, and the colors displayed in the four scenes a, b, c, and d are different; therefore, when the user visits scene page a, color a1 is the target color currently corresponding to the icon, and when the user visits scene page b, color b2 is the target color currently corresponding to the icon, and so on.

[0081] The color identifier is a color control parameter corresponding to the target color; for example, if the current color is red, red needs to be identified by "red" in the text information.

[0082] For example, October 1st is National Day, and the icon needs to be displayed in red. The corresponding personnel can set the icon color corresponding to the icon to red in the server, that is, starting from October 1st, the target color corresponding to the icon is red. Therefore, when the chart is used for display, the color control parameter is replaced with red, that is, the color control parameter is configured as the color identifier corresponding to red. For another example, March 12th is Arbor Day, and the icon needs to be switched to green for display. The corresponding personnel can also set the icon color corresponding to the icon to green two days in advance, for example, March 10th. Then, starting from March 10th, all requests for obtaining the icon will carry the local control parameter with green as the local attribute, that is, the icon will be displayed in green starting from March 10th.

[0083] The technical solution provided by the embodiment of the present disclosure first determines the target color currently corresponding to the icon, so as to determine the real-time display effect of the icon; then configures the color control parameters according to the color identification corresponding to the target color, thereby realizing real-time dynamic change of the icon color and improving the switching efficiency of the icon color.

[0084] In an exemplary embodiment, the above step S230, applying the target text information to the display of the icon, includes:

[0085] After the target text information is obtained, the icon file containing the target text information is encoded into an icon file in a target encoding format; the icon file in the target encoding format is applied to display the icon.

[0086] The target encoding format includes at least the base64 encoding format; the icon file in the base64 encoding format is a text format, occupies a small amount of memory, can reduce the consumption of the resource server and reduce the number of server accesses.

[0087] Specifically, an icon file in SVG format can be converted into base64 format to obtain an icon file in base64 encoding format containing the target text information; when the icon needs to be displayed, the icon file in base64 encoding format is used to render the interface to improve rendering efficiency. The technical solution provided by the embodiment of the present disclosure encodes the icon file containing the target text information into an icon file in the target encoding format, obtaining an icon file in the target encoding format that occupies a small space and is easy to read and use, thereby improving the reading efficiency of the icon file.

[0088] In one exemplary embodiment, the overall attributes include icon size;

[0089] like Figure 4 As shown, in step S230, the configuration information of the overall attributes of the icon is obtained, which can be specifically achieved by the following steps:

[0090] In step S410 , the current width and height of the icon are acquired to obtain the width information and height information configured for the icon.

[0091] In step S420, configuration information is obtained according to the width information and the height information.

[0092] The icon size includes the width and height of the icon. The configuration information can be the icon label in the sub-application. The src attribute value in ; the value of the src attribute is the URL of the icon file, that is, the absolute path or relative path that references the icon file; this attribute value can also be encoded in base64 format for easy reading.

[0093] Specifically, the current width and height of the icon refer to the width and height of the icon that should be displayed, which are determined by the application scenario or current time of the icon display. For example, in scene a page, the icon should be displayed with width = 44px and height = 44px; in scene b page, the icon should be displayed with width = 60px and height = 60px; when loading the icon in scene a page, the width and height information configured for the icon are width = 44px and height = 44px respectively; when loading the icon in scene b page, the width and height information configured for the icon are width = 60px and height = 60px respectively; and the corresponding configuration information is generated accordingly.

[0094] The technical solution provided by the embodiment of the present disclosure first determines the current width and height of the icon, and then configures it according to the width information and height information, thereby realizing real-time dynamic change of the icon size and improving the efficiency of changing the icon size.

[0095] In an exemplary embodiment, the predetermined network includes a content delivery network;

[0096] In step S210, an icon file pre-stored in a preset network is obtained, including: determining a content distribution address corresponding to the icon according to an acquisition request; accessing a content distribution network according to the content distribution address to obtain an icon file matching the acquisition request.

[0097] The content distribution address refers to the address information corresponding to a resource in a content distribution network. By requesting the content distribution address, the icon file corresponding to the content distribution address can be obtained from the content distribution network. The content distribution address is obtained by storing a pre-made icon file in the content distribution network and corresponds to the icon file.

[0098] Specifically, a corresponding content distribution address is determined according to the icon file to be obtained, and a content distribution network is requested according to the content distribution address to obtain the icon file returned by the content distribution network.

[0099] For example, sub-applications in communication software often use icons as an interactive method to set up functions, and the size of sub-applications in communication software is usually limited. If all icons are stored locally, most of the sub-application's memory will be occupied by various icons, and the sub-application may not be able to add other non-display functions. Moreover, if the sub-application's icons need to be updated, it is necessary to adjust each icon and then package the entire sub-application and distribute the update. This is a large project, and unknown problems may arise during the packaging process, causing sub-application runtime errors. Therefore, storing icons on a preset network and content distribution network can reduce the size of the sub-application while enabling real-time icon updates.

[0100] The technical solution provided by the embodiment of the present disclosure obtains icon files through a content distribution network according to a content distribution address, so that the icon files do not need to be stored locally, reducing the program size and speeding up the program running speed; at the same time, the process of obtaining icon files through a content distribution network can dynamically adjust the display properties of the icon files without being restricted by sub-applications, thereby improving the efficiency of icon loading and icon display.

[0101] In an exemplary embodiment, accessing a content distribution network according to a content distribution address to obtain an icon file matching an acquisition request includes: sending an asynchronous request to the content distribution network according to the content distribution address; and receiving the icon file returned by the content distribution network.

[0102] Asynchronous requests involve passing the request to a proxy object, such as XMLHttpRequest, which initiates the request to the server, receives and parses the server's response data, and updates the data to the browser's designated control. This allows for a partial refresh of the page data. In contrast, when sending synchronous requests to the server, the requester waits while the server processes the request until the server completes the request and responds to the requester, overwriting the existing data in the requester's memory. Upon receiving the data, the requester reloads the page and displays the server's response data. Therefore, asynchronous requests are a more efficient way to obtain data for icon display.

[0103] Specifically, according to the content distribution address, the corresponding icon file is obtained from the content distribution network in an asynchronous request manner, without occupying the execution of the main thread.

[0104] According to the technical solution provided by the embodiment of the present disclosure, the asynchronous request can execute the operation of obtaining the icon file without occupying the main thread, thereby improving the efficiency of icon acquisition.

[0105] In an exemplary embodiment, the icon display method further includes: obtaining an original icon file corresponding to the icon; replacing the default display attribute parameters in the text information of the original icon file with local attribute control parameters to obtain an icon file with reserved local attribute control parameters.

[0106] Specifically, the original icon file refers to an icon file for which local attribute control parameters have not been reserved; for example, the fill color of the icon in the original icon file is red, such as "fill={red}". Since red "red" is a fixed value, it is not controllable; therefore, in the text information of the original icon file, the default display attribute parameters, such as the fill color attribute parameters, are replaced with "fill={iconColor}". "iconColor" is a parameter that can be replaced, for example, by "green", which controls the icon fill color to "green". In this way, the local attributes of the icon file are controlled, that is, the local attribute control parameters are reserved.

[0107] It should be noted that the original icon file must be an icon file containing text information, such as an icon file in SVG format; if the icon is in jpg format, the icon can be converted to SVG format and used as the corresponding original icon file.

[0108] The technical solution provided by the embodiment of the present disclosure replaces the default display attribute parameters in the original icon file to obtain an icon file with reserved local attribute control parameters; by adjusting the local attribute control parameters, the display attributes of the icon file can be adjusted, avoiding restrictions on icons in some application scenarios and improving the efficiency of icon display.

[0109] In an exemplary embodiment, Figure 5 As shown, another icon display method is provided, including:

[0110] In step S510, the original icon file corresponding to the icon is obtained; the default display attribute parameters in the text information of the original icon file are replaced with local attribute control parameters to obtain an icon file with reserved local attribute control parameters.

[0111] In step S520, the content distribution address corresponding to the icon is determined; an asynchronous request is sent to the content distribution network according to the content distribution address; and the icon file returned by the content distribution network is received.

[0112] In step S530, the target color currently corresponding to the icon is determined; the color control parameter is configured to a color identifier corresponding to the currently corresponding target color, and the target text information is obtained.

[0113] In step S540 , after obtaining the target text information, the icon file containing the target text information is encoded into an icon file in a target encoding format.

[0114] In step S550, the current width and height corresponding to the icon are acquired to obtain the width information and height information configured for the icon; and configuration information is obtained based on the width information and height information.

[0115] In step S560 , configuration information of the overall attributes of the icon is obtained, and the configuration information and the target text information are applied to the display of the icon.

[0116] It should be understood that although Figure 2-Figure 6 The steps in the flowchart are shown in sequence as indicated by the arrows, but these steps are not necessarily executed in the order indicated by the arrows. Unless otherwise specified in this document, there is no strict order restriction for the execution of these steps, and these steps can be executed in other orders. In addition, Figure 2-Figure 6 At least part of the steps may include multiple steps or multiple stages. These steps or stages are not necessarily performed at the same time, but can be performed at different times. The order of execution of these steps or stages is not necessarily one by one, but can be performed in turn or alternately with other steps or at least part of the steps or stages in other steps.

[0117] It is understandable that the same / similar parts between the various embodiments of the above method in this specification can be referred to each other, and each embodiment focuses on the differences from other embodiments. For related parts, please refer to the description of other method embodiments.

[0118] Figure 6 FIG. 1 is a block diagram of an image display device according to an exemplary embodiment. Figure 6 The device includes a file acquisition unit 602, an attribute configuration unit 604 and an icon display unit 606.

[0119] The file acquisition unit 602 is configured to execute, in response to an acquisition request for an icon to be displayed, an acquisition of an icon file pre-stored in a preset network.

[0120] The attribute configuration unit 604 is configured to configure and obtain target text information containing local attributes in display attributes through local attribute control parameters reserved in text information of the icon file.

[0121] The icon display unit 606 is configured to obtain configuration information of overall attributes of the icon, and apply the configuration information and target text information to display the icon.

[0122] In an exemplary embodiment, the local attribute control parameters include color control parameters;

[0123] The attribute configuration unit 604 is further configured to determine the target color currently corresponding to the icon; configure the color control parameter to a color identifier corresponding to the currently corresponding target color, and obtain target text information.

[0124] In an exemplary embodiment, the icon display unit 606 is further configured to, after obtaining the target text information, encode the icon file containing the target text information into an icon file in a target encoding format; and the icon file in the target encoding format is applied to display the icon.

[0125] In one exemplary embodiment, the overall attributes include icon size;

[0126] The icon display unit 606 is further configured to obtain the current width and height of the icon, obtain the width information and height information configured for the icon; and obtain configuration information based on the width information and height information.

[0127] In an exemplary embodiment, the file acquisition unit 602 is further configured to determine a content distribution address corresponding to the icon; and acquire the icon file through a content distribution network according to the content distribution address.

[0128] In an exemplary embodiment, the preset network includes a content distribution network; the file acquisition unit 602 is further configured to determine a content distribution address corresponding to the icon according to the acquisition request; access the content distribution network according to the content distribution address, and acquire an icon file matching the acquisition request.

[0129] In an exemplary embodiment, the attribute configuration unit 604 is further configured to execute the acquisition of the original icon file corresponding to the icon; replace the default display attribute parameters in the text information of the original icon file with local attribute control parameters to obtain an icon file with reserved local attribute control parameters.

[0130] The above embodiment obtains corresponding target text information by configuring the local attribute control parameters reserved in the text information of the icon file, and adjusts the parameters of the icon display process together with the configuration information, thereby avoiding restrictions on icon display in some application scenarios and improving the efficiency of icon display.

[0131] Regarding the apparatus in the above embodiment, the specific manner in which each module performs operations has been described in detail in the embodiment of the method, and will not be elaborated here.

[0132] Figure 7 FIG2 is a block diagram of an electronic device 700 for icon display according to an exemplary embodiment. For example, the electronic device 700 may be a mobile phone, a computer, a digital broadcast terminal, a messaging device, a game console, a tablet device, a medical device, a fitness device, a personal digital assistant, etc.

[0133] Reference Figure 7 , the electronic device 700 may include one or more of the following components: a processing component 702 , a memory 704 , a power supply component 706 , a multimedia component 708 , an audio component 710 , an input / output (I / O) interface 712 , a sensor component 714 , and a communication component 716 .

[0134] The processing component 702 generally controls the overall operation of the electronic device 700, such as operations associated with display, phone calls, data communications, camera operation, and recording operations. The processing component 702 may include one or more processors 720 to execute instructions to perform all or part of the steps of the above-described method. In addition, the processing component 702 may include one or more modules to facilitate interaction between the processing component 702 and other components. For example, the processing component 702 may include a multimedia module to facilitate interaction between the multimedia component 708 and the processing component 702.

[0135] The memory 704 is configured to store various types of data to support operations on the electronic device 700. Examples of such data include instructions for any application or method operating on the electronic device 700, contact data, phone book data, messages, pictures, videos, etc. The memory 704 can be implemented by any type of volatile or non-volatile storage device, or a combination thereof, such as static random access memory (SRAM), electrically erasable programmable read-only memory (EEPROM), erasable programmable read-only memory (EPROM), programmable read-only memory (PROM), read-only memory (ROM), magnetic memory, flash memory, magnetic disk, optical disk, or graphene memory.

[0136] The power supply component 706 provides power to the various components of the electronic device 700. The power supply component 706 may include a power management system, one or more power supplies, and other components associated with generating, managing, and distributing power to the electronic device 700.

[0137] The multimedia component 708 includes a screen that provides an output interface between the electronic device 700 and the user. In some embodiments, the screen may include a liquid crystal display (LCD) and a touch panel (TP). If the screen includes a touch panel, the screen may be implemented as a touch screen to receive input signals from the user. The touch panel includes one or more touch sensors to sense touches, slides, and gestures on the touch panel. The touch sensor can not only sense the boundaries of a touch or slide action, but also detect the duration and pressure associated with the touch or slide operation. In some embodiments, the multimedia component 708 includes a front camera and / or a rear camera. When the electronic device 700 is in an operating mode, such as a shooting mode or a video mode, the front camera and / or the rear camera can receive external multimedia data. Each front camera and rear camera can be a fixed optical lens system or have a focal length and optical zoom capability.

[0138] The audio component 710 is configured to output and / or input audio signals. For example, the audio component 710 includes a microphone (MIC), which is configured to receive external audio signals when the electronic device 700 is in an operating mode, such as a call mode, a recording mode, and a voice recognition mode. The received audio signal can be further stored in the memory 704 or transmitted via the communication component 716. In some embodiments, the audio component 710 also includes a speaker for outputting audio signals.

[0139] I / O interface 712 provides an interface between processing component 702 and peripheral interface modules, such as a keyboard, click wheel, buttons, etc. These buttons may include but are not limited to: a home button, volume buttons, a start button, and a lock button.

[0140] Sensor assembly 714 includes one or more sensors for providing various status assessments for electronic device 700. For example, sensor assembly 714 can detect the open / closed state of electronic device 700, the relative positioning of components, such as the display and keypad of electronic device 700. Sensor assembly 714 can also detect changes in the position of electronic device 700 or its components, the presence or absence of user contact with electronic device 700, the orientation or acceleration / deceleration of device 700, and changes in the temperature of electronic device 700. Sensor assembly 714 may include a proximity sensor configured to detect the presence of nearby objects without any physical contact. Sensor assembly 714 may also include an optical sensor, such as a CMOS or CCD image sensor, for use in imaging applications. In some embodiments, sensor assembly 714 may also include an accelerometer, a gyroscope, a magnetic sensor, a pressure sensor, or a temperature sensor.

[0141] The communication component 716 is configured to facilitate wired or wireless communication between the electronic device 700 and other devices. The electronic device 700 can access a wireless network based on a communication standard, such as WiFi, an operator network (such as 2G, 3G, 4G or 5G), or a combination thereof. In an exemplary embodiment, the communication component 716 receives a broadcast signal or broadcast-related information from an external broadcast management system via a broadcast channel. In an exemplary embodiment, the communication component 716 also includes a near field communication (NFC) module to facilitate short-range communication. For example, the NFC module can be implemented based on radio frequency identification (RFID) technology, infrared data association (IrDA) technology, ultra-wideband (UWB) technology, Bluetooth (BT) technology and other technologies.

[0142] In an exemplary embodiment, the electronic device 700 may be implemented by one or more application-specific integrated circuits (ASICs), digital signal processors (DSPs), digital signal processing devices (DSPDs), programmable logic devices (PLDs), field programmable gate arrays (FPGAs), controllers, microcontrollers, microprocessors, or other electronic components to perform the above methods.

[0143] In an exemplary embodiment, a computer-readable storage medium including instructions is also provided, such as a memory 704 including instructions, and the instructions can be executed by the processor 720 of the electronic device 700 to perform the above method. For example, the computer-readable storage medium can be a ROM, a random access memory (RAM), a CD-ROM, a magnetic tape, a floppy disk, an optical data storage device, etc.

[0144] In an exemplary embodiment, a computer program product is further provided. The computer program product includes instructions, and the instructions can be executed by the processor 720 of the electronic device 700 to implement the above method.

[0145] It should be noted that the above-mentioned devices, electronic devices, computer-readable storage media, computer program products, etc. can also include other implementation methods according to the description of the method embodiments. The specific implementation methods can refer to the description of the relevant method embodiments and will not be described one by one here.

[0146] Other embodiments of the present disclosure will readily occur to those skilled in the art after considering the specification and practicing the invention disclosed herein. This disclosure is intended to cover any variations, uses, or adaptations of the present disclosure that follow the general principles of the present disclosure and include common knowledge or customary techniques in the art not disclosed herein. The description and examples are to be considered as exemplary only, with the true scope and spirit of the present disclosure being indicated by the claims.

[0147] It should be understood that the present disclosure is not limited to the exact structures that have been described above and shown in the drawings, and that various modifications and changes can be made without departing from the scope thereof. The scope of the present disclosure is limited only by the appended claims.

Claims

1. An icon display method, characterized in that: include: In response to a request for obtaining an icon to be displayed, obtaining an icon file pre-stored in a preset network; The icon file is an image file in a scalable vector graphics format; Target text information including local attributes in display attributes is configured and obtained by using local attribute control parameters reserved in the text information of the icon file; Configuration information of the overall attribute of the icon is acquired, and the configuration information and target text information are applied to the display of the icon.

2. The method according to claim 1, characterized in that The local attribute control parameters include color control parameters; The target text information including the local attributes in the display attributes is obtained by configuring the local attribute control parameters reserved in the text information of the icon file, including: Determine the target color currently corresponding to the icon; The color control parameter is configured as a color identifier corresponding to the currently corresponding target color to obtain the target text information.

3. The method according to claim 2, characterized in that The applying the target text information to the display of the icon includes: After obtaining the target text information, the icon file containing the target text information is encoded into an icon file in a target encoding format; the icon file in the target encoding format is applied to display the icon.

4. The method according to claim 1, wherein The overall attributes include icon size; The obtaining of configuration information of the overall attributes of the icon includes: Obtain the current width and height of the icon to obtain the width and height information configured for the icon; The configuration information is obtained according to the width information and the height information.

5. The method according to claim 1, wherein The preset network includes a content distribution network; The step of obtaining an icon file pre-stored in a preset network includes: Determining a content distribution address corresponding to the icon according to the acquisition request; The content distribution network is accessed according to the content distribution address to obtain an icon file matching the acquisition request.

6. The method according to claim 5, characterized in that The step of accessing the content distribution network according to the content distribution address to obtain an icon file matching the acquisition request includes: Sending an asynchronous request to the content distribution network according to the content distribution address; Receive the icon file returned by the content distribution network.

7. The method according to any one of claims 1 to 6, characterized in that Also includes: Obtaining the original icon file corresponding to the icon; The default display attribute parameters in the text information of the original icon file are replaced with the local attribute control parameters to obtain an icon file with the local attribute control parameters reserved.

8. An icon display device, characterized in that: include: A file acquisition unit configured to execute, in response to an acquisition request for an icon to be displayed, acquiring an icon file pre-stored in a preset network; The icon file is an image file in a scalable vector graphics format; An attribute configuration unit configured to configure and obtain target text information containing local attributes in display attributes through local attribute control parameters reserved in the text information of the icon file; The icon display unit is configured to acquire configuration information of overall attributes of the icon and apply the configuration information and target text information to display of the icon.

9. The device according to claim 8, characterized in that The local attribute control parameters include color control parameters; The attribute configuration unit is further configured to determine the target color currently corresponding to the icon; configure the color control parameter to a color identifier corresponding to the currently corresponding target color, and obtain the target text information.

10. The device according to claim 9, characterized in that The icon display unit is further configured to, after obtaining the target text information, encode the icon file containing the target text information into an icon file in a target encoding format; and the icon file in the target encoding format is applied to display the icon.

11. The device according to claim 8, characterized in that The overall attributes include icon size; The icon display unit is further configured to obtain the current width and height corresponding to the icon to obtain width information and height information configured for the icon; and obtain the configuration information based on the width information and height information.

12. The device according to claim 8, characterized in that The file acquisition unit is further configured to determine a content distribution address corresponding to the icon according to the acquisition request; and access a content distribution network according to the content distribution address to acquire an icon file matching the acquisition request.

13. The device according to claim 12, characterized in that The file acquisition unit is further configured to send an asynchronous request to the content distribution network according to the content distribution address; and receive the icon file returned by the content distribution network.

14. The device according to any one of claims 8 to 13, characterized in that The attribute configuration unit is further configured to obtain the original icon file corresponding to the icon; replace the default display attribute parameters in the text information of the original icon file with the local attribute control parameters to obtain an icon file with the local attribute control parameters reserved.

15. An electronic device, characterized in that: include: processor; a memory for storing instructions executable by the processor; The processor is configured to execute the instructions to implement the icon display method according to any one of claims 1 to 7.

16. A computer-readable storage medium, characterized in that When the instructions in the computer-readable storage medium are executed by a processor of an electronic device, the electronic device is enabled to execute the icon display method according to any one of claims 1 to 7.

17. A computer program product comprising instructions, characterized in that: When the instruction is executed by a processor of an electronic device, the electronic device is enabled to execute the icon display method according to any one of claims 1 to 7.

Images