CN116149779B - Style creation method and device - Google Patents
Style creation method and device Download PDFInfo
- Publication number
- CN116149779B CN116149779B CN202310420390.7A CN202310420390A CN116149779B CN 116149779 B CN116149779 B CN 116149779B CN 202310420390 A CN202310420390 A CN 202310420390A CN 116149779 B CN116149779 B CN 116149779B
- Authority
- CN
- China
- Prior art keywords
- style
- layer
- type
- target
- style type
- 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.)
- Active
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Document Processing Apparatus (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The invention provides a style creation method and a style creation device, wherein the style creation method comprises the following steps: based on a layer creating style interface triggered by a layer, responding to a layer creating style instruction input by a user on the layer creating style interface, determining a target structure corresponding to the layer creating style instruction in all preset structures associated with the layer, and displaying a layer creating style frame corresponding to the target structure on the layer creating style interface; and responding to each piece of target style information input by a user in the creation of the layer style box, and carrying out association processing on the target style information and the target structure body so as to obtain a layer style corresponding to the instruction for creating the layer style in the layer. By applying the method, the layer styles of a plurality of different attribute types associated with the layer can be quickly created.
Description
Technical Field
The present invention relates to the field of data processing, and in particular, to a style creation method and apparatus.
Background
When a designer performs design by using a related design tool, a large number of layers are involved in the designed design draft, and the layers contain attribute contents with different formats or the same attribute.
Currently, if a designer wants to modify attribute contents of a plurality of different attributes contained in different layers into attribute contents of a plurality of identical attributes, the designer often needs to repeatedly perform formatting operation on the attribute contents of each different attribute in each layer, but this modification manner results in low design work efficiency, which brings a lot of inconveniences to the design work of the designer.
Disclosure of Invention
In view of this, the present invention provides a style creation method, which can quickly create a plurality of layer styles corresponding to different attributes in a layer, so as to improve the design efficiency of a designer in the design work process.
A style creation method, comprising:
based on a layer creation style interface triggered by a layer, responding to a layer creation style instruction input by a user on the layer creation style interface, and determining a target structure corresponding to the layer creation style instruction in each preset structure associated with the layer;
displaying a creation layer style frame corresponding to the target structure body on the creation layer style interface, wherein the creation layer style frame at least comprises a plurality of first style type information and a first style assignment area corresponding to each first style type information;
And responding to each piece of target style information input by the user in the created layer style box, and carrying out association processing on each piece of target style information and the target structure body so as to obtain a layer style corresponding to the created layer style instruction in the layer.
The method, optionally, the presetting process of the preset structure body includes:
acquiring each style type key value pair preset by each style type, wherein the style type key value pairs at least comprise style type keywords and key attribute values corresponding to the style type keywords;
analyzing each style type keyword of each style type to determine a logical relationship between each style type key value pair of each style type, and further determining a grade dimension corresponding to each style type key value pair of each style type;
and connecting the style type key value pairs of each style type according to the logical relation and the mode of connecting the style type key value pairs corresponding to the previous level dimension with the style type key value pairs corresponding to the next level dimension, so as to form a preset structure body corresponding to each style type.
In the above method, optionally, an association process of associating the layer with each preset structure includes:
Determining each layer attribute contained in the layer and attribute information corresponding to each layer attribute;
dividing each layer attribute into various style types according to various style types and each attribute information;
determining a layer attribute consistent with the style type of each preset structure body as a target layer attribute corresponding to the preset structure body, and determining a target layer attribute value corresponding to each target layer attribute;
and covering the target layer attribute value corresponding to the corresponding target layer attribute by each preset structure body, and further associating the preset structure body of each style type with the corresponding target layer attribute so as to realize association of the layer and the preset structure body of each style type.
In the above method, optionally, the determining, in response to a layer style creation instruction input by a user on the layer style creation interface, a target structure corresponding to the layer style creation instruction from preset structures associated with the layer includes:
responding to a style creation instruction input by a user in a style interface for creating a layer, determining a style creation type corresponding to the style creation instruction, and determining a style type of each preset structural body associated with the layer;
And determining the preset structure body with the style type consistent with the style creation type as a target structure body corresponding to the style creation instruction.
In the above method, optionally, each piece of target style information includes at least second style type information and a second style type attribute value corresponding to the second style type information, and the responding to each piece of target style information input by the user in the creation of the layer style box includes:
responding to the second style type information and a second style type attribute value corresponding to the second style type information input by the user in the creation layer style box, determining a second style type key value pair corresponding to the second style type information and the second style type attribute value according to the second style type information and the second style type attribute value, and further determining the position information input by the second style type key value pair in the target structure body;
and determining a first style type key value pair of the previous level dimension corresponding to the position information, and establishing a connection relation between the second style type key value pair and the first style type key value pair so as to realize association of the second style type information and a second style type attribute value corresponding to the second style type information with the target structure body.
In the above method, optionally, each piece of target style information includes at least a target style type attribute value, and the responding to each piece of target style information input by the user in the target structure body, in a process of performing association processing on each piece of target style information and the target structure body, includes:
when receiving each target style type attribute value input by the user in each first style assignment area, covering each first style type attribute value contained in the first style assignment area by each target style type attribute value, and associating each target style type attribute value with the first style assignment area so as to realize association of each target style type attribute value and first style type information corresponding to the first style assignment area, thereby realizing association of each target style type attribute value and the target structure body.
The invention also provides a style creation device which is used for ensuring the realization and application of the method in practice.
A style creation apparatus, comprising:
the determining unit is used for responding to a layer creating style instruction input by a user on the layer creating style interface based on the layer creating style interface triggered by the layer, and determining a target structure body corresponding to the layer creating style instruction in each preset structure body associated with the layer;
The display unit is used for displaying a creation layer style frame corresponding to the target structure body on the creation layer style interface, wherein the creation layer style frame at least comprises a plurality of first style type information and a first style assignment area corresponding to each first style type information;
the first association unit is used for responding to each piece of target style information input by the user in the created layer style box, and carrying out association processing on each piece of target style information and the target structure body so as to obtain a layer style corresponding to the created layer style instruction in the layer.
The device, optionally, further includes a preset unit for presetting the preset structure, where the preset unit includes:
an obtaining subunit, configured to obtain each style type key value pair preset by each style type, where the style type key value pair at least includes a style type keyword and a key attribute value corresponding to the style type keyword;
an analysis subunit, configured to analyze each style type keyword of each style type to determine a logical relationship between each style type key value pair of each style type, and further determine a class dimension corresponding to each style type key value pair of each style type;
And the connection subunit is used for connecting the style type key value pairs of each style type according to the logical relation and the mode of connecting the style type key value pairs corresponding to the previous level dimension with the style type key value pairs corresponding to the next level dimension, so as to form a preset structure body corresponding to each style type.
The above device, optionally, further includes a second association unit for associating the layer with each preset structure, where the second association unit includes:
the first determining subunit is used for determining each layer attribute contained in the layer and attribute information corresponding to each layer attribute;
a dividing subunit, configured to divide each layer attribute into various style types according to various style types and each attribute information;
a second determining subunit, configured to determine a layer attribute consistent with a style type of each preset structure body as a target layer attribute corresponding to the preset structure body, and determine a target layer attribute value corresponding to each target layer attribute;
and the association subunit is used for covering the target layer attribute value corresponding to the corresponding target layer attribute by each preset structural body, and further associating the preset structural body of each style type with the corresponding target layer attribute so as to realize association of the layer and the preset structural body of each style type.
The above apparatus, optionally, the determining unit includes:
a third determining subunit, configured to determine a style creation type corresponding to a style creation instruction in response to a style creation instruction input by a user in a layer style creation interface, and determine a style type of each preset structure associated with the layer;
and a fourth determining subunit, configured to determine that a preset structure body with the style type consistent with the style creation type is a target structure body corresponding to the style creation instruction.
Compared with the prior art, the invention has the following advantages: based on a layer creating style interface triggered by a layer, responding to a layer creating style instruction input by a user on the layer creating style interface, determining a target structure corresponding to the layer creating style instruction in all preset structures associated with the layer, and displaying a layer creating style frame corresponding to the target structure on the layer creating style interface; and responding to each piece of target style information input by a user in the creation of the layer style box, and carrying out association processing on the target style information and the target structure body so as to obtain a layer style corresponding to the instruction for creating the layer style in the layer. When the method of the application is used, when an instruction of creating the layer style input in the layer is received, a layer style creation frame corresponding to a target structure body associated with the layer and corresponding to the instruction is triggered, a plurality of pieces of target style information input in the layer style creation frame are responded, the target style information and the target structure body are associated, and the layer styles of a plurality of different attribute types associated with the layer are quickly created through the method, so that the design efficiency of a designer in the design work process 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 that are required to be used in the embodiments or the description of the prior art will be briefly described below, and it is obvious that the drawings in the following description are only embodiments of the present invention, and that other drawings can be obtained according to the provided drawings without inventive effort for a person skilled in the art.
Fig. 1 is a method flowchart of a style creation method according to an embodiment of the present invention;
fig. 2a is an exemplary diagram of a presentation effect of creating a layer style box according to a style creation method provided by an embodiment of the present invention;
fig. 2b is a diagram illustrating an exemplary effect of another creation layer style frame of the style creation method according to the embodiment of the present invention;
FIG. 2c is a diagram illustrating an exemplary effect of a style frame of a layer of a style creation method according to an embodiment of the present invention;
fig. 3 is an exemplary diagram showing an attribute of a layer in a style creation method according to an embodiment of the present invention;
fig. 4 is a device structure diagram of a style creation device according to an embodiment of the present invention.
Detailed Description
The following description of the embodiments of the present invention will be made clearly and completely with reference to the accompanying drawings, in which it is apparent that the embodiments described are only some embodiments of the present invention, but not all embodiments. All other embodiments, which can be made by those skilled in the art based on the embodiments of the invention without making any inventive effort, are intended to be within the scope of the invention.
In this application, relational terms such as first and second, and the like are 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, and the terms "comprise," "include," 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 one … …" does not exclude the presence of other like elements in a process, method, article, or apparatus that comprises the element.
The invention is operational with numerous general purpose or special purpose computing device environments or configurations. For example: personal computers, server computers, hand-held or portable devices, tablet devices, multiprocessor devices, distributed computing environments that include any of the above devices or devices, and the like.
In order to facilitate understanding of the technical scheme of the present invention, technical terms appearing in the present invention are described:
style: refers to a collection of character formats and paragraph formats saved with meaningful names. The defined styles may be multiplexed into any layer and updated in real-time as the style definition is modified. It should be noted that the style is not limited to the format of characters and paragraphs, and has a broader meaning, and may be understood as "a set of reusable formats (attributes)", or may be colloquially understood as "a general attribute".
As known from the background art, at present, formatting operations are often repeatedly performed on attribute contents of different attributes in each layer, so that attribute contents of different attributes contained in different layers are modified into attribute contents of the same attributes, however, the modification mode is inefficient, and brings a great deal of inconvenience to design work of designers.
Therefore, when the user inputs the instruction for creating the layer style on the layer style creation interface, a plurality of pieces of target style information can be input into the layer style creation frame corresponding to the target structure corresponding to the instruction, and then the target style information and the target structure are associated, so that the layer style corresponding to the instruction in the layer can be obtained. When the user designs the repeated attribute in the layer, by the method, a layer pattern of the attribute is created first, and then the layer pattern is applied where needed, so that repeated formatting operation on the layer content is not needed once.
The embodiment of the invention provides a style creation method which can be applied to various system platforms, wherein an execution subject of the method can be a processor of a computer terminal or various mobile devices, and a flow chart of the method is shown in fig. 1, and specifically comprises the following steps:
s101: based on a layer creation style interface triggered by a layer, responding to a layer creation style instruction input by a user on the layer creation style interface, and determining a target structure corresponding to the layer creation style instruction in each preset structure associated with the layer;
The created layer style interface comprises, but is not limited to, function buttons of each created layer style corresponding to each style type, wherein the style types of the function buttons are such as a tracing style type, a text style type, a characteristic style type and the like; at least each preset structure body corresponding to each style type is associated in the layer; each style type preset structure body at least comprises a plurality of style type key value pairs which are preset by a technician and are consistent with the style type; each style type key value pair at least comprises each style type key and a key attribute value corresponding to the style type key.
In the specific implementation step S101, the user may click any position in the layer to trigger the creation layer style interface, where the triggered creation layer style interface is displayed on the layer, then the user may select to click a function button of the creation style corresponding to any style type in the creation layer style interface to input a creation layer style instruction corresponding to the style type, and the processor determines, in response to the creation layer style instruction, a preset structure corresponding to the creation layer style instruction from among the preset structures associated with the layer according to the style type, and uses the preset structure as a target structure, thereby executing step S102.
The preset process of each preset structure body comprises the steps of firstly obtaining each style type key value pair corresponding to each style type, and connecting each style type key value pair to form the preset structure body corresponding to the style type.
The association process of the layer and each preset structure body is that each layer attribute contained in the layer is determined firstly, the layer attributes are divided into various style types, and then the layer attribute which is the same as the style type of each preset structure body is found out, so that the layer attribute value corresponding to the layer attribute is covered by the preset structure body, the association of the preset structure body and the layer attribute is realized, and the association of the preset structure body and the layer is realized.
It should be noted that, each style type may be determined by each layer attribute in the plurality of design layers collected by the related technician.
S102: displaying a created layer style frame corresponding to the target structure body on the created layer style interface;
the method comprises the steps that a layer style frame corresponding to a target structure body at least comprises a plurality of first style type information, a first style assignment area corresponding to each first style type information and various expansion style information buttons; at least a first-type attribute value corresponding to each first-type information is included in each first-type assignment area. And displaying the created layer style frame corresponding to the target structure body on the created layer style interface, so that a user can perform corresponding operation according to the requirement in the created layer style frame to input each target style information.
It should be noted that, in order to facilitate the user to create a layer style, when the user creates a layer style, in the created layer style box corresponding to the displayed target structure, including but not limited to, a portion of style type information designed in advance by a technician and style type attribute values corresponding to each style type information are displayed, and the user may input the target style type attribute values in the first style assignment area to modify the respective style type attribute values. For the convenience of understanding the present application, each style type information pre-existing in the created layer style box corresponding to the target structure is referred to as first style type information, and the style type attribute value corresponding to each first style type information is referred to as a first style type attribute value. Wherein the scope of user modification includes, but is not limited to, individual first-style attribute values.
S103: and responding to each piece of target style information input by the user in the created layer style box, and carrying out association processing on each piece of target style information and the target structure body so as to obtain a layer style corresponding to the created layer style instruction in the layer.
Each piece of target style information at least comprises second style type information and a second style type attribute value and/or a target style type attribute value corresponding to the second style type information. The second style type information and the second style type attribute value are each target style information that is input in a newly added manner in creating a layer style box, and the target style type attribute value is target style information that is input in a first style assignment region in creating the layer box.
It should be noted that before the second style type information and the second style type attribute value corresponding to the second style type information are input, the method includes, but is not limited to, requiring the user to click an extended style information button corresponding to the style type information in creating the layer style frame.
In the specific implementation step S103, when the user clicks the extended style information button corresponding to the style type information in the created layer style box corresponding to the target structure, an extended style information area corresponding to the extended style information button is triggered and displayed in the created layer style box, and the user can input the second style type information and the second style type attribute value corresponding to the second style type information in the extended style information area, so as to generate a second style type key value pair corresponding to the second style type information and the second style type attribute value corresponding to the second style type information in the target structure, and establish connection between the second style type key value pair and the first style type key value pair in the target structure in real time.
In the specific implementation step S103, in a first style assignment area in a created layer style frame corresponding to a target structure, a user may select each original first style type attribute value in the first style assignment area, and input each target style type attribute value, so that the input plurality of target style type attribute values cover the first style type attribute values, so that the target style type attribute value and the first style type information are connected, and further connection between the target style type attribute value and the target structure is realized.
In the method provided by the embodiment of the application, based on a layer creation style interface triggered by a layer, responding to a layer creation style instruction input by a user on the layer creation style interface, determining a target structure corresponding to the layer creation style instruction in each preset structure associated with the layer, and displaying a layer creation style frame corresponding to the target structure on the layer creation style interface; and responding to each piece of target style information input by a user in the creation of the layer style box, and carrying out association processing on the target style information and the target structure body so as to obtain a layer style corresponding to the instruction for creating the layer style in the layer. When the method of the application is used, when an instruction of creating the layer style input in the layer is received, a layer style creation frame corresponding to a target structure body associated with the layer and corresponding to the instruction is triggered, a plurality of pieces of target style information input in the layer style creation frame are responded, the target style information and the target structure body are associated, and the layer styles of a plurality of different attribute types associated with the layer are quickly created through the method, so that the design efficiency of a designer in the design work process is improved.
In order to facilitate understanding of the method provided by the embodiment of the present application, the embodiment of the present application provides various exemplary diagrams of the presentation effect of creating a layer style box by using a style creation method, namely, fig. 2a, fig. 2b, and fig. 2c.
As shown in fig. 2a, the drawing is a creation layer style box of a stroked style type in which a user can input various information to create a layer style. The right side of the created layer style box comprises information corresponding to the name, description, thickness and filling of the description style types, and the left side rectangle description is a style display effect using the description style types. Wherein, the thickness and the filling are various style attributes of the description style type, namely first style type information; rectangular frames on the right side of the thickness are corresponding first type assignment areas, and 20 is a corresponding first type attribute value of the thickness; the filling bottom contains each first pattern assignment area corresponding to the filling, the black box in each first pattern assignment area is the color contained in the filling, the colors are RGB three primary colors, "C51313", "1374EB" and "23C884", the colors are the first pattern attribute values corresponding to the colors, the corresponding color occupation value is also respectively, each "100%" is the first pattern attribute value corresponding to each transparency in the filling, the pattern similar to eyes represents the visibility corresponding to each color in the filling, a "-" symbol exists on the right side of each first pattern assignment area contained under the filling, the first pattern assignment area corresponding to the color can be deleted by clicking the "-" symbol, a "+" symbol exists on the right side of the filling, the first pattern assignment area of a blank of a column can be newly added at the last position of each first pattern assignment area under the filling by clicking the symbol, and the "-" symbol is simultaneously arranged on the right side of the first pattern assignment area. The words included in each black box in each first pattern type attribute region below the filling, that is, "red", "blue" and "green", are color effects exhibited in actual use.
In the creation of the layer style frame illustrated in fig. 2a, the first style attribute values "20" included in the first style assignment region on the right side of the thickness of the first style information are modified to "10, 20, 30, 40", where "10, 20, 30, 40" is each target style type attribute value, and the effect illustrated in the creation of the layer style frame is as illustrated in fig. 2 b. In fig. 2b, the rectangle is used to circle the thickness and the corresponding "10, 20, 30, 40", the circled object is a first pattern type key value pair in the tracing structure corresponding to the tracing pattern type; while the objects enclosed below the fill represent, from left to right, the colors, transparency and visibility comprised by the fill, respectively.
As shown in fig. 2c, unlike the creation layer style box shown in fig. 2a, a style presentation effect corresponding to an ellipsing is further included on the right side of the creation layer style box in fig. 2 c. Therefore, it should be noted that, the ellipses need only input one attribute value of the first type; an inclusion attr_up/right/down/left may be preset: the data structure corresponding to the thickness of the value key value pair, when one first type attribute value is input in the first type assignment area on the right side of the thickness, up/right/down/left only corresponds to the one first type attribute value, and if 4 first type attribute values are input in the first type assignment area on the right side of the thickness, up/right/down/left sequentially corresponds to each first type attribute value according to the sequence from left to right in the first type assignment area.
Based on the method provided in the foregoing embodiments, the embodiments of the present application provide a comparison graph of layer attribute display effect graphs corresponding to layers before and after creating a layer style in a layer, and as shown in fig. 3, the graph includes, for example, layer attribute display effect graphs corresponding to layers before creating a layer style (before) and layer attribute display effect graphs corresponding to layers after creating a layer style (after). In the layer attribute effect graph corresponding to each layer of before, the key value pairs of the tracing edges contained in layer1, layer2 and layer3 are respectively strokes: value1, stroke: value2 and stroke: value3, and in the layer attribute effect graph corresponding to each layer of the after, the key value pairs of the tracing edges contained in layer1, layer2 and layer3 are all strokes: stroketype.
The strokestyle is a strokestyle structure body, and each preset style type key value pair width of the next dimension corresponding to the strokestyle is included in the strokestyle: value1 and fill: value2, including a preset style type key value pair width: value1 and fill: value 2's stroketype is the data structure of the breadth of the tracing style, and width includes the preset style type key value pair attr_up/right/down/left of the next dimension corresponding to it: value, including preset style type key value pair attr_up/right/down/left: the width of value is the data structure of the width, and the fill comprises each preset style type key value pair color of the next dimension corresponding to the value: value1, transfer: value2, visible: value3, including preset style type key value pair color: value1, transfer: value2, visible: value3 fill is a filled data structure of the tracing style, and color comprises each preset style type key value pair R of the next dimension corresponding to the color: value1, G: value2, B: value3, including a preset style type key value pair R: value1, G: value2, B: color of value3 is a data structure of the filled color, based on the data structures, each style type key value pair is analyzed, and further each style type key value pair is determined to correspondingly contain a logic relation with the contained style type key value pair, so that each style type key value pair is connected according to the logic relation, and a tracing structure body is obtained.
Specifically, in the key value pair spoke: in value1, stroke is a layer attribute of a drawing in a layer, and value1 is a layer attribute value corresponding to the layer attribute; the independent stroketype, namely the stroketype which is not connected with the strokeis a preset independent stroked structure body, and the stroketype is utilized for the key value pair strokes: covering the layer attribute value1 in the value1 to obtain a key value pair stroke: stroketype, in stroke: strokestype among strokestyles is the stroked structure associated with the layer attribute, i.e., the stroked structure associated with the layer.
Therefore, in the process of drawing a layer, if the above description style is applied, the designer does not only obtain the layer attribute value corresponding to the layer attribute of the stroke description in the layer, but also obtains the attribute value source such as stroke→stroke→width/fill→width/fill.
It should be noted that, each data structure is set by a technician according to attribute data included in each sample layer attribute corresponding to the style type acquired in the plurality of sample layers.
Based on the method provided in the foregoing embodiment, the preset process of the preset structure includes:
Acquiring each style type key value pair preset by each style type, wherein the style type key value pairs at least comprise style type keywords and key attribute values corresponding to the style type keywords;
analyzing each style type keyword of each style type to determine a logical relationship between each style type key value pair of each style type, and further determining a grade dimension corresponding to each style type key value pair of each style type;
and connecting the style type key value pairs of each style type according to the logical relation and the mode of connecting the style type key value pairs corresponding to the previous level dimension with the style type key value pairs corresponding to the next level dimension, so as to form a preset structure body corresponding to each style type.
Wherein, style type key pairs such as the aforementioned R: value1, G: value2 and B: value3, etc.
For example, each style type keyword contained in one data structure is a filling keyword, a color keyword, a transparency keyword and a visibility keyword, the style type keywords are analyzed, the logic relationship of the filling keyword containing the color keyword, the transparency keyword and the visibility keyword is determined, and the logic relationship of the color keyword, the transparency keyword and the visibility keyword is determined to be parallel to each other; according to the logic relation that the filling keywords comprise color keywords, transparency keywords and visibility keywords, the style type keywords of the previous-level dimension of the filling keywords, which are the color keywords, the transparency keywords and the visibility keywords, can be determined, according to the logic relation that the filling keywords are parallel to each other, the style type keywords of the same-level dimension of the color keywords, the transparency keywords and the visibility keywords can be determined, and then the filling key value pairs of the previous-level dimension are respectively connected with the color key value pairs, the transparency key value pairs and the visibility key value pairs of the next-level dimension.
Based on the method provided in the foregoing embodiment, an association process for associating the layer with each preset structure includes:
determining each layer attribute contained in the layer and attribute information corresponding to each layer attribute;
dividing each layer attribute into various style types according to various style types and each attribute information;
determining a layer attribute consistent with the style type of each preset structure body as a target layer attribute corresponding to the preset structure body, and determining a target layer attribute value corresponding to each target layer attribute;
and covering the target layer attribute value corresponding to the corresponding target layer attribute by each preset structure body, and further associating the preset structure body of each style type with the corresponding target layer attribute so as to realize association of the layer and the preset structure body of each style type.
For example, the style type of the preset description structure body is description style type, a layer attribute stroke consistent with the description style type and a layer attribute value corresponding to the layer attribute stroke are found in each layer attribute contained in the layer, and the description structure body covers the layer attribute value corresponding to the layer attribute stroke, so that the association of the layer and the description structure body is realized.
Based on the method provided in the foregoing embodiment, the determining, in response to a layer style creation instruction input by a user on the layer style creation interface, a target structure corresponding to the layer style creation instruction from among preset structures associated with the layer includes:
responding to a style creation instruction input by a user in a style interface for creating a layer, determining a style creation type corresponding to the style creation instruction, and determining a style type of each preset structural body associated with the layer;
and determining the preset structure body with the style type consistent with the style creation type as a target structure body corresponding to the style creation instruction.
The creation layer style interface comprises, but is not limited to, a style creation button corresponding to each style creation type, and a user can open a creation layer style box corresponding to any style creation type by clicking the style creation button corresponding to the style creation type.
Based on the method provided in the foregoing embodiment, each piece of target style information includes at least second style type information and a second style type attribute value corresponding to the second style type information, and the process of responding to each piece of target style information input by the user in the creation layer style box and performing association processing on each piece of target style information and the target structure body includes:
Responding to the second style type information and a second style type attribute value corresponding to the second style type information input by the user in the creation layer style box, determining a second style type key value pair corresponding to the second style type information and the second style type attribute value according to the second style type information and the second style type attribute value, and further determining the position information input by the second style type key value pair in the target structure body;
and determining a first style type key value pair of the previous level dimension corresponding to the position information, and establishing a connection relation between the second style type key value pair and the first style type key value pair so as to realize association of the second style type information and a second style type attribute value corresponding to the second style type information with the target structure body.
The method comprises the steps that a layer style frame is created, the layer style frame is created and comprises a plurality of first style type information with different level dimensions and a plurality of first style type attribute values corresponding to each first style type information, an expansion style information button corresponding to each first style type information is arranged in the layer style frame, when a user clicks the expansion style information button corresponding to any first style type information, an expansion style information area corresponding to the expansion style information button is displayed in the layer style frame, and therefore a user can input second style type information and a second style type attribute value corresponding to the second style type information in the expansion style information area.
It should be noted that, through the extended style information button corresponding to the first style type information clicked by the user, it can be determined that the second style type information input in the extended style information area corresponding to the extended style information button and the first style type information are in the same level dimension, that is, it is determined that the second style type keyword corresponding to the second style type information and the first style type keyword corresponding to the first style type information are in the same level dimension.
Based on the method provided in the foregoing embodiment, each piece of target style information includes at least a target style type attribute value, and the responding to each piece of target style information input by the user in the target structure body, in a process of performing association processing on each piece of target style information and the target structure body, includes:
when receiving each target style type attribute value input by the user in each first style assignment area, covering each first style type attribute value contained in the first style assignment area by each target style type attribute value, and associating each target style type attribute value with the first style assignment area so as to realize association of each target style type attribute value and first style type information corresponding to the first style assignment area, thereby realizing association of each target style type attribute value and the target structure body.
It should be noted that a delete style information button corresponding to each style type information may be provided. The user may delete style type information corresponding thereto by clicking the delete style information button.
The specific implementation process and derivative manner of the above embodiments are all within the protection scope of the present invention.
Corresponding to the method described in fig. 1, the embodiment of the present invention further provides a style creation device, which is used for implementing the method in fig. 1, where the style creation device provided in the embodiment of the present invention may be applied to a computer terminal or various mobile devices, and the structural schematic diagram of the style creation device is shown in fig. 4, and specifically includes:
a determining unit 201, configured to determine, based on a layer-triggered layer-creation style interface, a target structure corresponding to a layer-creation style instruction from among preset structures associated with a layer in response to a layer-creation style instruction input by a user on the layer-creation style interface;
a display unit 202, configured to display a created layer style frame corresponding to the target structure on the created layer style interface, where the created layer style frame includes at least a plurality of first style type information and a first style assignment area corresponding to each of the first style type information;
And the first association unit 203 is configured to perform association processing on each target style information and the target structure body in response to each target style information input by the user in the created layer style box, so as to obtain a layer style corresponding to the instruction for creating the layer style in the layer.
In the device provided by the embodiment of the application, based on the layer creation style interface triggered by the layer, responding to the layer creation style instruction input by the user on the layer creation style interface, determining a target structure corresponding to the layer creation style instruction in each preset structure associated with the layer, and displaying a layer creation style frame corresponding to the target structure on the layer creation style interface; and responding to each piece of target style information input by a user in the creation of the layer style box, and carrying out association processing on the target style information and the target structure body so as to obtain a layer style corresponding to the instruction for creating the layer style in the layer. When the device of the application receives the instruction of creating the layer style input in the layer, the layer style creating frame corresponding to the target structure body associated with the layer and corresponding to the instruction is triggered, a plurality of pieces of target style information input in the layer style creating frame are responded, the target style information and the target structure body are associated, the layer styles of a plurality of different attribute types associated with the layer are quickly created through the method, and the design efficiency of a designer in the design work process is improved.
On the basis of the device provided by the above embodiment, the device provided by the embodiment of the present application further includes a preset unit for presetting the preset structure, where the preset unit includes:
an obtaining subunit, configured to obtain each style type key value pair preset by each style type, where the style type key value pair at least includes a style type keyword and a key attribute value corresponding to the style type keyword;
an analysis subunit, configured to analyze each style type keyword of each style type to determine a logical relationship between each style type key value pair of each style type, and further determine a class dimension corresponding to each style type key value pair of each style type;
and the connection subunit is used for connecting the style type key value pairs of each style type according to the logical relation and the mode of connecting the style type key value pairs corresponding to the previous level dimension with the style type key value pairs corresponding to the next level dimension, so as to form a preset structure body corresponding to each style type.
On the basis of the device provided by the foregoing embodiment, the device provided by the embodiment of the present application further includes a second association unit configured to associate the layer with each preset structure, where the second association unit includes:
The first determining subunit is used for determining each layer attribute contained in the layer and attribute information corresponding to each layer attribute;
a dividing subunit, configured to divide each layer attribute into various style types according to various style types and each attribute information;
a second determining subunit, configured to determine a layer attribute consistent with a style type of each preset structure body as a target layer attribute corresponding to the preset structure body, and determine a target layer attribute value corresponding to each target layer attribute;
and the association subunit is used for covering the target layer attribute value corresponding to the corresponding target layer attribute by each preset structural body, and further associating the preset structural body of each style type with the corresponding target layer attribute so as to realize association of the layer and the preset structural body of each style type.
On the basis of the apparatus provided in the foregoing embodiment, in the apparatus provided in the embodiment of the present application, the determining unit 201 includes:
a third determining subunit, configured to determine a style creation type corresponding to a style creation instruction in response to a style creation instruction input by a user in a layer style creation interface, and determine a style type of each preset structure associated with the layer;
And a fourth determining subunit, configured to determine that a preset structure body with the style type consistent with the style creation type is a target structure body corresponding to the style creation instruction.
In this specification, each embodiment is described in a progressive manner, and identical and similar parts of each embodiment are all referred to each other, and each embodiment mainly describes differences from other embodiments. In particular, for a system or system embodiment, since it is substantially similar to a method embodiment, the description is relatively simple, with reference to the description of the method embodiment being made in part. The systems and system embodiments described above are merely illustrative, wherein the elements illustrated as separate elements may or may not be physically separate, and the elements shown as elements may or may not be physical elements, may be located in one place, or may be distributed over a plurality of network elements. Some or all of the modules may be selected according to actual needs to achieve the purpose of the solution of this embodiment. Those of ordinary skill in the art will understand and implement the present invention without undue burden.
Those of skill would further appreciate that the elements and algorithm steps of the examples described in connection with the embodiments disclosed herein may be implemented as electronic hardware, computer software, or combinations of both.
To clearly illustrate this interchangeability of hardware and software, various illustrative components and steps have been described above generally in terms of their functionality. Whether such functionality is implemented as hardware or software depends upon the particular application and design constraints imposed on the solution. Skilled artisans may implement the described functionality in varying ways for each particular application, but such implementation decisions should not be interpreted as causing a departure from the scope of the present invention.
The previous description of the disclosed embodiments is provided to enable any person skilled in the art to make or use the present invention. Various modifications to these embodiments will be readily apparent to those skilled in the art, and the generic principles defined herein may be applied to other embodiments without departing from the spirit or scope of the invention. Thus, the present invention is not intended to be limited to the embodiments shown herein but is to be accorded the widest scope consistent with the principles and novel features disclosed herein.
Claims (9)
1. A style creation method, comprising:
based on a layer creation style interface triggered by a layer, responding to a layer creation style instruction input by a user on the layer creation style interface, and determining a target structure corresponding to the layer creation style instruction in each preset structure associated with the layer;
displaying a creation layer style frame corresponding to the target structure body on the creation layer style interface, wherein the creation layer style frame at least comprises a plurality of first style type information and a first style assignment area corresponding to each first style type information;
responding to each piece of target style information input by the user in the created layer style box, and carrying out association processing on each piece of target style information and the target structure body so as to obtain a layer style corresponding to the created layer style instruction in the layer;
each piece of target style information at least comprises second style type information and a second style type attribute value corresponding to the second style type information, and the process of responding to each piece of target style information input by the user in the creation layer style box and carrying out association processing on each piece of target style information and the target structure body comprises the following steps:
Responding to the second style type information and a second style type attribute value corresponding to the second style type information input by the user in the creation layer style box, determining a second style type key value pair corresponding to the second style type information and the second style type attribute value according to the second style type information and the second style type attribute value, and further determining the position information input by the second style type key value pair in the target structure body;
and determining a first style type key value pair of the previous level dimension corresponding to the position information, and establishing a connection relation between the second style type key value pair and the first style type key value pair so as to realize association of the second style type information and a second style type attribute value corresponding to the second style type information with the target structure body.
2. The method according to claim 1, wherein the presetting process of the preset structure body comprises:
acquiring each style type key value pair preset by each style type, wherein the style type key value pairs at least comprise style type keywords and key attribute values corresponding to the style type keywords;
analyzing each style type keyword of each style type to determine a logical relationship between each style type key value pair of each style type, and further determining a grade dimension corresponding to each style type key value pair of each style type;
And connecting the style type key value pairs of each style type according to the logical relation and the mode of connecting the style type key value pairs corresponding to the previous level dimension with the style type key value pairs corresponding to the next level dimension, so as to form a preset structure body corresponding to each style type.
3. The method according to claim 1 or 2, wherein the association process of the layer with each of the preset structures comprises:
determining each layer attribute contained in the layer and attribute information corresponding to each layer attribute;
dividing each layer attribute into various style types according to various style types and each attribute information;
determining a layer attribute consistent with the style type of each preset structure body as a target layer attribute corresponding to the preset structure body, and determining a target layer attribute value corresponding to each target layer attribute;
and covering the target layer attribute value corresponding to the corresponding target layer attribute by each preset structure body, and further associating the preset structure body of each style type with the corresponding target layer attribute so as to realize association of the layer and the preset structure body of each style type.
4. The method according to claim 1, wherein the determining, in response to a layer style creation instruction input by a user on the layer style creation interface, a target structure corresponding to the layer style creation instruction from among preset structures associated with the layer includes:
responding to a style creation instruction input by a user in a style interface for creating a layer, determining a style creation type corresponding to the style creation instruction, and determining a style type of each preset structural body associated with the layer;
and determining the preset structure body with the style type consistent with the style creation type as a target structure body corresponding to the style creation instruction.
5. The method according to claim 1, wherein each of the target style information includes at least a target style type attribute value, and the associating processing of each of the target style information with the target structure in response to each of the target style information input by the user in the target structure includes:
when receiving each target style type attribute value input by the user in each first style assignment area, covering each first style type attribute value contained in the first style assignment area by each target style type attribute value, and associating each target style type attribute value with the first style assignment area so as to realize association of each target style type attribute value and first style type information corresponding to the first style assignment area, thereby realizing association of each target style type attribute value and the target structure body.
6. A style creation apparatus, comprising:
the determining unit is used for responding to a layer creating style instruction input by a user on the layer creating style interface based on the layer creating style interface triggered by the layer, and determining a target structure body corresponding to the layer creating style instruction in each preset structure body associated with the layer;
the display unit is used for displaying a creation layer style frame corresponding to the target structure body on the creation layer style interface, wherein the creation layer style frame at least comprises a plurality of first style type information and a first style assignment area corresponding to each first style type information;
the first association unit is used for responding to each piece of target style information input by the user in the created layer style box, and carrying out association processing on each piece of target style information and the target structure body so as to obtain a layer style corresponding to the created layer style instruction in the layer;
each piece of target style information at least comprises second style type information and a second style type attribute value corresponding to the second style type information, and the first association unit is specifically configured to:
Responding to the second style type information and a second style type attribute value corresponding to the second style type information input by the user in the creation layer style box, determining a second style type key value pair corresponding to the second style type information and the second style type attribute value according to the second style type information and the second style type attribute value, and further determining the position information input by the second style type key value pair in the target structure body;
and determining a first style type key value pair of the previous level dimension corresponding to the position information, and establishing a connection relation between the second style type key value pair and the first style type key value pair so as to realize association of the second style type information and a second style type attribute value corresponding to the second style type information with the target structure body.
7. The apparatus according to claim 6, further comprising a preset unit for presetting the preset structure, the preset unit comprising:
an obtaining subunit, configured to obtain each style type key value pair preset by each style type, where the style type key value pair at least includes a style type keyword and a key attribute value corresponding to the style type keyword;
An analysis subunit, configured to analyze each style type keyword of each style type to determine a logical relationship between each style type key value pair of each style type, and further determine a class dimension corresponding to each style type key value pair of each style type;
and the connection subunit is used for connecting the style type key value pairs of each style type according to the logical relation and the mode of connecting the style type key value pairs corresponding to the previous level dimension with the style type key value pairs corresponding to the next level dimension, so as to form a preset structure body corresponding to each style type.
8. The apparatus according to claim 6 or 7, further comprising a second association unit for associating the layer with each of the preset structures, the second association unit comprising:
the first determining subunit is used for determining each layer attribute contained in the layer and attribute information corresponding to each layer attribute;
a dividing subunit, configured to divide each layer attribute into various style types according to various style types and each attribute information;
a second determining subunit, configured to determine a layer attribute consistent with a style type of each preset structure body as a target layer attribute corresponding to the preset structure body, and determine a target layer attribute value corresponding to each target layer attribute;
And the association subunit is used for covering the target layer attribute value corresponding to the corresponding target layer attribute by each preset structural body, and further associating the preset structural body of each style type with the corresponding target layer attribute so as to realize association of the layer and the preset structural body of each style type.
9. The apparatus according to claim 6, wherein the determining unit includes:
a third determining subunit, configured to determine a style creation type corresponding to a style creation instruction in response to a style creation instruction input by a user in a layer style creation interface, and determine a style type of each preset structure associated with the layer;
and a fourth determining subunit, configured to determine that a preset structure body with the style type consistent with the style creation type is a target structure body corresponding to the style creation instruction.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202310420390.7A CN116149779B (en) | 2023-04-19 | 2023-04-19 | Style creation method and device |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202310420390.7A CN116149779B (en) | 2023-04-19 | 2023-04-19 | Style creation method and device |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN116149779A CN116149779A (en) | 2023-05-23 |
| CN116149779B true CN116149779B (en) | 2023-06-30 |
Family
ID=86339184
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202310420390.7A Active CN116149779B (en) | 2023-04-19 | 2023-04-19 | Style creation method and device |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN116149779B (en) |
Citations (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| WO2021143672A1 (en) * | 2020-01-13 | 2021-07-22 | Oppo广东移动通信有限公司 | Display control method and related product |
Family Cites Families (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US7447706B2 (en) * | 2005-04-01 | 2008-11-04 | Microsoft Corporation | Method and system for generating an auto-completion list for a cascading style sheet selector |
| US20090288120A1 (en) * | 2008-05-15 | 2009-11-19 | Motorola, Inc. | System and Method for Creating Media Bookmarks from Secondary Device |
| CN114138151A (en) * | 2021-11-26 | 2022-03-04 | 广东省城乡规划设计研究院有限责任公司 | Symbolized color matching method and device for spatial layer data and computer equipment |
| CN115421786B (en) * | 2022-11-07 | 2023-02-28 | 北京尽微致广信息技术有限公司 | Design component migration method and related equipment |
| CN115577570B (en) * | 2022-11-21 | 2023-07-14 | 北京尽微致广信息技术有限公司 | Canvas layer processing method and device, electronic equipment and storage medium |
-
2023
- 2023-04-19 CN CN202310420390.7A patent/CN116149779B/en active Active
Patent Citations (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| WO2021143672A1 (en) * | 2020-01-13 | 2021-07-22 | Oppo广东移动通信有限公司 | Display control method and related product |
Also Published As
| Publication number | Publication date |
|---|---|
| CN116149779A (en) | 2023-05-23 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN108228169B (en) | Chart making method, device, equipment and medium based on eCharts tool | |
| CN106484266B (en) | Text processing method and device | |
| US9589233B2 (en) | Automatic recognition and insights of data | |
| US8607149B2 (en) | Highlighting related user interface controls | |
| CN109375914B (en) | Information remote interaction method and system | |
| CN110598021B (en) | Method, device and system for acquiring knowledge graph of picture | |
| CN105787874B (en) | Method and device for mosaic processing of screenshot | |
| CN106155988A (en) | Data drawing list method for drafting based on excel and relevant apparatus | |
| CN114239504A (en) | Form configuration method, device, equipment, readable storage medium and program product | |
| WO2023046009A1 (en) | Document processing method and apparatus, and electronic device and computer-readable storage medium | |
| CN112241263A (en) | Visual page processing method and equipment | |
| CN111274302A (en) | Editing method and system of webpage chart component, electronic equipment and storage medium | |
| CN115081414A (en) | Spreadsheet generation method, device, equipment and medium based on data model | |
| CN111752459A (en) | Information processing method, device, equipment and storage medium | |
| US20180349338A1 (en) | Visualization between input table and pivoted results | |
| CN116149779B (en) | Style creation method and device | |
| CN108694043B (en) | Page decoration method and system | |
| CN110780970A (en) | Data screening method, device, equipment and computer readable storage medium | |
| CN114780752A (en) | Method, system, equipment and storage medium for establishing federal knowledge graph | |
| WO2021082652A1 (en) | Information display method and apparatus, and computer-readable storage medium | |
| CN109254712B (en) | Information processing method and electronic equipment | |
| CN113535162A (en) | Front-end interface configuration method, display method and device | |
| Salleh et al. | Numerical simulations and case studies using Visual C++. Net | |
| CN110781378A (en) | Data graphical processing method and device, computer equipment and storage medium | |
| CN116204267B (en) | Method and device for generating intellectual property flow form |
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 | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant | ||
| TR01 | Transfer of patent right |
Effective date of registration: 20230731 Address after: Room 5, Room 324201, 42nd Floor, Unit 2, Building 5, Courtyard 1, Futong East Street, Chaoyang District, Beijing, 100102 Patentee after: Beijing Creative Beautiful Technology Co.,Ltd. Address before: Room 324201, 42nd floor, unit 2, building 5, courtyard 1, Futong East Street, Chaoyang District, Beijing 100102 Patentee before: Beijing Jinwei Zhiguang Information Technology Co.,Ltd. |
|
| TR01 | Transfer of patent right |