CN117075774A

CN117075774A - Response processing method and device for design tool

Info

Publication number: CN117075774A
Application number: CN202311104167.8A
Authority: CN
Inventors: 闫三木
Original assignee: Beijing Creative Beautiful Technology Co ltd
Current assignee: Beijing Creative Beautiful Technology Co ltd
Priority date: 2023-08-30
Filing date: 2023-08-30
Publication date: 2023-11-17

Abstract

The embodiment of the application discloses a method and a device for processing attributes of a design tool, wherein the method comprises the following steps: obtaining a layer selection instruction, wherein the layer selection instruction corresponds to at least two layers to be selected; if the same attribute in at least two selected layers has different assignments, controlling an assignment display area of the attribute in a display panel to display a first identifier, wherein the first identifier is used for indicating that the corresponding attribute has different assignments in different layers; obtaining an input signal of an operable control corresponding to the first identifier; and uniformly editing the attributes of the at least two layers based on the input signals. According to the scheme, when the user selects a plurality of layers, the user can perform unified operation on the attributes of the selected layers based on the content displayed on the display panel, so that the user can edit the layers in batches conveniently, and the use efficiency of the design tool is improved.

Description

Response processing method and device for design tool

Technical Field

The application relates to the technical field of product development, in particular to a response processing method and device of a design tool.

Background

In the design of an interactive interface of software, the interface generally includes multiple layers, each layer has various attributes, such as filling, tracing, etc., and names of these attributes and corresponding values are displayed on a panel of the design tool for a user to view or modify.

When a user selects a layer in the design interface, all the attributes and corresponding values of the layer are displayed on the corresponding design panel, and the user can modify the values in the design panel. In FIG. 1, a circular layer is selected, and attributes such as coordinate axes (x, y), width and height (W, H) and the like appear in the design panel, and meanwhile, the numerical values of the attributes are displayed; when the user modifies these values in the design panel, the corresponding attribute values of the selected layer are changed directly.

When a user selects at least two layers simultaneously in the design interface, if the values of some same attribute in the selected layers are different, the attribute cannot be displayed in the design panel, and the user cannot edit the values of the attribute in this case.

Based on the above, in the current design tool, the user can edit only one by one for a plurality of layers, which greatly limits the design efficiency of the design tool.

Disclosure of Invention

In view of this, the present application provides the following technical solutions:

a response processing method of a design tool, comprising:

obtaining a layer selection instruction, wherein the layer selection instruction corresponds to at least two layers to be selected;

if the same attribute in at least two selected layers has different assignments, controlling an assignment display area of the attribute in a display panel to display a first identifier, wherein the first identifier is used for indicating that the corresponding attribute has different assignments in different layers;

obtaining an input signal of an operable control corresponding to the first identifier;

and uniformly editing the attributes of the at least two layers based on the input signals.

Optionally, the operable control corresponding to the first identifier is an input box, and the obtaining the input signal of the operable control corresponding to the first identifier includes:

obtaining attribute assignment input in the input box, wherein the attribute assignment is a number;

the uniformly editing the attribute of the at least two layers based on the input signal comprises:

and setting the attributes of the at least two layers as the attribute assignment.

Optionally, the attribute is an attribute of supporting a style, the operable control corresponding to the first identifier includes a click control, and the obtaining an input signal of the operable control corresponding to the first identifier includes:

obtaining a triggering operation for a first click control;

the attributes of the at least two layers are synchronized to be the same as the assignment of the attributes in the layer located at the uppermost layer.

Optionally, before the obtaining the triggering operation for the first click control, the method further includes:

and obtaining an operation signal for modifying the position of the layer, adjusting the position of the layer based on the operation signal, and changing the layer positioned at the uppermost layer after adjusting the position of the layer.

acquiring triggering operation aiming at a second click control;

controlling and displaying a drop-down menu based on the triggering operation, wherein the drop-down menu comprises at least two alternative pattern items;

