CN111443910A - Skin rendering method and device, electronic equipment and computer storage medium - Google Patents
Skin rendering method and device, electronic equipment and computer storage medium Download PDFInfo
- Publication number
- CN111443910A CN111443910A CN202010211247.3A CN202010211247A CN111443910A CN 111443910 A CN111443910 A CN 111443910A CN 202010211247 A CN202010211247 A CN 202010211247A CN 111443910 A CN111443910 A CN 111443910A
- Authority
- CN
- China
- Prior art keywords
- skin
- color value
- value table
- identifier
- target
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T11/00—2D [Two Dimensional] image generation
- G06T11/001—Texturing; Colouring; Generation of texture or colour
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Human Computer Interaction (AREA)
- Processing Or Creating Images (AREA)
Abstract
The embodiment of the invention provides a skin rendering method and device, electronic equipment and a computer storage medium. The target skin of the client application interface is described using a color value table. From the perspective of skin design, originally irregular color elements of the target skin are presented according to the corresponding relation specification of the color block identification and the color value, and the configuration of the target skin can be completed by setting the rendering area and the corresponding color value. From the perspective of skin rendering, without depending on complex business logic, the color matched with each rendering area in the target skin can be correspondingly modified by acquiring the target color value table corresponding to the target skin and based on the corresponding relation between the color block identifier and the color value in the target color value table, so that the rendering of the target skin is completed, the complexity of the skin rendering process is reduced, and the efficiency is improved.
Description
Technical Field
The present invention relates to the field of rendering technologies, and in particular, to a method and an apparatus for skin rendering, an electronic device, and a computer storage medium.
Background
Along with the popularization of the mobile internet, the mobile internet products are competitive, the mobile products seek various product functions and better user experience continuously, most user sides are not limited to a single interface design style any more, the function of setting theme skin is provided, and the user can set the skin of a user side page according to the preference of the user.
In the prior art, a skin Interface is designed by a User Interface (UI) designer at a front end, a back-end developer develops corresponding service logic in cooperation with the front-end design, and skin rendering is performed depending on the service logic. Due to the fact that no unified design specification exists, the development complexity of the back-end business logic is high due to the irregular design of the front end, and therefore the complexity of skin rendering is high, and the efficiency is low.
Therefore, the skin rendering method in the prior art has the problems of high complexity and low efficiency.
Disclosure of Invention
An object of the embodiments of the present invention is to provide a skin rendering method, an apparatus, an electronic device, and a computer storage medium, so as to reduce complexity of skin rendering and improve efficiency of skin rendering. The specific technical scheme is as follows:
in a first aspect of the present invention, there is provided a skin rendering method, including:
acquiring a target color value table corresponding to a skin identifier according to the skin identifier of a target skin, wherein the target color value table comprises the corresponding relation between color block identifiers and color values;
and rendering the application interface of the client according to the corresponding relation between the color block identifiers and the color values, wherein each rendering area in the application interface is associated with one color block identifier.
In a second aspect of the present invention, there is also provided a skin rendering apparatus, including:
the device comprises an acquisition module, a processing module and a processing module, wherein the acquisition module is used for acquiring a target color value table corresponding to a skin identifier according to the skin identifier of a target skin, and the target color value table comprises the corresponding relation between a color block identifier and a color value;
and the first rendering module is used for rendering the application interface of the client according to the corresponding relation between the color block identifiers and the color values, and each rendering area in the application interface is associated with one color block identifier.
In a third aspect of the present invention, there is also provided an electronic device, including a processor, a communication interface, a memory, and a communication bus, where the processor, the communication interface, and the memory complete communication with each other through the communication bus;
a memory for storing a computer program;
the processor is configured to implement the method steps described in the first aspect of the embodiment of the present invention when executing the program stored in the memory.
In yet another aspect of the present invention, there is also provided a computer-readable storage medium having stored therein instructions, which when run on a computer, cause the computer to perform any of the above-described skin rendering methods.
In yet another aspect of the present invention, there is also provided a computer program product containing instructions which, when run on a computer, cause the computer to perform any of the skin rendering methods described above.
The embodiment of the invention provides a skin rendering method, a skin rendering device, electronic equipment and a computer storage medium. The target skin of the client application interface is described using a color value table. From the perspective of skin design, originally irregular color elements of the target skin are presented according to the corresponding relation specification of the color block identification and the color value, and the configuration of the target skin can be completed by setting the rendering area and the corresponding color value. From the perspective of skin rendering, without depending on complex business logic, the color matched with each rendering area in the target skin can be correspondingly modified by acquiring the target color value table corresponding to the target skin and based on the corresponding relation between the color block identifier and the color value in the target color value table, so that the rendering of the target skin is completed, the complexity of the skin rendering process is reduced, and the efficiency is improved.
Drawings
In order to more clearly illustrate the embodiments of the present invention or the technical solutions in the prior art, the drawings used in the description of the embodiments or the prior art will be briefly described below.
Fig. 1 is a flowchart of a skin rendering method according to an embodiment of the present invention;
FIG. 2 is a schematic diagram of a client application interface according to an embodiment of the present invention;
FIG. 3 is a diagram illustrating a color value table according to an embodiment of the present invention;
FIG. 4 is a flow chart of another skin rendering method according to an embodiment of the present invention;
FIG. 5 is a block diagram of a skin rendering apparatus according to an embodiment of the present invention;
FIG. 6 is a second block diagram of a skin rendering apparatus according to an embodiment of the present invention;
FIG. 7 is a third block diagram of a skin rendering apparatus according to an embodiment of the present invention;
fig. 8 is a block diagram of an electronic device in an embodiment of the invention.
Detailed Description
The technical solutions in the embodiments of the present invention will be described below with reference to the drawings in the embodiments of the present invention.
The theme skin style of the client-side interface is designed by a UI designer, a back-end developer develops corresponding business logic by matching with the interface design, and the rendering of the theme skin is performed by depending on the business logic. At present, because of no unified design specification and standard constraint, the design style of an application interface with a complex client is difficult to unify, a back-end developer needs to separately develop corresponding business logic for different theme skins, and especially for the theme skins with complicated styles, irregular color elements further improve the complexity of back-end development. The skin rendering is performed based on the business logic with higher complexity, so that the cost is higher and the efficiency is lower.
Example one
Referring to fig. 1, fig. 1 is a flowchart of a skin rendering method according to an embodiment of the present invention, where the method may be applied to a client, and the client may be an electronic Device such as a Mobile phone, a Tablet Personal Computer (Tablet Personal Computer), a laptop Computer (L ap Computer), a Personal Digital Assistant (PDA), a Mobile Internet Device (MID), or a Wearable Device (Wearable Device), which is not limited herein.
As shown in fig. 1, the method comprises the steps of:
and step 102, rendering the application interface of the client according to the corresponding relation between the color block identifiers and the color values, wherein each rendering area in the application interface is associated with one color block identifier.
In the embodiment of the invention, the target skins matched with the client application interface are described by using the color value table, and each target skin corresponds to one color value table. The color value table can store color block identifiers and corresponding color values thereof, and each color block identifier is associated with one rendering area in the application interface.
When a UI designer designs a theme skin of an application interface, the application interface may be partitioned: and associating a color block identifier with a rendering area corresponding to the area or control using the same color. The color block identifier can be represented as one or more character strings for uniquely marking the rendering area corresponding to the color block identifier, and the color block identifier can be a classification name of the rendering area or a self-defined character ID.
The areas or controls using the same color may be general controls of the application interface, such as top navigation and bottom navigation, or icons and display areas having a corresponding relationship. As shown in fig. 2, top navigation of the current interface: the areas such as the scene management, the storage, the scene addition, the return key "←", and the like can be set to be the same color and correspond to one rendering area; icons of the same function and their display areas, such as the "get up" control and its corresponding icon, may be set to the same color. The UI designer may specifically determine the division of the rendering area based on the specifics of the client application interface, as well as different styles of theme skin.
In the embodiment of the invention, the color value table can be a dictionary type data container, the occupied volume is small, and the searching speed is high.
As shown in fig. 3, the color block identifies the key value as the dictionary data container, the color values are one-to-one corresponding to the key value as the value, and the corresponding color value can be looked up in the color value table by the color block identifying the key value, wherein the color value is the color code of each color in the common color index table. For example, the Color block identifier Color-2 corresponds to a Color value # FFFFFF, which indicates that the Color used by the rendering area associated with Color-2 is white, the Color block identifier Color-7 corresponds to a Color value # 000000, and indicates that the Color used by the rendering area associated with Color-7 is black. It should be noted that, due to the drawing color limitation, the color corresponding to the color value is distinguished by the fill pattern.
It is understood that the color value table can also be represented as other data types, such as a hash table or a two-dimensional array, without any limitation.
In the embodiment of the invention, based on a mapping mechanism, the skin of the client application interface is uniquely marked by using the skin identifier, and the mapping relation between the skin identifier of the target skin and the color value table is established. The skin identifier may be represented as one or more character strings, may be a name of a target skin, or may be a customized skin ID, which is not limited herein. The mapping relationship may be expressed as a skin key value table, where the skin key value table includes a correspondence between the skin identifier and the target skin, and since the target skin exists in the form of the target color value table, it can also be said that the key value table includes a correspondence between the skin identifier and the target color value table.
When the target skin is rendered by the application interface, firstly, a color value table corresponding to the target skin is determined according to the skin identification of the target skin. And then, searching the color value corresponding to each rendering area based on the corresponding relation between the color block identification and the color value in the color value table, wherein the color value is an index of the color, and rendering each rendering area according to the color value index color.
Specifically, the client may add a corresponding skin management component, and when a target color value table corresponding to the target skin is obtained, the client assigns the target color value table to the skin management component, and the skin management component triggers a rendering process of the target skin: retrieving and acquiring a matched color value of the corresponding rendering area from the target color value table, and sending a global message to the application interface; the page level of the application interface is sequentially UIWindow, UIViewcontroller and UIView from the upper layer to the lower layer, the level division of different rendering areas can be realized, and an interface for modifying the color of the rendering area under the corresponding level is provided; when the layers receive the global information sent by the skin management component, the color modification interfaces under the layers can be called in sequence to modify the corresponding colors of different rendering areas, and the rendering of the application interface skin can be realized without complex business logic codes.
In the embodiment of the invention, a color value table is used for describing the target skin of the client application interface, each rendering area matched with the target skin in the application interface is associated with one color block identifier, and each color block identifier corresponds to one color value. From the perspective of skin design, originally irregular color elements of the target skin are displayed in a form specification according to the corresponding relation between the color block identification and the color value, and the configuration of the target skin can be completed by setting the rendering area and the corresponding color value. From the perspective of skin rendering, without depending on complex business logic, by obtaining a target color value table corresponding to a target skin and based on the corresponding relationship between color block identifiers and color values in the target color value table, colors matched with each rendering area in the target skin can be correspondingly searched, so that the rendering of the target skin is realized, the complexity of the skin rendering process is reduced, and the efficiency is improved.
Example two
Referring to fig. 4, fig. 4 is a flowchart of another skin rendering method according to an embodiment of the present invention, which may be applied to a client, where the client may be an electronic Device such as a Mobile phone, a Tablet Personal Computer (Tablet Personal Computer), a laptop Computer (L ap Computer), a Personal Digital Assistant (PDA), a Mobile Internet Device (MID), or a Wearable Device (Wearable Device), and is not limited herein.
As shown in fig. 4, the method comprises the steps of:
and step 403, rendering the application interface of the client according to the corresponding relation between the color block identifiers and the color values, wherein each rendering area in the application interface is associated with one color block identifier.
In this embodiment, the client may manage all skins stored locally using the skin management component. When a user has a skin switching or decorating requirement, switching operation can be input according to a switching control corresponding to a target skin, and the switching operation carries a skin identifier of the target skin. After receiving the switching operation, the skin management component can locally search a target color value table corresponding to the target skin according to the skin identifier carried by the skin management component.
And under the condition that a target color value table corresponding to the skin identifier is locally stored, directly triggering a rendering process of the target skin, retrieving and acquiring a matched color value of a corresponding rendering area from the target color value table, and sending a global message to an application interface. When the page levels receive the global message sent by the skin management component, the color modification interfaces under the levels can be called in sequence, and the corresponding color modification is carried out on different rendering areas, so that the switching of the application interface skin is realized. For a specific rendering process, reference may be made to the description of the foregoing embodiment, and details are not repeated herein to avoid repetition.
Further, after the locally searching the target color value table corresponding to the skin identifier in response to the switching operation, the method further includes:
under the condition that a target color value table corresponding to the skin identifier is not stored locally, a skin downloading request is sent to a server, and the skin downloading request carries the skin identifier of the target skin;
and receiving a target color value table corresponding to the skin identification sent by the server.
In this embodiment, the precondition that the client implements the switching of the target skin is that the target color value table corresponding to the target skin is already stored locally at the client. And under the condition that the target color value table corresponding to the skin identifier is not stored locally, the client needs to send a skin downloading request to the server, request the server to issue the target color value table corresponding to the target skin, and complete downloading of the target skin and store the target skin to the local.
The skin downloading request also carries the skin identifier of the target skin, so that the server can search the target color value table corresponding to the current skin identifier in the skin key value table stored in the server according to the skin identifier and return the target color value table to the client. After the client acquires the target color value table corresponding to the skin identifier sent by the server, the rendering process of the target skin can be triggered, and is not repeated here for avoiding repetition.
It should be noted that, after receiving the target color value table sent by the server, the skin management component may store the target color value table to the local while triggering the target skin rendering process, and update the local skin key value table data.
In addition, different versions of the client, types or models of electronic devices hosted by the client may cause skin differences in the matcher application interface. Based on this, in an embodiment, the skin download request may further carry a version number of the current client or a model of the electronic device carried by the client, and the server may issue a more accurate target color value table according to different information carried in the skin download request.
In this embodiment, all skins matched with the application interface do not need to be stored locally, and when skin switching or dressing is needed, a skin download request is sent to the server, and after a target color value table is obtained, a skin rendering process can be directly triggered, so that the local storage space is saved, and the skin switching efficiency can be improved.
Optionally, the method further includes:
when the client is in cold start, sending a skin acquisition request to a server, wherein the skin acquisition request carries a skin identifier of the skin currently used by the client;
under the condition that the color value table corresponding to the skin identifier is updated, receiving an updated color value table corresponding to the skin identifier sent by a server, wherein the updated color value table comprises a corresponding relation between an updated color block identifier and a color value;
and re-rendering the application interface of the client according to the corresponding relation between the updated color block identifiers and the color values, wherein each rendering area in the application interface is associated with one color block identifier.
In this embodiment, the skin key value table is constructed and maintained by a developer on a server corresponding to the client. Based on the corresponding relationship between the target skin and the target color value table in the skin key value table, when a UI designer designs a new skin or modifies and updates an existing skin configuration, the UI designer can realize iterative update of the skin by adding a new color value table and changing a color code in an existing color value table. When the skin is defective, the defect can be repaired by modifying the color value table. The server stores the update of the color value table in real time.
The cold start of the client refers to the restart after the client program is completely closed, but not the background start. Each time the client cold starts, it sends a network request to the server. The network request may carry a skin identifier, time information of the currently transmitted network request, a version number of the current client, or a type and a model of an electronic device carried by the client. The server can send the corresponding color value table to the client according to the information carried in the network request.
In this embodiment, when the client is cold-started, the network request sent to the server carries the skin identifier of the skin currently used by the client. Based on the real-time updating characteristic of the server, the server can search whether the color value table corresponding to the current skin identification is updated in the stored skin key value table, if the color value table is updated, the client can receive the color value table of the latest version sent by the server, and the skin currently used by the client can be re-rendered according to the color value table of the latest version, so that the skin updating of the application interface can be realized without repeated design of UI designers and repeated development of developers. When the client skin shows that problems occur, developers can also perform troubleshooting and repairing on the problems through the skin key value table, and complexity and difficulty of skin iteration and maintenance are reduced.
Optionally, the method further includes:
when the client is in cold start, sending a skin acquisition request to a server, wherein the skin acquisition request carries current time information;
under the condition that a server has a limited skin matched with current time information, acquiring a color value table corresponding to the limited skin sent by the server, wherein the color value table corresponding to the limited skin comprises a corresponding relation between color block identification and color values;
and rendering the application interface of the client according to the corresponding relation between the color block identifiers and the color values, wherein each rendering area in the application interface is associated with one color block identifier.
In this embodiment, when the client is cold-started, the network request sent to the server carries the current time information. The server can look up whether the limited skin matched with the current time information exists in the stored skin key value table according to the time information. The limited skin may be a skin limited to be shown in a certain time period for a festival, such as a national day theme skin, a skin limited to be shown in a certain time period for a commercial activity, such as an automobile theme skin for an advertisement of an automobile enterprise, or a skin limited to be shown in a certain time period for a social event, such as a college entrance examination theme skin.
For a defined skin, the server may add a preset defined time to its correspondence. The server has a defined skin matching the current time information, which can be understood as: and the server searches a color value table containing the current time in the preset limited time in the skin key value table according to the time information carried by the skin acquisition request. For example, the limited time of the national celebration theme skin is preset to 10 months, 1 day 00:00 to 10 months, 7 days, 23:59, and if the current time is 10 months, 2 days, 18:00, the preset limited time includes the current time, namely the national celebration theme skin is matched with the current time information.
Under the condition that the server has the limited skin matched with the current time information, the client can receive the color value table corresponding to the limited skin sent by the server, the skin currently used by the client is re-rendered without manual switching of a user, the matched limited skin can be automatically rendered when the client is in cold start, the skin rendering efficiency is further improved, and the user experience is improved.
On the basis of the first embodiment, multiple implementation forms are added, the skin rendering modes are further enriched, the skin rendering efficiency is improved, and the real-time updating of the skin is guaranteed.
Referring to fig. 5, fig. 5 is a structural diagram of a skin rendering device according to an embodiment of the present invention.
As shown in fig. 5, the skin rendering apparatus 500 includes:
an obtaining module 501, configured to obtain a target color value table corresponding to a skin identifier according to the skin identifier of a target skin, where the target color value table includes a correspondence between a color block identifier and a color value;
a first rendering module 502, configured to render the application interface of the client according to the correspondence between the color block identifiers and the color values, where each rendering region in the application interface is associated with one color block identifier.
Optionally, as shown in fig. 6, the obtaining module 501 includes:
the receiving unit 5011 receives a switching operation input by a user for a target skin, where the switching operation carries a skin identifier of the target skin;
a searching unit 5012, configured to locally search a target color value table corresponding to the skin identifier in response to the switching operation;
the first obtaining unit 5013 is configured to, in a case where a target color value table corresponding to the skin identifier is locally stored, obtain the locally stored target color value table corresponding to the skin identifier.
Optionally, as shown in fig. 7, the obtaining module 501 further includes:
the sending unit 5014 is configured to send a skin download request to a server when a target color value table corresponding to the skin identifier is not locally stored, where the skin download request carries the skin identifier of the target skin;
the second obtaining unit 5015 is configured to receive a target color value table corresponding to the skin identifier sent by the server.
Optionally, the skin rendering apparatus 500 further includes:
the first sending module is used for sending a skin obtaining request to a server when the client is in cold start, wherein the skin obtaining request carries a skin identifier of the skin currently used by the client;
the first receiving module is used for receiving the updated color value table corresponding to the skin identifier sent by the server under the condition that the color value table corresponding to the skin identifier is updated;
and the second rendering module is used for rendering the application interface of the client according to the corresponding relation between the color block identifier and the color value in the updated color value table, wherein each rendering area in the application interface is associated with one color block identifier.
Optionally, the skin rendering apparatus 500 further includes:
the second sending module is used for sending a skin obtaining request to the server when the client is in cold start, wherein the skin obtaining request carries current time information;
the second receiving module is used for acquiring the color value table corresponding to the limited skin sent by the server under the condition that the limited skin matched with the current time information exists in the server;
and the third rendering module is used for rendering the application interface of the client according to the corresponding relation between the color block identifier and the color value in the color value table corresponding to the limited skin, wherein each rendering area in the application interface is associated with one color block identifier.
Referring to fig. 8, fig. 8 is a structural diagram of an electronic device according to an embodiment of the present invention.
As shown in fig. 8, the electronic device 800 includes a processor 801, a communication interface 802, a memory 803 and a communication bus 804, wherein the processor 801, the communication interface 802 and the memory 803 communicate with each other via the communication bus 804.
The memory 803 is used for storing a computer program.
When the processor 801 is used to execute the program stored in the memory 803, the following steps are implemented:
acquiring a target color value table corresponding to a skin identifier according to the skin identifier of a target skin, wherein the target color value table comprises the corresponding relation between color block identifiers and color values;
and rendering the application interface of the client according to the corresponding relation between the color block identifiers and the color values, wherein each rendering area in the application interface is associated with one color block identifier.
Optionally, the obtaining a target color value table corresponding to the skin identifier according to the skin identifier of the target skin includes:
receiving a switching operation input by a user aiming at a target skin, wherein the switching operation carries a skin identifier of the target skin;
in response to the switching operation, locally searching a target color value table corresponding to the skin identifier;
and under the condition that the target color value table corresponding to the skin identifier is locally stored, acquiring the target color value table corresponding to the locally stored skin identifier.
Optionally, after the locally searching for the target color value table corresponding to the skin identifier in response to the switching operation, the method further includes:
under the condition that a target color value table corresponding to the skin identifier is not stored locally, a skin downloading request is sent to a server, and the skin downloading request carries the skin identifier of the target skin;
and receiving a target color value table corresponding to the skin identification sent by the server.
Optionally, the method further includes:
when the client is in cold start, sending a skin acquisition request to a server, wherein the skin acquisition request carries a skin identifier of the skin currently used by the client;
under the condition that the color value table corresponding to the skin identification is updated, receiving the updated color value table corresponding to the skin identification sent by a server;
and rendering the application interface of the client according to the corresponding relation between the color block identifiers and the color values in the updated color value table, wherein each rendering area in the application interface is associated with one color block identifier.
Optionally, the method further includes:
when the client is in cold start, sending a skin acquisition request to a server, wherein the skin acquisition request carries current time information;
under the condition that a server has a limited skin matched with current time information, acquiring a color value table corresponding to the limited skin sent by the server;
and rendering the application interface of the client according to the corresponding relation between the color block identifier and the color value in the color value table corresponding to the limited skin, wherein each rendering area in the application interface is associated with one color block identifier.
The communication bus 804 mentioned in the electronic device 800 may be a Peripheral Component Interconnect (PCI) bus, an Extended Industry Standard Architecture (EISA) bus, or the like. The communication bus 804 may be divided into an address bus, a data bus, a control bus, etc. For ease of illustration, only one thick line is shown, but this does not mean that there is only one bus or one type of bus.
The communication interface 802 is used for communication between the electronic apparatus 800 and other apparatuses.
The Memory 803 may include a Random Access Memory (RAM) or a non-volatile Memory (non-volatile Memory), such as at least one disk Memory. Optionally, the memory may also be at least one memory device located remotely from the processor.
The Processor 801 may be a general-purpose Processor, and includes a Central Processing Unit (CPU), a Network Processor (NP), and the like; the device can also be a Digital Signal Processor (DSP), an Application Specific Integrated Circuit (ASIC), a Field Programmable Gate Array (FPGA) or other Programmable logic device, a discrete Gate or transistor logic device, or a discrete hardware component.
In yet another embodiment provided by the present invention, there is also provided a computer-readable storage medium having stored therein instructions, which when run on a computer, cause the computer to perform the skin rendering method of any of the above embodiments.
In a further embodiment provided by the present invention, there is also provided a computer program product containing instructions which, when run on a computer, cause the computer to perform the skin rendering method of any of the above embodiments.
The computer instructions may be stored in or transmitted from one computer-readable storage medium to another computer-readable storage medium, e.g., from one website site, computer, server, or data center via a wired (e.g., coaxial cable, optical fiber, digital subscriber line (DS L)) or wireless (e.g., infrared, wireless, microwave, etc.) manner to another website site, computer, server, or data center.
It is noted that, herein, relational terms such as first and second, and the like may be used solely to distinguish one entity or action from another entity or action without necessarily requiring or implying any actual such relationship or order between such entities or actions. Also, the terms "comprises," "comprising," or any other variation thereof, are intended to cover a non-exclusive inclusion, such that a process, method, article, or apparatus that comprises a list of elements does not include only those elements but may include other elements not expressly listed or inherent to such process, method, article, or apparatus. Without further limitation, an element defined by the phrase "comprising an … …" does not exclude the presence of other identical elements in a process, method, article, or apparatus that comprises the element.
All the embodiments in the present specification are described in a related manner, and the same and similar parts among the embodiments may be referred to each other, and each embodiment focuses on the differences from the other embodiments. In particular, for the system embodiment, since it is substantially similar to the method embodiment, the description is simple, and for the relevant points, reference may be made to the partial description of the method embodiment.
The above description is only for the preferred embodiment of the present invention, and is not intended to limit the scope of the present invention. Any modification, equivalent replacement, or improvement made within the spirit and principle of the present invention shall fall within the protection scope of the present invention.
Claims (12)
1. A skin rendering method applied to a client side is characterized by comprising the following steps:
acquiring a target color value table corresponding to a skin identifier according to the skin identifier of a target skin, wherein the target color value table comprises the corresponding relation between color block identifiers and color values;
and rendering the application interface of the client according to the corresponding relation between the color block identifiers and the color values, wherein each rendering area in the application interface is associated with one color block identifier.
2. The method according to claim 1, wherein the obtaining a target color value table corresponding to a skin identifier of a target skin according to the skin identifier comprises:
receiving a switching operation input by a user aiming at a target skin, wherein the switching operation carries a skin identifier of the target skin;
in response to the switching operation, locally searching a target color value table corresponding to the skin identifier;
and under the condition that the target color value table corresponding to the skin identifier is locally stored, acquiring the target color value table corresponding to the locally stored skin identifier.
3. The method according to claim 2, wherein after said locally looking up a target color value table corresponding to the skin identity in response to the switching operation, the method further comprises:
under the condition that a target color value table corresponding to the skin identifier is not stored locally, a skin downloading request is sent to a server, and the skin downloading request carries the skin identifier of the target skin;
and receiving a target color value table corresponding to the skin identification sent by the server.
4. The method of claim 1, further comprising:
when the client is in cold start, sending a skin acquisition request to a server, wherein the skin acquisition request carries a skin identifier of the skin currently used by the client;
under the condition that the color value table corresponding to the skin identification is updated, receiving the updated color value table corresponding to the skin identification sent by a server;
and rendering the application interface of the client according to the corresponding relation between the color block identifiers and the color values in the updated color value table, wherein each rendering area in the application interface is associated with one color block identifier.
5. The method of claim 1, further comprising:
when the client is in cold start, sending a skin acquisition request to a server, wherein the skin acquisition request carries current time information;
under the condition that a server has a limited skin matched with current time information, acquiring a color value table corresponding to the limited skin sent by the server;
and rendering the application interface of the client according to the corresponding relation between the color block identifier and the color value in the color value table corresponding to the limited skin, wherein each rendering area in the application interface is associated with one color block identifier.
6. A skin rendering apparatus, characterized in that the apparatus comprises:
the device comprises an acquisition module, a processing module and a processing module, wherein the acquisition module is used for acquiring a target color value table corresponding to a skin identifier according to the skin identifier of a target skin, and the target color value table comprises the corresponding relation between a color block identifier and a color value;
and the first rendering module is used for rendering the application interface of the client according to the corresponding relation between the color block identifiers and the color values, and each rendering area in the application interface is associated with one color block identifier.
7. The apparatus of claim 6, wherein the obtaining module comprises:
the device comprises a receiving unit, a judging unit and a judging unit, wherein the receiving unit is used for receiving switching operation input by a user aiming at a target skin, and the switching operation carries a skin identifier of the target skin;
the searching unit is used for responding to the switching operation and locally searching a target color value table corresponding to the skin identification;
and the first acquisition unit is used for acquiring the locally stored target color value table corresponding to the skin identifier under the condition that the locally stored target color value table corresponding to the skin identifier is locally stored.
8. The apparatus of claim 7, wherein the obtaining module further comprises:
a sending unit, configured to send a skin download request to a server when a target color value table corresponding to the skin identifier is not stored locally, where the skin download request carries the skin identifier of the target skin;
and the second acquisition unit is used for receiving the target color value table corresponding to the skin identifier sent by the server.
9. The apparatus of claim 6, further comprising:
the first sending module is used for sending a skin obtaining request to a server when the client is in cold start, wherein the skin obtaining request carries a skin identifier of the skin currently used by the client;
the first receiving module is used for receiving the updated color value table corresponding to the skin identifier sent by the server under the condition that the color value table corresponding to the skin identifier is updated;
and the second rendering module is used for rendering the application interface of the client according to the corresponding relation between the color block identifier and the color value in the updated color value table, wherein each rendering area in the application interface is associated with one color block identifier.
10. The apparatus of claim 1, wherein the method further comprises:
the second sending module is used for sending a skin obtaining request to the server when the client is in cold start, wherein the skin obtaining request carries current time information;
the second receiving module is used for acquiring the color value table corresponding to the limited skin sent by the server under the condition that the limited skin matched with the current time information exists in the server;
and the third rendering module is used for rendering the application interface of the client according to the corresponding relation between the color block identifier and the color value in the color value table corresponding to the limited skin, wherein each rendering area in the application interface is associated with one color block identifier.
11. An electronic device is characterized by comprising a processor, a communication interface, a memory and a communication bus, wherein the processor and the communication interface are used for realizing mutual communication by the memory through the communication bus;
a memory for storing a computer program;
a processor for implementing the method steps of any one of claims 1 to 5 when executing a program stored in the memory.
12. A computer-readable storage medium, on which a computer program is stored which, when being executed by a processor, carries out the method according to any one of claims 1 to 5.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010211247.3A CN111443910A (en) | 2020-03-24 | 2020-03-24 | Skin rendering method and device, electronic equipment and computer storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010211247.3A CN111443910A (en) | 2020-03-24 | 2020-03-24 | Skin rendering method and device, electronic equipment and computer storage medium |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN111443910A true CN111443910A (en) | 2020-07-24 |
Family
ID=71649021
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202010211247.3A Pending CN111443910A (en) | 2020-03-24 | 2020-03-24 | Skin rendering method and device, electronic equipment and computer storage medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN111443910A (en) |
Cited By (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN112015419A (en) * | 2020-09-07 | 2020-12-01 | 北京达佳互联信息技术有限公司 | Interface element color setting method and device, electronic equipment and storage medium |
| CN112433798A (en) * | 2020-11-24 | 2021-03-02 | 北京字节跳动网络技术有限公司 | Page adaptation method and device based on mode switching |
| CN112685113A (en) * | 2020-12-28 | 2021-04-20 | 金现代信息产业股份有限公司 | iOS skin changing method and device |
| CN113205580A (en) * | 2021-05-10 | 2021-08-03 | 万翼科技有限公司 | Primitive rendering method, device and equipment and storage medium |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US8982415B1 (en) * | 2013-10-10 | 2015-03-17 | Fuji Xerox Co., Ltd. | Generating color value registration list based on number of consecutive pixels with matching color values |
| CN107133038A (en) * | 2017-04-28 | 2017-09-05 | 广州阿里巴巴文学信息技术有限公司 | A kind of application program changes the method and its device of skin |
| CN109614173A (en) * | 2017-09-30 | 2019-04-12 | 腾讯科技（深圳）有限公司 | A kind of skin change method and device |
| CN110780873A (en) * | 2019-09-06 | 2020-02-11 | 平安普惠企业管理有限公司 | Interface color adaptation method and device, computer equipment and storage medium |
-
2020
- 2020-03-24 CN CN202010211247.3A patent/CN111443910A/en active Pending
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US8982415B1 (en) * | 2013-10-10 | 2015-03-17 | Fuji Xerox Co., Ltd. | Generating color value registration list based on number of consecutive pixels with matching color values |
| CN107133038A (en) * | 2017-04-28 | 2017-09-05 | 广州阿里巴巴文学信息技术有限公司 | A kind of application program changes the method and its device of skin |
| CN109614173A (en) * | 2017-09-30 | 2019-04-12 | 腾讯科技（深圳）有限公司 | A kind of skin change method and device |
| CN110780873A (en) * | 2019-09-06 | 2020-02-11 | 平安普惠企业管理有限公司 | Interface color adaptation method and device, computer equipment and storage medium |
Cited By (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN112015419A (en) * | 2020-09-07 | 2020-12-01 | 北京达佳互联信息技术有限公司 | Interface element color setting method and device, electronic equipment and storage medium |
| CN112433798A (en) * | 2020-11-24 | 2021-03-02 | 北京字节跳动网络技术有限公司 | Page adaptation method and device based on mode switching |
| CN112685113A (en) * | 2020-12-28 | 2021-04-20 | 金现代信息产业股份有限公司 | iOS skin changing method and device |
| CN113205580A (en) * | 2021-05-10 | 2021-08-03 | 万翼科技有限公司 | Primitive rendering method, device and equipment and storage medium |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN111443910A (en) | Skin rendering method and device, electronic equipment and computer storage medium | |
| US10789308B2 (en) | Method and apparatus for searching application and mobile terminal | |
| CN104966206A (en) | Method, device, and system for performing gray release on mobile application | |
| CN107092652B (en) | Navigation method and device for target page | |
| CN107918548A (en) | Method, apparatus, computer equipment and the storage medium that business function is realized | |
| CN107133351B (en) | Plotting method and apparatus, user terminal, server, and computer-readable medium | |
| CN111368180B (en) | Page display method and device and electronic equipment | |
| CN105867714A (en) | Application downloading method, apparatus and system | |
| CN110069264A (en) | Construct method, apparatus, computer equipment and the storage medium of resource packet | |
| CN110941779A (en) | Page loading method and device, storage medium and electronic equipment | |
| CN110825395B (en) | Multi-plug-in layered deployment system, device and medium | |
| CN112560422A (en) | Chart processing method, device, equipment and medium | |
| US9703848B2 (en) | Caching linked queries for optimized compliance management | |
| KR102205686B1 (en) | Method and apparatus for ranking candiate character and method and device for inputting character | |
| CN111367606A (en) | Application page display method, device, terminal and medium | |
| CN111124612A (en) | Container mirror image upgrading method and device, electronic equipment and storage medium | |
| CN115544405A (en) | Page rendering method and device, electronic equipment and storage medium | |
| KR101848398B1 (en) | Producing system application driving information of remote server based and method of the same | |
| CN111181836B (en) | Message pushing method and device | |
| CN111225005B (en) | Push content generation method and device, electronic equipment and computer storage medium | |
| CN104572743A (en) | Quicklink information updating method and device | |
| CN116932838B (en) | Database-based data query, update and storage method and device | |
| CN115495769B (en) | Data desensitization method, system, readable storage medium and device | |
| CN108268649A (en) | A kind of expanding unit of system language, method and terminal device | |
| CN117112654B (en) | City data display method, device, computer equipment and storage medium |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination |