CN112433724A - Target component style generation method and device, electronic equipment and storage medium - Google Patents
Target component style generation method and device, electronic equipment and storage medium Download PDFInfo
- Publication number
- CN112433724A CN112433724A CN202011243446.9A CN202011243446A CN112433724A CN 112433724 A CN112433724 A CN 112433724A CN 202011243446 A CN202011243446 A CN 202011243446A CN 112433724 A CN112433724 A CN 112433724A
- Authority
- CN
- China
- Prior art keywords
- target
- component
- style
- target component
- parameter
- 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
- 238000000034 method Methods 0.000 title claims abstract description 32
- 230000009471 action Effects 0.000 claims description 7
- 238000012546 transfer Methods 0.000 claims description 6
- 230000005540 biological transmission Effects 0.000 claims description 2
- 238000011161 development Methods 0.000 abstract description 8
- 238000013461 design Methods 0.000 abstract description 6
- 238000012545 processing Methods 0.000 description 12
- 238000004891 communication Methods 0.000 description 10
- 238000005516 engineering process Methods 0.000 description 8
- 238000010586 diagram Methods 0.000 description 7
- 230000003287 optical effect Effects 0.000 description 5
- 230000005236 sound signal Effects 0.000 description 4
- 238000007726 management method Methods 0.000 description 3
- 230000001133 acceleration Effects 0.000 description 2
- XRCFXMGQEVUZFC-UHFFFAOYSA-N anisindione Chemical compound C1=CC(OC)=CC=C1C1C(=O)C2=CC=CC=C2C1=O XRCFXMGQEVUZFC-UHFFFAOYSA-N 0.000 description 2
- 229960002138 anisindione Drugs 0.000 description 2
- 230000000712 assembly Effects 0.000 description 2
- 238000000429 assembly Methods 0.000 description 2
- 230000008859 change Effects 0.000 description 2
- 238000004590 computer program Methods 0.000 description 2
- 238000013500 data storage Methods 0.000 description 2
- 230000003993 interaction Effects 0.000 description 2
- 230000003068 static effect Effects 0.000 description 2
- 230000006978 adaptation Effects 0.000 description 1
- 230000003044 adaptive effect Effects 0.000 description 1
- 238000003491 array Methods 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 238000007667 floating Methods 0.000 description 1
- 230000006870 function Effects 0.000 description 1
- 238000003384 imaging method Methods 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000002093 peripheral effect Effects 0.000 description 1
- 230000008569 process Effects 0.000 description 1
- 230000000750 progressive effect Effects 0.000 description 1
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
Abstract
The present disclosure relates to a method, an apparatus, an electronic device and a storage medium for generating a style of a target component, wherein the method comprises: receiving an editing instruction of an account, and generating an attribute configuration file of a target component according to the editing instruction, wherein the attribute configuration file comprises parameters for generating a style of the target component; acquiring target parameters of the target component from the parameters; and generating the style of the target component according to the dynamic style attribute of the target component and the target parameter. According to the method and the device, on the basis of the pre-created attribute configuration file, the target parameters in the attribute configuration file are transmitted into the target assembly, the style of the target assembly is automatically generated, the condition that developers manually design the style of the target assembly is avoided, the labor cost is reduced, and the efficiency of assembly development is improved in the scene of developing the target assembly in batches.
Description
Technical Field
The present disclosure relates to the field of computer technologies, and in particular, to a method and an apparatus for generating a style of a target component, an electronic device, and a storage medium.
Background
With the rapid development of computer technology and internet technology, more and more internet tasks are generated, such as a learning task, a check-in task, a video playing task, and the like. Aiming at various tasks, corresponding components need to be developed, and task completion conditions are displayed by utilizing the components.
In the related art, a developer needs to develop different components according to task types, task contents, completion conditions, and the like of each task, and also needs to design the style of each component, for example, for a video playing task, the style of the component of the video playing task may be a percentage of video playing time to total task completion time, and the style of the component of the video playing task belongs to a dynamic style. For another example, for a learning task, the style of the component of the learning task may be a ratio of the number of learning sections to the total sections of the task, the style of the component of the learning task belonging to a static style. Therefore, the developer needs to design a corresponding style for each task of the component, development cost is increased, and efficiency of component development is low.
Disclosure of Invention
The present disclosure provides a method and an apparatus for generating a style of a target component, an electronic device, and a storage medium, so as to at least solve the problems in the related art that a developer needs to consume development cost to design a style of a component, and the development efficiency of the component is low. The technical scheme of the disclosure is as follows:
according to a first aspect of the embodiments of the present disclosure, there is provided a method for generating a style of a target component, including: receiving an editing instruction of an account, and generating an attribute configuration file of a target component according to the editing instruction, wherein the attribute configuration file comprises parameters for generating a style of the target component; acquiring target parameters of the target component from the parameters; and generating the style of the target component according to the dynamic style attribute of the target component and the target parameter.
Optionally, the parameter comprises at least one of: style type information, component background information, component size information, component corner information, component task total information, component task completion information, and component action information.
Optionally, the obtaining the target parameter of the target component from the parameter includes: and acquiring target parameters from the parameters according to the transfer attribute of the target component and the style type information.
Optionally, the method further comprises: and acquiring the data type corresponding to the target parameter and/or default information corresponding to the target parameter according to the transmission attribute.
Optionally, the generating the style of the target component according to the dynamic style attribute of the target component and the target parameter includes: taking the target parameter as an attribute value of the dynamic style attribute; and generating the style of the target component according to the attribute values and the corresponding relation between the attribute values and the style of the target component.
Optionally, the target component comprises a progress bar component.
According to a second aspect of the embodiments of the present disclosure, there is provided a pattern generation apparatus of a target component, including: the parameter generation module is configured to receive an editing instruction of an account, and generate a property configuration file of a target component according to the editing instruction, wherein the property configuration file comprises parameters for generating a style of the target component; a parameter obtaining module configured to obtain a target parameter of the target component from the parameters; a style generation module configured to generate a style of the target component according to the dynamic style attribute of the target component and the target parameter.
Optionally, the parameter comprises at least one of: style type information, component background information, component size information, component corner information, component task total information, component task completion information, and component action information.
Optionally, the parameter obtaining module is configured to obtain the target parameter from the parameters according to the transfer attribute of the target component and the style type information.
Optionally, the parameter obtaining module is further configured to obtain a data type corresponding to the target parameter and/or default information corresponding to the target parameter according to the transfer attribute.
Optionally, the pattern generation module includes: an attribute value determination module configured to take the target parameter as an attribute value of the dynamic style attribute; and the component style generation module is configured to generate the style of the target component according to the attribute value and the corresponding relation between the attribute value and the style of the target component.
Optionally, the target component comprises a progress bar component.
According to a third aspect of the embodiments of the present disclosure, there is provided an electronic apparatus including: a processor; a memory for storing the processor-executable instructions; wherein the processor is configured to execute the instructions to implement the method of style generation for a target component as described in the first aspect.
According to a fourth aspect of embodiments of the present disclosure, there is provided a storage medium, wherein instructions, when executed by a processor of an electronic device, enable the electronic device to perform the style generation method of the target component according to the first aspect.
According to a fifth aspect of embodiments of the present disclosure, there is provided a computer program product comprising readable program code executable by a processor of an electronic device to perform the method for style generation of a target component of the first aspect described above.
The technical scheme provided by the embodiment of the disclosure at least brings the following beneficial effects:
according to the style generation scheme of the target component, the editing instruction of the account is received, and the attribute configuration file of the target component is generated according to the editing instruction. The account may be a developer of the target component, and the property profile may include parameters for generating a style of the target component. And acquiring target parameters of the target assembly from the parameters, and further generating the style of the target assembly according to the dynamic style attribute and the target parameters of the target assembly.
In an embodiment of the present disclosure, a developer of a target component may create a property profile in advance, and the property profile may include various parameters required for generating a style of the target component. When the style of the target component needs to be generated, the target parameters can be transferred into the target component, and the style of the target component is automatically generated according to the target parameters by the dynamic style attributes of the target component. According to the embodiment of the invention, on the basis of the pre-created attribute configuration file, the target parameters in the attribute configuration file are transmitted into the target component, so that the style of the target component is automatically generated, the condition that developers manually design the style of the target component is avoided, the labor cost is reduced, and the component development efficiency is improved in the scene of developing the target component in batches.
It is to be understood that both the foregoing general description and the following detailed description are exemplary and explanatory only and are not restrictive of the disclosure.
Drawings
The accompanying drawings, which are incorporated in and constitute a part of this specification, illustrate embodiments consistent with the present disclosure and, together with the description, serve to explain the principles of the disclosure and are not to be construed as limiting the disclosure.
FIG. 1 is a flow diagram illustrating a method for style generation for a target component in accordance with an exemplary embodiment.
Fig. 2 is a block diagram illustrating a style generation apparatus of a target component according to an example embodiment.
FIG. 3 is a block diagram illustrating a style generation electronics for a target component in accordance with an exemplary embodiment.
FIG. 4 is a block diagram illustrating an electronic device for generating a style for a target component in accordance with an exemplary embodiment.
Detailed Description
In order to make the technical solutions of the present disclosure better understood by those of ordinary skill in the art, the technical solutions in the embodiments of the present disclosure will be clearly and completely described below with reference to the accompanying drawings.
It should be noted that the terms "first," "second," and the like in the description and claims of the present disclosure and in the above-described drawings are used for distinguishing between similar elements and not necessarily for describing a particular sequential or chronological order. It is to be understood that the data so used is interchangeable under appropriate circumstances such that the embodiments of the disclosure described herein are capable of operation in sequences other than those illustrated or otherwise described herein. The implementations described in the exemplary embodiments below are not intended to represent all implementations consistent with the present disclosure. Rather, they are merely examples of apparatus and methods consistent with certain aspects of the present disclosure, as detailed in the appended claims.
Fig. 1 is a flowchart illustrating a style generation method of a target component, which may be applied to a server, as shown in fig. 1, according to an exemplary embodiment. The method for generating the style of the target component may specifically include the following steps.
In step S11, an editing instruction for the account is received, and a property profile of the target component is generated based on the editing instruction.
In an embodiment of the disclosure, the account may be immediately a developer of the target component, and the developer performs an editing operation, and then generates an editing instruction by the editing operation. In practical applications, the editing instructions may include, but are not limited to: identity of the developer, operational identification, parameters, and the like. The parameter may include parameter content or parameter value, etc.
After receiving the editing instruction, a property configuration file may be generated according to the editing instruction, and a parameter for generating a style of the target component may be included in the property configuration file.
For example, < target component name, < config ═ self _ conf "> < target component name >, where config denotes an attribute configuration file and self _ conf denotes a parameter.
In step S12, target parameters of the target component are acquired from the parameters.
In the embodiment of the present disclosure, after the developer has created the property configuration file, the parameters in the property configuration file may be transferred to the target component, and in practical application, all the parameters may be transferred to the target component, or part of the parameters may be transferred to the target component.
In step S13, a style of the target component is generated according to the dynamic style attribute and the target parameter of the target component.
In the embodiment of the disclosure, the corresponding dynamic style attribute is set for the target component, and then the style of the target component is generated according to the dynamic style attribute and the target parameter.
According to the style generation scheme of the target component, the editing instruction of the account is received, and the attribute configuration file of the target component is generated according to the editing instruction. The account may be a developer of the target component, and the property profile may include parameters for generating a style of the target component. And acquiring target parameters of the target assembly from the parameters, and further generating the style of the target assembly according to the dynamic style attribute and the target parameters of the target assembly.
In an embodiment of the present disclosure, a developer of a target component may create a property profile in advance, and the property profile may include various parameters required for generating a style of the target component. When the style of the target component needs to be generated, the target parameters can be transferred into the target component, and the style of the target component is automatically generated according to the target parameters by the dynamic style attributes of the target component. According to the embodiment of the invention, on the basis of the pre-created attribute configuration file, the target parameters in the attribute configuration file are transmitted into the target component, so that the style of the target component is automatically generated, the condition that developers manually design the style of the target component is avoided, the labor cost is reduced, and the component development efficiency is improved in the scene of developing the target component in batches.
In an exemplary embodiment of the disclosure, the target component may include a progress bar component, and the following is taken as an example of the progress bar component, and the parameter of the progress bar component may include at least one of: style type information, component background information, component size information, component corner information, component task total information, component task completion information, component action information, and the like. In practical applications, the parameters in the attribute configuration file may include the following:
1. type (style type; the specific parameter content may be "1" or "2" or other numerical value, when the parameter content is 1, it indicates that the target component is presented in a percentage style, when the parameter content is 2, it indicates that the target component is presented in a number style)
2. undone _ bg (background color or picture when progress bar is not completed)
3. done _ bg (background color or picture when progress bar is completed)
4. width, height (length, height of progress bar)
5. Border _ radius (fillet of progress bar)
6. show _ point (whether a dot is displayed when the progress bar is completed, the dot represents the completion identifier of the progress bar, and the parameter is valid only when the type is 2)
7. ponint _ bg (background color of dots or picture when progress bar is completed, the parameter is valid only when type 2)
8. max _ number (Total task number)
9. now _ number (number of tasks currently completed)
10. show _ animation (whether to show animation when progress bar is completed)
The parameter type is the style type information, the parameters undo _ bg, done _ bg, and pint _ bg are the device background information, the parameters width and height are the device size information, the parameter border _ radius is the device corner information, the parameters show _ point and show _ estimate are the device active information, the parameter max _ number is the device task total number information, and the parameter now _ number is the device task completion number information. The parameters may include corresponding parameter contents, for example, the parameter content of the parameter type is "1".
In an exemplary embodiment of the present disclosure, in the execution process of the above step S12, the target parameter may be obtained from the parameters of the property profile according to the delivery property and the style type information of the target component. Wherein the target parameter can be understood as a valid parameter for generating a style of the target component. For example, when the parameter content of the above-described parameter type is "1", the parameter show _ point and the parameter poinint _ bg are not target parameters. Therefore, when acquiring the target parameter, it is necessary to acquire the parameter type first, and determine which parameters are the target parameters and which parameters are not the target parameters according to the parameter content of the parameter type.
In practical applications, if the target component is encapsulated with vue.js (a set of progressive frameworks that build user interfaces), then the delivery property may be a prop property. For example, in the pops attribute, the target parameter can be obtained according to [ config: Object, default { } } ]. Wherein config represents a property profile, type represents a parameter "style type", Object represents a data type of the parameter "style type", such as floating point type, character type, etc., and default represents default information of the parameter "style type", such as "1". As another example, the parameter "unidone _ bg" may be obtained from [ config: { unidone _ bg: Object, default { } } ].
In an exemplary embodiment of the present disclosure, during the execution of the above step S13, still taking the target component encapsulated by vue. The dynamic "style" attribute is used to generate a corresponding style for the vue component according to the attribute value. Therefore, the obtained target parameter is used as the attribute value of the dynamic "style" attribute, that is, the name of the target parameter and the corresponding parameter content are used as the attribute value of the dynamic "style" attribute. Then, a style of vue components is generated according to the correspondence between the attribute values of the dynamic "style" attribute and the styles of vue components.
For example, if the length and height of the component vue are generated, the parameters width and height and their parameter contents are read from the attribute value of the dynamic "style" attribute, and then the length and height of the component vue are generated according to the parameter contents. If the parameter type and the parameter content thereof are read as "2" from the attribute value of the dynamic "style" attribute, vue components displayed according to the number of styles are generated, and if the parameter content of the parameter show _ point is read as "future" from the attribute value of the dynamic "style" attribute, a task point is set for vue components. And setting the background color of the task point according to the parameter content of the parameter ponit _ bg in the attribute value of the dynamic "style" attribute. The background color of the component when the task is completed can also be set according to the parameter content of the parameter done _ bg in the attribute value of the dynamic "style" attribute. In addition, the percentage of completed tasks can be calculated according to the parameter content of the parameter now _ number and the parameter content of the parameter max _ number in the attribute value of the dynamic "style" attribute, that is, the parameter content of the parameter now _ number is divided by the parameter content of the parameter max _ number to obtain the percentage of completed tasks. When the parameter content of the parameter show _ estimate in the attribute value of the dynamic "style" attribute is "tune", the animation effect when the progress bar setting is completed is further set according to the parameter content of the parameter show _ estimate, namely "0.5 s linear".
In the embodiment of the disclosure, the target component may be encapsulated according to any frame with a page display function, for example, vue, and in addition, the target component may be generated directly through a hypertext Markup Language (HTML) and a Cascading Style Sheet (CSS), that is, the embodiment of the disclosure may generate a corresponding Style for any target component, and is strong in compatibility. The corresponding patterns can be generated for one or more target assemblies without limitation, and the adaptive range of the target assemblies is expanded.
In the attribute configuration file of the embodiment of the disclosure, specific parameters can be set according to actual conditions, so that the flexibility of generating the style of the target component is improved.
Fig. 2 is a block diagram illustrating a style generation apparatus of a target component according to an example embodiment. The device can be applied to a server, and particularly can comprise the following modules.
The parameter generating module 21 is configured to receive an editing instruction of an account, and generate a property configuration file of a target component according to the editing instruction, where the property configuration file includes a parameter for generating a style of the target component;
a parameter obtaining module 22 configured to obtain a target parameter of the target component from the parameters;
a style generation module 23 configured to generate a style of the target component according to the dynamic style attribute of the target component and the target parameter.
In an exemplary embodiment of the present disclosure, the parameter includes at least one of:
style type information, component background information, component size information, component corner information, component task total information, component task completion information, and component action information.
In an exemplary embodiment of the present disclosure, the parameter obtaining module 22 is configured to obtain the target parameter from the parameters according to the transfer attribute of the target component and the style type information.
In an exemplary embodiment of the disclosure, the parameter obtaining module 22 is further configured to obtain a data type corresponding to the target parameter and/or default information corresponding to the target parameter according to the transfer attribute.
In an exemplary embodiment of the present disclosure, the pattern generation module 23 includes:
an attribute value determination module configured to take the target parameter as an attribute value of the dynamic style attribute;
and the component style generation module is configured to generate the style of the target component according to the attribute value and the corresponding relation between the attribute value and the style of the target component.
In an exemplary embodiment of the present disclosure, the target component comprises a progress bar component.
With regard to the apparatus in the above-described embodiment, the specific manner in which each module performs the operation has been described in detail in the embodiment related to the method, and will not be elaborated here.
FIG. 3 is a block diagram illustrating a style generation electronic device 300 of a target component in accordance with an exemplary embodiment. For example, the electronic device 300 may be a mobile phone, a computer, a digital broadcast terminal, a messaging device, a game console, a tablet device, a medical device, an exercise device, a personal digital assistant, and the like.
Referring to fig. 3, electronic device 300 may include one or more of the following components: a processing component 302, a memory 304, a power component 306, a multimedia component 308, an audio component 310, an input/output (I/O) interface 312, a sensor component 314, and a communication component 316.
The processing component 302 generally controls overall operation of the electronic device 300, such as operations associated with display, telephone calls, data communications, camera operations, and recording operations. The processing component 302 may include one or more processors 320 to execute instructions to perform all or a portion of the steps of the style generation method for the target component described above. Further, the processing component 302 can include one or more modules that facilitate interaction between the processing component 302 and other components. For example, the processing component 302 may include a multimedia module to facilitate interaction between the multimedia component 308 and the processing component 302.
The memory 304 is configured to store various types of data to support operations at the electronic device 300. Examples of such data include instructions for any application or method operating on the electronic device 300, contact data, phonebook data, messages, images, videos, and so forth. The memory 304 may be implemented by any type or combination of volatile or non-volatile memory devices, 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 or optical disks.
The power supply component 306 provides power to the various components of the electronic device 300. The power components 306 may include a power management system, one or more power sources, and other components associated with generating, managing, and distributing power for the electronic device 300.
The multimedia component 308 comprises a screen providing an output interface between the electronic device 300 and a 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 an input signal from a user. The touch panel includes one or more touch sensors to sense touch, slide, and gestures on the touch panel. The touch sensor may not only sense the boundary 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 308 includes a front facing camera and/or a rear facing camera. The front camera and/or the rear camera may receive external multimedia data when the electronic device 300 is in an operation mode, such as a photographing mode or a video mode. Each front camera and rear camera may be a fixed optical lens system or have a focal length and optical zoom capability.
The audio component 310 is configured to output and/or input audio signals. For example, the audio component 310 includes a Microphone (MIC) configured to receive external audio signals when the electronic device 300 is in an operational mode, such as a call mode, a recording mode, and a voice recognition mode. The received audio signals may further be stored in the memory 304 or transmitted via the communication component 316. In some embodiments, audio component 310 also includes a speaker for outputting audio signals.
The I/O interface 312 provides an interface between the processing component 302 and peripheral interface modules, which may be keyboards, click wheels, buttons, etc. These buttons may include, but are not limited to: a home button, a volume button, a start button, and a lock button.
The communication component 316 is configured to facilitate wired or wireless communication between the electronic device 300 and other devices. The electronic device 300 may access a wireless network based on a communication standard, such as WiFi, a carrier network (such as 2G, 3G, 4G, or 5G), or a combination thereof. In an exemplary embodiment, the communication component 316 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 316 further includes a Near Field Communication (NFC) module to facilitate short-range communications. For example, the NFC module may be implemented based on Radio Frequency Identification (RFID) technology, infrared data association (IrDA) technology, Ultra Wideband (UWB) technology, Bluetooth (BT) technology, and other technologies.
In an exemplary embodiment, the electronic device 300 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, micro-controllers, microprocessors or other electronic elements for performing the pattern generation method of the above-described target components.
In an exemplary embodiment, a storage medium comprising instructions, such as the memory 304 comprising instructions, executable by the processor 320 of the electronic device 300 to perform the method of style generation for the target component described above is also provided. Alternatively, the storage medium may be a non-transitory computer readable storage medium, which may be, for example, a ROM, a Random Access Memory (RAM), a CD-ROM, a magnetic tape, a floppy disk, an optical data storage device, and the like.
In an exemplary embodiment, a computer program product is also provided, which comprises readable program code executable by the processor 320 of the electronic device 300 to perform the method of style generation of a target component as described above. Alternatively, the program code may be stored in a storage medium of the electronic device 300, which may be a non-transitory computer-readable storage medium, for example, ROM, Random Access Memory (RAM), CD-ROM, magnetic tape, floppy disk, optical data storage device, and the like.
FIG. 4 is a block diagram illustrating an electronic device 400 for generating a style for a target component in accordance with an exemplary embodiment. For example, the electronic device 400 may be provided as a server. Referring to fig. 4, electronic device 400 includes a processing component 422 that further includes one or more processors, and memory resources, represented by memory 432, for storing instructions, such as applications, that are executable by processing component 422. The application programs stored in memory 432 may include one or more modules that each correspond to a set of instructions. Further, the processing component 422 is configured to execute instructions to perform the style generation method of the target component described above.
Other embodiments of the disclosure will be apparent to those skilled in the art from consideration of the specification and practice of the disclosure disclosed herein. This application is intended to cover any variations, uses, or adaptations of the disclosure following, in general, the principles of the disclosure and including such departures from the present disclosure as come within known or customary practice within the art to which the disclosure pertains. It is intended that the specification and examples be considered as exemplary only, with a true scope and spirit of the disclosure being indicated by the following claims.
It will be understood that the present disclosure is not limited to the precise arrangements described above and shown in the drawings and that various modifications and changes may be made without departing from the scope thereof. The scope of the present disclosure is limited only by the appended claims.
Claims (10)
1. A method for style generation of a target component, comprising:
receiving an editing instruction of an account, and generating an attribute configuration file of a target component according to the editing instruction, wherein the attribute configuration file comprises parameters for generating a style of the target component;
acquiring target parameters of the target component from the parameters;
and generating the style of the target component according to the dynamic style attribute of the target component and the target parameter.
2. The method of claim 1, wherein the parameter comprises at least one of:
style type information, component background information, component size information, component corner information, component task total information, component task completion information, and component action information.
3. The method of claim 2, wherein the obtaining target parameters of the target component from the parameters comprises:
and acquiring target parameters from the parameters according to the transfer attribute of the target component and the style type information.
4. The method of claim 3, further comprising:
and acquiring the data type corresponding to the target parameter and/or default information corresponding to the target parameter according to the transmission attribute.
5. The method of claim 1, wherein generating the style of the target component according to the dynamic style property of the target component and the target parameter comprises:
taking the target parameter as an attribute value of the dynamic style attribute;
and generating the style of the target component according to the attribute values and the corresponding relation between the attribute values and the style of the target component.
6. The method of any one of claims 1 to 5, wherein the target component comprises a progress bar component.
7. A pattern generation apparatus for a target component, comprising:
the parameter generation module is configured to receive an editing instruction of an account, and generate a property configuration file of a target component according to the editing instruction, wherein the property configuration file comprises parameters for generating a style of the target component;
a parameter obtaining module configured to obtain a target parameter of the target component from the parameters;
a style generation module configured to generate a style of the target component according to the dynamic style attribute of the target component and the target parameter.
8. The apparatus of claim 7, wherein the parameter comprises at least one of:
style type information, component background information, component size information, component corner information, component task total information, component task completion information, and component action information.
9. An electronic device, comprising:
a processor;
a memory for storing the processor-executable instructions;
wherein the processor is configured to execute the instructions to implement the method of style generation for the target component of any of claims 1 to 6.
10. A storage medium, wherein instructions in the storage medium, when executed by a processor of an electronic device, enable the electronic device to perform a style generation method of a target component according to any one of claims 1 to 6.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202011243446.9A CN112433724A (en) | 2020-11-09 | 2020-11-09 | Target component style generation method and device, electronic equipment and storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202011243446.9A CN112433724A (en) | 2020-11-09 | 2020-11-09 | Target component style generation method and device, electronic equipment and storage medium |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN112433724A true CN112433724A (en) | 2021-03-02 |
Family
ID=74699779
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202011243446.9A Pending CN112433724A (en) | 2020-11-09 | 2020-11-09 | Target component style generation method and device, electronic equipment and storage medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN112433724A (en) |
Cited By (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113342413A (en) * | 2021-05-31 | 2021-09-03 | 北京百度网讯科技有限公司 | Method, apparatus, device, medium and product for processing components |
| CN114995942A (en) * | 2022-07-29 | 2022-09-02 | 北京永洪商智科技有限公司 | Automatic generation method of style of commercial intelligent instrument panel assembly and related device |
| EP4270321A4 (en) * | 2022-03-16 | 2024-02-28 | Beijing Zitiao Network Technology Co Ltd | Graphic rendering method and apparatus, and storage medium |
Citations (10)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20160070813A1 (en) * | 2014-09-10 | 2016-03-10 | Telefonaktiebolaget L M Ericsson (Publ) | Interactive web application editor |
| US20170123767A1 (en) * | 2015-10-30 | 2017-05-04 | Xiaomi Inc. | Generating communication firmware and a program plug-in based on product information and a program template |
| CN107885533A (en) * | 2017-11-30 | 2018-04-06 | 广州酷狗计算机科技有限公司 | The method and device of management assembly code |
| CN108228184A (en) * | 2018-01-26 | 2018-06-29 | 福建中金在线信息科技有限公司 | Style sheet generation method, device, electronic equipment and computer storage media |
| CN109814858A (en) * | 2018-12-20 | 2019-05-28 | 广东建采网科技有限公司 | The general UI Component Gallery of WEB front-end based on Vue framework |
| CN110781423A (en) * | 2019-10-10 | 2020-02-11 | 腾讯科技（深圳）有限公司 | Webpage generation method and device and electronic equipment |
| CN111245898A (en) * | 2019-12-31 | 2020-06-05 | 中国建设银行股份有限公司 | Network equipment online method, device, server and storage medium |
| CN111367513A (en) * | 2020-02-20 | 2020-07-03 | 北京达佳互联信息技术有限公司 | Code completion method and device, electronic equipment and storage medium |
| CN111443911A (en) * | 2020-03-24 | 2020-07-24 | 五八有限公司 | Page development method and device, electronic equipment and computer storage medium |
| CN111506310A (en) * | 2020-03-24 | 2020-08-07 | 平安国际智慧城市科技股份有限公司 | Method, device and equipment for generating multi-platform style and storage medium |
-
2020
- 2020-11-09 CN CN202011243446.9A patent/CN112433724A/en active Pending
Patent Citations (10)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20160070813A1 (en) * | 2014-09-10 | 2016-03-10 | Telefonaktiebolaget L M Ericsson (Publ) | Interactive web application editor |
| US20170123767A1 (en) * | 2015-10-30 | 2017-05-04 | Xiaomi Inc. | Generating communication firmware and a program plug-in based on product information and a program template |
| CN107885533A (en) * | 2017-11-30 | 2018-04-06 | 广州酷狗计算机科技有限公司 | The method and device of management assembly code |
| CN108228184A (en) * | 2018-01-26 | 2018-06-29 | 福建中金在线信息科技有限公司 | Style sheet generation method, device, electronic equipment and computer storage media |
| CN109814858A (en) * | 2018-12-20 | 2019-05-28 | 广东建采网科技有限公司 | The general UI Component Gallery of WEB front-end based on Vue framework |
| CN110781423A (en) * | 2019-10-10 | 2020-02-11 | 腾讯科技（深圳）有限公司 | Webpage generation method and device and electronic equipment |
| CN111245898A (en) * | 2019-12-31 | 2020-06-05 | 中国建设银行股份有限公司 | Network equipment online method, device, server and storage medium |
| CN111367513A (en) * | 2020-02-20 | 2020-07-03 | 北京达佳互联信息技术有限公司 | Code completion method and device, electronic equipment and storage medium |
| CN111443911A (en) * | 2020-03-24 | 2020-07-24 | 五八有限公司 | Page development method and device, electronic equipment and computer storage medium |
| CN111506310A (en) * | 2020-03-24 | 2020-08-07 | 平安国际智慧城市科技股份有限公司 | Method, device and equipment for generating multi-platform style and storage medium |
Non-Patent Citations (2)
| Title |
|---|
| 徐溯阳 等: "全景配置动态生成方法及实现", 《浙江大学学报（理学版）》, vol. 43, no. 6, 30 November 2016 (2016-11-30), pages 727 - 731 * |
| 朱永生 等: "基于Web内容的一种数据自动抽取方法", 《计算机技术与发展》, vol. 22, no. 5, 31 May 2012 (2012-05-31), pages 87 - 93 * |
Cited By (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113342413A (en) * | 2021-05-31 | 2021-09-03 | 北京百度网讯科技有限公司 | Method, apparatus, device, medium and product for processing components |
| CN113342413B (en) * | 2021-05-31 | 2023-11-10 | 北京百度网讯科技有限公司 | Method, apparatus, device, medium, and article for processing components |
| EP4270321A4 (en) * | 2022-03-16 | 2024-02-28 | Beijing Zitiao Network Technology Co Ltd | Graphic rendering method and apparatus, and storage medium |
| CN114995942A (en) * | 2022-07-29 | 2022-09-02 | 北京永洪商智科技有限公司 | Automatic generation method of style of commercial intelligent instrument panel assembly and related device |
| CN114995942B (en) * | 2022-07-29 | 2022-10-28 | 北京永洪商智科技有限公司 | Automatic generation method of style of commercial intelligent instrument panel assembly and related device |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN107423106B (en) | Method and apparatus for supporting multi-frame syntax | |
| CN112433724A (en) | Target component style generation method and device, electronic equipment and storage medium | |
| CN107315792B (en) | Page updating method and device, electronic equipment and computer readable storage medium | |
| CN105808305B (en) | Static resource loading method and device | |
| CN106547547B (en) | data acquisition method and device | |
| CN109886211B (en) | Data labeling method and device, electronic equipment and storage medium | |
| CN111222014B (en) | Request processing method, request processing device, electronic equipment and storage medium | |
| CN107463372B (en) | Data-driven page updating method and device | |
| CN110704053B (en) | Style information processing method and device | |
| CN106708967B (en) | Page display method and device | |
| EP3425533A1 (en) | Displaying page | |
| CN112685269A (en) | Data acquisition method and device, electronic equipment and storage medium | |
| CN108829473B (en) | Event response method, device and storage medium | |
| CN109491655B (en) | Input event processing method and device | |
| CN111222041A (en) | Shooting resource data acquisition method and device, electronic equipment and storage medium | |
| CN107885464B (en) | Data storage method, device and computer readable storage medium | |
| CN105630486B (en) | Typesetting method and device for desktop of intelligent terminal equipment | |
| CN110457084B (en) | Loading method and device | |
| CN114827721A (en) | Video special effect processing method and device, storage medium and electronic equipment | |
| CN111596980B (en) | Information processing method and device | |
| CN113391804A (en) | Page generation method and device, electronic equipment and storage medium | |
| CN107423060B (en) | Animation effect presenting method and device and terminal | |
| CN112182449A (en) | Page loading method and device, electronic equipment and storage medium | |
| CN112866612A (en) | Frame insertion method, device, terminal and computer readable storage medium | |
| CN112230982A (en) | Material processing method and device, electronic 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 |