obtaining a style item selection signal, wherein the style item selection signal corresponds to a first style item;

the attribute of the at least two layers is set to the first style item based on the style item selection signal.

Optionally, the layer selection instruction is an instruction for selecting a layer with a sub-layer, and when the layer with the sub-layer is selected, it is confirmed that the layer and all sub-layers of the layer are selected.

The application also discloses a response processing device of the design tool, which comprises:

the instruction obtaining module is used for obtaining a layer selection instruction, wherein the layer selection instruction corresponds to at least two layers to be selected;

the display control module is used for controlling the assignment display area of the attribute to display a first identifier when the same attribute has different assignments in at least two selected layers, wherein the first identifier is used for indicating that the corresponding attribute has different assignments in different layers;

the signal obtaining module is used for obtaining an input signal of the operable control corresponding to the first identifier;

and the attribute editing module is used for uniformly editing the attributes of the at least two layers based on the input signals.

Optionally, the operable control corresponding to the first identifier is an input box, and the signal obtaining module is specifically configured to: obtaining attribute assignment input in the input box, wherein the attribute assignment is a number;

the attribute editing module is specifically configured to: and setting the attributes of the at least two layers as the attribute assignment.

Optionally, the attribute is an attribute of supporting a style, the operable control corresponding to the first identifier includes a click control, and the signal obtaining module is specifically configured to: obtaining a triggering operation for a first click control;

the attribute editing module is specifically configured to: the attributes of the at least two layers are synchronized to be the same as the assignment of the attributes in the layer located at the uppermost layer.

Optionally, the attribute is an attribute of supporting a style, the operable control corresponding to the first identifier includes a click control, and the signal obtaining module is specifically configured to: acquiring triggering operation aiming at a second click control, and controlling to display a pull-down menu based on the triggering operation, wherein the pull-down menu comprises at least two alternative pattern items, and a pattern item selection signal is acquired, and corresponds to a first pattern item;

the attribute editing module is specifically configured to: the attribute of the at least two layers is set to the first style item based on the style item selection signal.

As can be seen from the above technical solution, the embodiment of the present application discloses a response processing method and apparatus for a design tool, where the method includes: obtaining a layer selection instruction, wherein the layer selection instruction corresponds to at least two layers to be selected; if the same attribute in at least two selected layers has different assignments, controlling an assignment display area of the attribute in a display panel to display a first identifier, wherein the first identifier is used for indicating that the corresponding attribute has different assignments in different layers; obtaining an input signal of an operable control corresponding to the first identifier; and uniformly editing the attributes of the at least two layers based on the input signals. According to the scheme, when the user selects a plurality of layers, the user can perform unified operation on the attributes of the selected layers based on the content displayed on the display panel, so that the user can edit the layers in batches conveniently, and the use efficiency of the design tool is improved.

Drawings

In order to more clearly illustrate the embodiments of the present application 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 application, 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 flow chart of a response processing method of a design tool according to an embodiment of the present application;

FIG. 2 is a diagram of an exemplary display panel for selecting multiple layers according to an embodiment of the present application;

FIG. 3 is a schematic diagram of a design panel of two layers with different widths and heights according to an embodiment of the present application;

FIG. 4 is a schematic diagram of a design panel of the panel of FIG. 3 by editing multiple value uniform widths;

FIG. 5 is a schematic diagram showing multiple values of two layers with different filling times according to an embodiment of the present application;

FIG. 6 is a schematic view of editing effects of clicking "+" signs according to an embodiment of the present application;

FIG. 7 is a schematic diagram of a panel with layer sequence determining effect according to an embodiment of the present application;

FIG. 8 is a schematic view of a panel display with simultaneous style assignment as disclosed in an embodiment of the present application;

fig. 9 is a schematic structural diagram of a response processing device of a design tool according to an embodiment of the present application.

Detailed Description

The following description of the embodiments of the present application 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 application, but not all embodiments. All other embodiments, which can be made by those skilled in the art based on the embodiments of the application without making any inventive effort, are intended to be within the scope of the application.

FIG. 1 is a flow chart of a response processing method of a design tool according to an embodiment of the present application. Referring to fig. 1, the method may include:

step 101: and obtaining a layer selection instruction, wherein the layer selection instruction corresponds to at least two layers to be selected.

The layer selection instruction may be an instruction for selecting one layer or an instruction for selecting a plurality of layers. For example, if a user selects a layer but the layer has sub-layers, then when the layer is selected, the layer is considered to be selected along with its sub-layers. Alternatively, the user directly selects at least two layers, where at least two layers may be child layers with the same parent layer or child layers with different parent layers.

Step 102: and if the same attribute in the at least two selected layers has different assignments, controlling an assignment display area of the attribute in the display panel to display a first identifier.

The first identifier is used for indicating that the corresponding attribute has different assignments in different layers, so that a user knows that the corresponding attribute has different assignments in different layers. For example, in the width attribute display area of the layers, corresponding width values are typically displayed, but when different width values exist in all the layers selected, a text identifier of "multiple values" may be displayed in the width attribute display area of the display panel, so as to prompt the user that the width values of the multiple layers selected are at least partially different. Of course, the first identifier may not be a text identifier, but may also be a pattern or graphic identifier, which is not limited in this context, and may specifically be set according to application scenario requirements or user preferences.

If the same data in at least two selected layers does not have different assignments, that is, the assignments of the same attribute in the selected layers are the same, the corresponding assignments can be directly displayed in the assignment display area of the attribute. For example, when the user selects that the heights of the two layers are 100, the value of "100" is directly displayed in the assignment display area of the "width" attribute.

As shown in fig. 2, the user selects two rectangular layers at the same time, and the two rectangular layers are directly displayed in the panel because the height and the width of the two rectangular layers are 100; however, the coordinates of the two layers are different, so the "X" and "Y" attribute fields in the panel show "multiple values" to indicate the different states of such attribute assignments. The foregoing may be understood in conjunction with fig. 2.

Step 103: an input signal of an operable control corresponding to the first identity is obtained.

The operability control can be an input bar or an icon associated with a drop-down menu. Aiming at the condition of an input field, a user can directly input corresponding attribute content, namely attribute assignment, in the input field; for the case of icons, the user may obtain alternatives in the menu by clicking on the trigger icon and further select the target property option.

The specific implementation of obtaining the input signal of the operable control corresponding to the first identifier will be described in detail in the following embodiments, and will not be described in any greater detail herein.

Step 104: and uniformly editing the attributes of the at least two layers based on the input signals.

After the input signal is obtained, the unified attribute editing can be controlled to be carried out on all the selected layers, so that the attributes corresponding to the input signal in all the selected layers are assigned values selected or filled by a user. For example, for the "angle of rotation" attribute, the user filled in the assignment of 30, and all selected layers would be rotated 30 clockwise.

According to the response processing method of the design tool, in the process of using the design tool, a user can perform unified operation on the attribute of the selected layer based on the content displayed on the display panel under the condition that a plurality of layers are selected, batch editing is facilitated for the user, and the use efficiency of the design tool is improved.

In one implementation, the operable control corresponding to the first identifier is an input box, and the obtaining the input signal of the operable control corresponding to the first identifier may include: and obtaining attribute assignment input in the input box, wherein the attribute assignment is a number. The uniformly editing the attribute of the at least two layers based on the input signal may include: and setting the attributes of the at least two layers as the attribute assignment.

In this implementation, the attribute may be an attribute that does not support a style, and such attribute does not support using a style, and can only be shown or edited through an input box in the design panel. Such attributes include, but are not limited to: coordinates (X, Y), width and height (W, H), rotation angle, rounded corners, etc. All scenes that do not support the properties of a style occur within one input box, so the processing logic of its multiple values is relatively simple with respect to supporting the properties of a style.

Fig. 3 is a schematic diagram of a design panel with two layers of inconsistent width and height, and fig. 4 is a schematic diagram of a design panel with multiple uniform width edited in the panel shown in fig. 3. As shown in connection with fig. 3 and 4, when an attribute is presented as "multiple values," the user may edit the attribute, in which case the editing would directly assign the user-entered value to all layers. For example, in fig. 3, the width and height of the two layers are not identical, but the user can unify the widths of the two layers to 100 by inputting "100" in the W input box, as shown in fig. 4.

In another implementation, the attribute is an attribute of supporting a style, the operable control corresponding to the first identifier includes a click control, and the obtaining an input signal of the operable control corresponding to the first identifier may include: a trigger operation for the first click control is obtained. The uniformly editing the attribute of the at least two layers based on the input signal may include: the attributes of the at least two layers are synchronized to be the same as the assignment of the attributes in the layer located at the uppermost layer.

In this implementation, the attribute may be an attribute of a supporting style, and multi-value processing logic of the attribute of the supporting style needs to consider the use of the style. Such properties can either be exposed and edited by the input box or the layer effects can be changed by using styles. The properties of the support style may include, but are not limited to: layout grids, padding, tracing, special effects, etc.

In one example, for a property that supports a style, a region that exposes property content would expose a line of text: "there are different attribute values, clickable +number replace". Taking filling as an example, when the filling colors of the two selected layers are not identical, the display is shown in fig. 5. The conditions for supporting the attribute triggering the multi-value presentation of the style may include the following:

1. the number of owned contents is not uniform. For example, in two layers, if one layer has one filling color and the other layer has two filling colors, multiple values are triggered;

2. the number of owned contents is the same, but there are contents with different values. For example, two layers have two filling colors, the filling color of A is #FFFFFF and #000000, the filling color of B is #FFFFFF and #123456, and one filling color is different and triggers multiple values;

3. the patterns used are not uniform. Such as two layers, one using the fill pattern "red" and the other not using the pattern, or the other pattern "white", also triggers multiple values.

Based on the above, the multi-value processing logic is not triggered only when the values of the attributes of the support styles are identical.

As can be seen from FIG. 5, the panel has been prompted to be replaced with a "+" sign, where the replacement logic is to directly take the attribute value of the top layer and assign all selected layers. For example, if the "+" sign is clicked in the example shown in fig. 5, both layers will turn white as shown in fig. 6. The uppermost layer refers to the layer shown on the top in the left panel, such as "container 2" above "container 1" in fig. 7, so that both layers eventually turn white of "container 2". If the order of "container 1" and "container 2" is reversed, then red is effective.

Of course, in the implementation, perhaps the layer corresponding to the style effect desired by the user is not located at the uppermost layer, the user may first control and adjust the layer position, adjust the layer of the style effect desired by the user to the uppermost layer, and then click on the "+" sign to trigger the unified replacement. Thus, before the obtaining the triggering operation for the first click control, the method may further include: and obtaining an operation signal for modifying the position of the layer, adjusting the position of the layer based on the operation signal, and changing the layer positioned at the uppermost layer after adjusting the position of the layer.

In still another implementation, the attribute is an attribute of a supporting style, the operable control corresponding to the first identifier includes a click control, and the obtaining an input signal of the operable control corresponding to the first identifier may include: acquiring triggering operation aiming at a second click control; controlling and displaying a drop-down menu based on the triggering operation, wherein the drop-down menu comprises at least two alternative pattern items; a style item selection signal is obtained, the style item selection signal corresponding to a first style item. The uniformly editing the attribute of the at least two layers based on the input signal may include: the attribute of the at least two layers is set to the first style item based on the style item selection signal.

In addition to the "+" sign above, the user may also assign the selected layer to the same style by selecting that style. In conjunction with the illustration of fig. 5, clicking on the icon containing four points to the left of the "+" sign pops up the style pop-up window, as illustrated in fig. 8. When the user selects a style of person in a drop down menu or list, all layers selected will apply the style.

The response processing method of the design tool can prompt the user that the attribute has a plurality of values in a reasonable mode in the design panel under the condition that the user selects a plurality of layers to trigger the attribute to be multi-valued, and simultaneously allows the user to change the attribute values of all selected layers through one operation, thereby greatly improving the design efficiency.

For the foregoing method embodiments, for simplicity of explanation, the methodologies are shown as a series of acts, but one of ordinary skill in the art will appreciate that the present application is not limited by the order of acts, as some steps may, in accordance with the present application, occur in other orders or concurrently. Further, those skilled in the art will also appreciate that the embodiments described in the specification are all preferred embodiments, and that the acts and modules referred to are not necessarily required for the present application.

The method is described in detail in the embodiments disclosed in the present application, and the method can be implemented by using various types of devices, so that the present application also discloses a device, and specific embodiments are given below for details.

Fig. 9 is a schematic structural diagram of a response processing device of a design tool according to an embodiment of the present application. Referring to fig. 9, the response processing means 90 of the design tool may include:

the instruction obtaining module 901 is configured to obtain a layer selection instruction, where the layer selection instruction corresponds to at least two layers being selected.

And the display control module 902 is configured to control, when the same attribute has different assignments in at least two selected layers, to display a first identifier in an assignment display area of the attribute in the display panel, where the first identifier is used to indicate that the corresponding attribute has different assignments in different layers.

A signal obtaining module 903, configured to obtain an input signal of the operable control corresponding to the first identifier.

And the attribute editing module 904 is configured to uniformly edit the attributes of the at least two layers based on the input signal.

According to the response processing device of the design tool, in the process of using the design tool, a user can perform unified operation on the attribute of the selected layer based on the content displayed on the display panel under the condition that a plurality of layers are selected, batch editing of the user is facilitated greatly, and the use efficiency of the design tool is improved.

In one implementation, the operable control corresponding to the first identifier is an input box, and the signal obtaining module is specifically configured to: obtaining attribute assignment input in the input box, wherein the attribute assignment is a number; the attribute editing module is specifically configured to: and setting the attributes of the at least two layers as the attribute assignment.

In one implementation, the attribute is an attribute of a supporting style, the operable control corresponding to the first identifier includes a click control, and the signal obtaining module is specifically configured to: obtaining a triggering operation for a first click control; the attribute editing module is specifically configured to: the attributes of the at least two layers are synchronized to be the same as the assignment of the attributes in the layer located at the uppermost layer.

In one implementation, the apparatus may further include: the layer adjusting module is used for obtaining an operation signal for modifying the layer position, adjusting the layer position based on the operation signal, and changing the layer positioned at the uppermost layer after adjusting the layer position.

In one implementation, the attribute is an attribute of a supporting style, the operable control corresponding to the first identifier includes a click control, and the signal obtaining module is specifically configured to: acquiring triggering operation aiming at a second click control, and controlling to display a pull-down menu based on the triggering operation, wherein the pull-down menu comprises at least two alternative pattern items, and a pattern item selection signal is acquired, and corresponds to a first pattern item; the attribute editing module is specifically configured to: the attribute of the at least two layers is set to the first style item based on the style item selection signal.

The specific implementation of the response processing device of the design tool and each module included in the response processing device may be referred to the content description of the corresponding part in the method embodiment, and the detailed description is not repeated here.

The response processing device of any one of the design tools in the above embodiment includes a processor and a memory, and the instruction obtaining module, the display control module, the signal obtaining module, the property editing module, the layer adjusting module, and the like in the above embodiment are stored in the memory as program modules, and the processor executes the program modules stored in the memory to implement the corresponding functions.

The processor comprises a kernel, and the kernel fetches the corresponding program module from the memory. The kernel can be provided with one or more kernels, and the processing of the return visit data is realized by adjusting kernel parameters.

The memory may include volatile memory, random Access Memory (RAM), and/or nonvolatile memory, such as Read Only Memory (ROM) or flash memory (flash RAM), among other forms in computer readable media, the memory including at least one memory chip.

In an exemplary embodiment, a computer readable storage medium is also provided, which can be directly loaded into an internal memory of a computer, and in which software code is contained, and the computer program can implement the steps shown in any embodiment of the response processing method of the design tool after being loaded and executed by the computer.

In an exemplary embodiment, a computer program product is also provided, which can be directly loaded into an internal memory of a computer, and in which software code is contained, and which, when loaded and executed by the computer, is capable of implementing the steps shown in any of the embodiments of the response processing method of the design tool described above.

In the present specification, each embodiment is described in a progressive manner, and each embodiment is mainly described in a different point from other embodiments, and identical and similar parts between the embodiments are all enough to refer to each other. For the device disclosed in the embodiment, since it corresponds to the method disclosed in the embodiment, the description is relatively simple, and the relevant points refer to the description of the method section.

It is further noted that 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. Moreover, the terms "comprises," "comprising," or any other variation thereof, are intended to cover a non-exclusive inclusion, such that a process, method, article, or apparatus that comprises a list of elements does not include only those elements but may include other elements not expressly listed or inherent to such process, method, article, or apparatus. Without further limitation, an element defined by the phrase "comprising one … …" does not exclude the presence of other like elements in a process, method, article, or apparatus that comprises the element.

The steps of a method or algorithm described in connection with the embodiments disclosed herein may be embodied directly in hardware, in a software module executed by a processor, or in a combination of the two. The software modules may be disposed in Random Access Memory (RAM), memory, read Only Memory (ROM), electrically programmable ROM, electrically erasable programmable ROM, registers, hard disk, a removable disk, a CD-ROM, or any other form of storage medium known in the art.

The previous description of the disclosed embodiments is provided to enable any person skilled in the art to make or use the present application. 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 application. Thus, the present application 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

1. A response processing method of a design tool, comprising:

2. The method for processing the response of the design tool according to claim 1, wherein the operable control corresponding to the first identifier is an input box, and the obtaining the input signal of the operable control corresponding to the first identifier includes:

3. The method for processing the response of the design tool according to claim 1, wherein the attribute is an attribute of a supporting style, the operable control corresponding to the first identifier includes a click control, and the obtaining the input signal of the operable control corresponding to the first identifier includes:

obtaining a triggering operation for a first click control;

4. The response processing method of the design tool according to claim 3, further comprising, before the obtaining the trigger operation for the first click control:

5. The method for processing the response of the design tool according to claim 1, wherein the attribute is an attribute of a supporting style, the operable control corresponding to the first identifier includes a click control, and the obtaining the input signal of the operable control corresponding to the first identifier includes:

acquiring triggering operation aiming at a second click control;

6. The response processing method of the design tool according to claim 1, wherein the layer selection instruction is an instruction to select one layer having a sub-layer, and when the layer having the sub-layer is selected, it is confirmed that the layer and all sub-layers of the layer are selected.

7. A response processing device of a design tool, comprising:

8. The response processing device of the design tool according to claim 7, wherein the operable control corresponding to the first identifier is an input box, and the signal obtaining module is specifically configured to: obtaining attribute assignment input in the input box, wherein the attribute assignment is a number;

9. The response processing device of the design tool according to claim 7, wherein the attribute is an attribute of a supporting style, the operable control corresponding to the first identifier includes a click control, and the signal obtaining module is specifically configured to: obtaining a triggering operation for a first click control;

10. The response processing device of the design tool according to claim 7, wherein the attribute is an attribute of a supporting style, the operable control corresponding to the first identifier includes a click control, and the signal obtaining module is specifically configured to: acquiring triggering operation aiming at a second click control, and controlling to display a pull-down menu based on the triggering operation, wherein the pull-down menu comprises at least two alternative pattern items, and a pattern item selection signal is acquired, and corresponds to a first pattern item;