CN116501435A - Layout processing method and device and computer storage medium - Google Patents
Layout processing method and device and computer storage medium Download PDFInfo
- Publication number
- CN116501435A CN116501435A CN202310771692.9A CN202310771692A CN116501435A CN 116501435 A CN116501435 A CN 116501435A CN 202310771692 A CN202310771692 A CN 202310771692A CN 116501435 A CN116501435 A CN 116501435A
- Authority
- CN
- China
- Prior art keywords
- container
- layout
- main container
- containers
- parameters
- 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.)
- Granted
Links
- 238000003672 processing method Methods 0.000 title claims abstract description 21
- 238000000034 method Methods 0.000 claims abstract description 59
- 230000008859 change Effects 0.000 claims abstract description 38
- 238000012545 processing Methods 0.000 claims abstract description 25
- 230000006978 adaptation Effects 0.000 claims abstract description 12
- 238000013461 design Methods 0.000 claims description 29
- 230000004048 modification Effects 0.000 claims description 16
- 238000012986 modification Methods 0.000 claims description 16
- 230000003044 adaptive effect Effects 0.000 claims description 13
- 230000004044 response Effects 0.000 claims description 6
- 230000008569 process Effects 0.000 description 30
- 238000010586 diagram Methods 0.000 description 4
- 238000004458 analytical method Methods 0.000 description 3
- 238000004590 computer program Methods 0.000 description 3
- 230000006870 function Effects 0.000 description 2
- 238000004891 communication Methods 0.000 description 1
- 230000008094 contradictory effect Effects 0.000 description 1
- 238000013500 data storage Methods 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 230000008676 import Effects 0.000 description 1
- 230000003993 interaction Effects 0.000 description 1
- 230000002452 interceptive effect Effects 0.000 description 1
- 238000004519 manufacturing process Methods 0.000 description 1
- 230000000750 progressive effect Effects 0.000 description 1
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
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/04847—Interaction techniques to control parameter settings, e.g. interaction with sliders or dials
-
- Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
- Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
- Y02P—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN THE PRODUCTION OR PROCESSING OF GOODS
- Y02P90/00—Enabling technologies with a potential contribution to greenhouse gas [GHG] emissions mitigation
- Y02P90/30—Computing systems specially adapted for manufacturing
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Human Computer Interaction (AREA)
- Software Systems (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Document Processing Apparatus (AREA)
- Stored Programmes (AREA)
- Programmable Controllers (AREA)
- Auxiliary Devices For And Details Of Packaging Control (AREA)
Abstract
The invention provides a layout processing method, a device and a computer storage medium, which can be applied to the field of computer data processing, wherein the method comprises the following steps: acquiring a change setting parameter for a first object; adjusting a main container of the first object based on the changed setting parameters, and determining basic data corresponding to the adjusted main container; the method comprises the steps of carrying out layout on other containers in a first object based on basic data corresponding to a main container; the target object is composed based on the other containers after layout and the adjusted main container. According to the method and the device for adjusting the main container of the first object, the main container of the first object is adjusted through the obtained change setting parameters of the first object, and the basic data corresponding to the adjusted main container is determined, so that other containers in the first object are laid out through the basic data of the adjusted main container, and when a user adjusts the size of the automatic layout container, the other containers can change in a responsive mode, and therefore adaptation of different screen widths can be rapidly carried out, and the use experience of the user is improved.
Description
Technical Field
The present invention relates to the field of data processing technologies, and in particular, to a layout processing method, a layout processing device, and a computer storage medium.
Background
Because the types and the sizes of the equipment terminals of the application are various, the sizes, the resolutions and the directions of the containers of the equipment terminals are different, and when the designer develops the application products, the designer often needs to readjust the sizes of all design elements for the application design of the containers with different widths, so that the use experience of the user is affected.
Disclosure of Invention
In view of the above, embodiments of the present invention provide a layout processing method, apparatus and computer storage medium, so as to solve the problem in the prior art that the use experience of a user is affected.
In order to achieve the above object, the embodiment of the present invention provides the following technical solutions:
a first aspect of an embodiment of the present invention shows a layout processing method, applied to a product design system, the method including:
acquiring a change setting parameter for a first object;
adjusting a main container of the first object based on the changed setting parameters, and determining basic data corresponding to the adjusted main container;
the other containers in the first object are laid out based on the basic data corresponding to the main container;
and forming a target object based on the other containers after layout and the main container after adjustment.
Optionally, the determining the adjusted basic data corresponding to the main container includes:
determining a first layout setting mode of a main container of the first object;
adjusting the container size of the main container of the first object according to a first layout setting mode based on the change setting parameters;
and adjusting other parameters of the main container of the first object according to the change setting parameters.
Optionally, the adjusting the container size of the main container of the first object according to the first layout setting mode based on the modification setting parameter includes:
if the first layout setting mode is determined to be the adaptive layout, controlling the main container to perform adaptive operation based on the container parameters of the changed setting parameters so as to adjust the container size of the main container of the first object;
and if the first layout setting mode is determined to be the fixed layout, changing the container size of the main container according to the container parameters in the container parameters for changing the setting parameters.
Optionally, the layout of other containers in the first object based on the basic data corresponding to the main container includes:
determining first position relations between the main container of the first object and other containers respectively;
and adjusting the layout of other containers based on the first position relation between the main container of the first object and the other containers and the basic data corresponding to the main container.
Optionally, the layout of other containers in the first object based on the basic data corresponding to the main container includes:
determining first position relations between the main container of the first object and other containers respectively;
determining the positions of other containers in the first object based on the first position relation between the main container of the first object and the other containers and the basic data corresponding to the main container;
for each other container, adjusting the layout of the other container according to the second layout setting mode of the other container based on the position of the other container.
Optionally, the adjusting the layout of the other containers according to the second layout setting manner of the other containers based on the positions of the other containers includes:
controlling the other containers to perform adaptation operation based on the container parameters of the changed setting parameters to adjust the container sizes of the other containers of the first object if the second layout setting mode is determined to be the adaptation layout;
if the second layout setting mode is determined to be full layout, performing full operation on the other containers according to the size of the screen to be designed corresponding to the changed setting parameters so as to adjust the container sizes of the other containers of the first object;
and if the second layout setting mode is determined to be the fixed layout, changing the container sizes of the other containers according to the container parameters in the container parameters for changing the setting parameters.
Optionally, the method further comprises:
receiving a first input operation for a button container in a first object;
and adjusting the position of the button container in response to the first input operation.
Optionally, receiving a first modification operation for a primary container in the first object;
responding to the first modification operation, adjusting the main container, and determining basic data corresponding to the adjusted main container;
the other containers in the first object are laid out based on the basic data corresponding to the main container;
and forming a target object based on the other containers after layout and the main container after adjustment.
A second aspect of an embodiment of the present invention shows a layout processing apparatus applied to a product design system, the apparatus including:
an acquisition unit configured to acquire a change setting parameter for a first object;
the processing unit is used for adjusting the main container of the first object based on the change setting parameters and determining basic data corresponding to the adjusted main container; the other containers in the first object are laid out based on the basic data corresponding to the main container; and forming a target object based on the other containers after layout and the main container after adjustment.
An embodiment of the present invention shows a third aspect of the present invention, which shows a computer storage medium, where the computer storage medium includes a stored program, where, when the program runs, a device where the storage medium is controlled to execute the layout processing method shown in the first aspect of the embodiment of the present invention.
Based on the layout processing method, the device and the computer storage medium provided by the embodiment of the invention, the method comprises the following steps: acquiring a change setting parameter for a first object; adjusting a main container of the first object based on the changed setting parameters, and determining basic data corresponding to the adjusted main container; the other containers in the first object are laid out based on the basic data corresponding to the main container; and forming a target object based on the other containers after layout and the main container after adjustment. In the embodiment of the invention, when the screen size of the first object is changed, the main container of the first object is adjusted through the obtained change setting parameters of the first object, and the basic data corresponding to the adjusted main container is determined, so that other containers in the first object are laid out through the basic data of the adjusted main container, and when the size of the automatic layout container is adjusted, other containers can be changed in a responsive manner by a user, so that the adaptation of different screen widths can be rapidly carried out, and the use experience of the user 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 schematic diagram of a product design system according to an embodiment of the present invention;
FIG. 2 is a flow chart of a layout processing method according to an embodiment of the present invention;
FIG. 3 is a schematic flow chart of a layout arrangement according to an embodiment of the present invention;
FIG. 4 is a flow chart illustrating another layout arrangement according to an embodiment of the present invention;
FIG. 5 is a flow chart illustrating yet another layout arrangement according to an embodiment of the present invention;
FIG. 6 is a flow chart of another layout processing method according to an embodiment of the present invention;
FIG. 7 is a schematic representation of a variation of the button container shown in an embodiment of the present invention;
fig. 8 is a schematic structural diagram of a layout processing 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.
The terms "first," "second," "third," "fourth" and the like in the description and in the claims of this application and in the above-described figures, if any, are used for distinguishing between similar objects and not necessarily for describing a particular sequential or chronological order. It is to be understood that the data so used may be interchanged where appropriate such that the embodiments described herein may be implemented in other sequences than those illustrated or otherwise described herein. Furthermore, the terms "comprises," "comprising," and "having," and any variations thereof, are intended to cover a non-exclusive inclusion, such that a process, method, system, article, or apparatus that comprises a list of steps or elements is not necessarily limited to those steps or elements expressly listed but may include other steps or elements not expressly listed or inherent to such process, method, article, or apparatus.
It should be noted that the description of "first", "second", etc. in this disclosure is for descriptive purposes only and is not to be construed as indicating or implying a relative importance or implying an indication of the number of technical features being indicated. Thus, a feature defining "a first" or "a second" may explicitly or implicitly include at least one such feature. In addition, the technical solutions of the embodiments may be combined with each other, but it is necessary to base that the technical solutions can be realized by those skilled in the art, and when the technical solutions are contradictory or cannot be realized, the combination of the technical solutions should be considered to be absent and not within the scope of protection claimed in the present invention.
In this application, 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.
Referring to FIG. 1, a schematic diagram of a product design system is shown in accordance with an embodiment of the present invention.
The product design system includes a processor 10 and a design interface 20.
The product design system is a one-stop online product design tool generated by team cooperation, and provides functions of online product design, prototype drawing production design, webpage development design, product interaction design, UI and UX design tools and the like so as to realize real-time cooperation of multiple people and quickly build an applied design system.
The product design system is loaded in an electronic device with an application program with a layout processing function, such as a mobile phone, a tablet, or a display with an interactive system. The embodiment mainly provides a responsive design scheme of automatic layout so as to meet the diversity requirements of users.
The process for realizing the layout processing method based on the product design system comprises the following steps:
the processor 10 obtains a modification setting parameter of a first object imported by a user based on the design interface 20; adjusting a main container of the first object based on the changed setting parameters, and determining basic data corresponding to the adjusted main container; the other containers in the first object are laid out based on the basic data corresponding to the main container; the target object is composed based on the other containers after layout and the main container after adjustment, and is displayed on the design interface 20.
It should be noted that there is one main container and at least one other container for each first object.
Wherein the other containers are arranged on the sub-layer.
In the embodiment of the invention, when the screen size of the first object is changed, the main container of the first object is adjusted through the obtained change setting parameters of the first object, and the basic data corresponding to the adjusted main container is determined, so that other containers in the first object are laid out through the basic data of the adjusted main container, and when the size of the automatic layout container is adjusted, other containers can be changed in a responsive manner by a user, so that the adaptation of different screen widths can be rapidly carried out, and the use experience of the user is improved.
Referring to fig. 2, a flow chart of a layout processing method according to an embodiment of the present invention is applied to a processor in the product design system, where the method includes:
step S201: a change setting parameter for the first object is obtained.
In the process of implementing step 201, when all configurations of the generated first object need to be changed to match the screen to be designed, the setting parameters of the container size, resolution, direction and the like related to the screen to be designed are received.
Wherein the first object is a finished product design already set in the product design system.
Other implementations exist based on the implementation of step S201 shown above.
Responding to the size, resolution and direction of a container of a screen to be designed selected by a user;
when a user imports a first object that has been designed, modification setting parameters generated based on the container size, resolution, and orientation are acquired.
Step S202: and adjusting the main container of the first object based on the changed setting parameters, and determining the basic data corresponding to the adjusted main container.
The basic parameters include a container parameter for indicating the width and height of the container, and other parameters including resolution, direction, and the like.
The main container is the container of the first object outermost part.
It should be noted that, the specific implementation step S202 adjusts the main container of the first object based on the setting parameter, and the process of determining the basic data corresponding to the adjusted main container includes:
step S11: a first layout setting mode of a main container of the first object is determined.
Alternatively, in practice of the first object creation, the user may directly set the layout manner of each container in the first object.
The first layout setting mode includes a setting mode of adapting, fixing, and the like.
In the specific implementation process of step S11, a container layout of the main container of the first object, that is, a first layout setting manner, is determined from the storage data corresponding to the first object.
Step S12: and adjusting the container size of the main container of the first object according to the first layout setting mode based on the change setting parameters.
It should be noted that, in the specific implementation process of step S12, the method includes the following steps:
step S21: and if the first layout setting mode is determined to be the adaptive layout, controlling the main container to carry out adaptive operation based on the container parameter of the changed setting parameter so as to adjust the container size of the main container of the first object.
In the process of implementing step S21, if the first layout setting mode is an adaptive layout, the container size of the main container will change along with the change of the container parameter in the changed setting parameters, that is, the container size of the main container is adjusted according to the adaptive setting mode to be consistent with the container parameter of the changed setting parameters.
Such as: the screen to be designed, i.e. the width W of the container parameter in the changing setting parameter is 93, the height H is 51, and both the width and the height set by the first layout setting mode of the main container are set to "fit". At this time, the processor controls the container size of the main container according to the first layout setting mode, as shown in fig. 3, to change along with the change of the container parameters.
Step S22: and if the first layout setting mode is determined to be the fixed layout, changing the container size of the main container according to the container parameters in the container parameters for changing the setting parameters.
In the specific implementation process of step S23, if the container setting method is fixed, the container size of the main container is changed according to the container parameter for changing the setting parameter.
Such as: the screen to be designed, i.e. the width W of the container parameter in the changed setting parameter is 93 and the height H is 51, sets both the width and the height of the first layout setting mode of the main container to be "fixed". The container size of the main container is changed only according to the container parameters changing the setting parameters, as shown in fig. 4.
Optionally, if the setting mode of the container is fixed, there is also an implementation mode, the size of the current container is not changed, so that the width and the height cannot be changed along with the change of other layers.
It should be noted that the container is disposed on the layer.
Alternatively, the width and height of the first layout setting mode may be different, in this embodiment of the present invention, the height H of the first layout setting mode of the main container may be an adaptive layout, and the width W may be set to a fixed layout; the first layout arrangement of the main container may also be arranged with a height H being a fixed layout and a width W being a use layout.
Step S13: and adjusting other parameters of the main container of the first object according to the change setting parameters.
In the specific implementation process of step S13, other parameters of the main container are changed according to other parameters in the change setting parameters.
Step S203: and carrying out layout on other containers in the first object based on the basic data corresponding to the main container.
It should be noted that, there are various real-time ways to implement the layout of the other containers in the first object based on the basic data corresponding to the main container in step S203.
The first real-time mode specifically comprises the following steps:
step S31: and determining the first position relation between the main container of the first object and other containers respectively.
In the specific implementation process of step S31, when the main container of the first object is not changed, determining a distance relationship between the coordinate positions of the main container and the coordinate positions of other containers according to the coordinate position of each container in the first object.
Step S32: and adjusting the layout of other containers based on the first position relation between the main container of the first object and other containers and the basic data corresponding to the main container respectively to obtain the target object.
In the specific implementation process of step S32, based on the first positional relationship between the main container of the first object and the other containers, and the basic data corresponding to the main container, determining the second positional relationship between the main container and the other containers. And adjusting the position coordinates of other containers based on the second position relation, so as to obtain the target object.
Optionally, the method further comprises: other parameters of the other containers are adjusted by other parameters of the main container.
The second real-time mode specifically comprises the following steps:
step S41: and determining the first position relation between the main container of the first object and other containers respectively.
Step S42: and determining the positions of other containers in the first object based on the first position relation between the main container of the first object and the other containers and the basic data corresponding to the main container.
In the specific implementation process of step S42, the second positional relationship between the main container and the other containers is determined through the first positional relationship between the main container of the first object and the other containers, and the basic data corresponding to the main container. And thus the location of each other container.
Step S43: for each other container, the layout of the other container, namely the container position, is adjusted according to the second layout setting mode of the other container based on the position of the other container.
It should be noted that, the process of implementing step S43 specifically includes the following steps:
step S51: and if the second layout setting mode is determined to be the adaptive layout, controlling the other containers to perform the adaptive operation based on the container parameters of the changed setting parameters so as to adjust the container sizes of the other containers of the first object.
It should be noted that the process of implementing step S51 is the same as the above-described process of implementing step S21, and reference may be made to each other.
Step S52: if the second layout setting mode is determined to be full layout, performing full operation on the other containers according to the size of the screen to be designed corresponding to the changed setting parameters so as to adjust the container sizes of the other containers of the first object;
in the specific implementation process of step S22, if the second layout setting mode is determined to be the full layout, the other containers are controlled to perform the full operation, so that the container sizes of the other containers are consistent with the container parameters of the changed setting parameters.
Such as: the screen to be designed, i.e. the width W of the container parameter in the changing setting parameter is 93, the height H is 51, and the width and the height of the second layout setting mode of other containers are set to be full. The size depends on the width and height values of the screen to be designed corresponding to the main container. When the setting is changed, the processor controls the other containers to be filled with the main container corresponding to the screen to be designed according to the second layout setting mode of the setting so as to adapt to the change of the main container, as shown in fig. 5.
Step S53: and if the second layout setting mode is determined to be the fixed layout, changing the container sizes of the other containers according to the container parameters in the container parameters for changing the setting parameters.
It should be noted that the process of implementing step S53 is the same as the above-described process of implementing step S22, and reference may be made to each other.
It should be noted that there may be a plurality of containers on one sub-layer.
Step S204: and forming a target object based on the other containers after layout and the main container after adjustment.
In the specific implementation process of step S204, the other containers after layout and the adjusted main container are packaged to obtain a target object.
In the embodiment of the invention, when the screen size of the first object is changed, the main container of the first object is adjusted through the obtained change setting parameters of the first object, and the basic data corresponding to the adjusted main container is determined, so that other containers in the first object are laid out through the basic data of the adjusted main container, and when the size of the automatic layout container is adjusted, other containers can be changed in a responsive manner by a user, so that the adaptation of different screen widths can be rapidly carried out, and the use experience of the user is improved.
Optionally, based on the layout processing method shown in the above embodiment of the present invention, correspondingly, the embodiment of the present invention also correspondingly discloses a flow chart of another layout processing method, as shown in fig. 6, where the method includes:
step S601: a first modification operation is received for a primary container in a first object.
Step S602: and responding to the first modification operation, adjusting the main container, and determining the basic data corresponding to the adjusted main container.
It should be noted that, in the specific implementation process of the specific implementation steps S601 to S602, after the first object that has been designed is imported into the product design system, the size of the main container may be adjusted by moving the operation point of the first modification operation on the main container, so as to determine the basic data corresponding to the adjusted main container.
It should be noted that, the process of determining the basic data corresponding to the adjusted main container is the same as the process of determining the basic data corresponding to the adjusted main container in the step S202, which can be referred to each other.
Step S603: and carrying out layout on other containers in the first object based on the basic data corresponding to the main container.
Step S604: and forming a target object based on the other containers after layout and the main container after adjustment.
It should be noted that the specific implementation procedures of step S603 to step S604 and the specific implementation procedures of step S203 to step S204 described above can be referred to each other.
In an embodiment of the invention, a first modification operation is received for a primary container in a first object. And responding to the first modification operation, and adjusting the main container to layout other containers in the first object through the adjusted basic data of the main container, so that when a user adjusts the size of the automatic layout container, the other containers can change in response, and the adaptation of different screen widths can be rapidly carried out, so that the use experience of the user is improved.
Optionally, the layout processing method shown based on the embodiment of the present invention further includes the following steps:
step S61: a first input operation is received for a button container in a first object.
In the process of implementing step S51, if there is a first input operation for changing the button container, the first input operation is received.
Step S62: and adjusting the basic data of the button container in response to the first input operation.
In the specific implementation process of step S62, the width of the button container is adjusted according to the original content field length of the button container and the change of the field length of the first input operation, so that the button width is adapted to change along with the change of the first width, and the position of the button container is changed.
For example, as shown in fig. 7, when the original content in the button container a is a field of "Hi-me is a button", the first input operation changes the content in the button container a to a field of "Hi-me may be particularly long" the button text; the difference between the original content field length and the field length of the first input operation adjusts the width of the button container. That is, as the text within the button container changes, the button width will also change as the length of the field changes.
It should be noted that the length of each field is fixed.
In an embodiment of the invention, a first input operation is received for a button container in a first object. And adjusting the basic data of the button container in response to the first input operation. When the size of the content is adjusted, the size of the container can automatically respond to the change of the field, the size of the container is not required to be manually adjusted, and the design efficiency is improved.
Based on the layout processing method shown in the above embodiment of the present invention, correspondingly, the embodiment of the present invention shows a schematic structural diagram of a layout processing device, as shown in fig. 8, where the device includes:
an acquiring unit 801 for acquiring a change setting parameter for a first object;
a processing unit 802, configured to adjust a main container of the first object based on the setting parameter, and determine basic data corresponding to the adjusted main container; the other containers in the first object are laid out based on the basic data corresponding to the main container; and forming a target object based on the other containers after layout and the main container after adjustment.
The specific principle and execution process of each unit in the layout processing device disclosed in the above embodiment of the present invention are the same as those of the layout processing method shown in the above embodiment of the present invention, and reference may be made to the corresponding parts in the layout processing method shown in the above embodiment of the present invention, which are not repeated here.
In the embodiment of the invention, when the screen size of the first object is changed, the main container of the first object is adjusted through the obtained change setting parameters of the first object, and the basic data corresponding to the adjusted main container is determined, so that other containers in the first object are laid out through the basic data of the adjusted main container, and when the size of the automatic layout container is adjusted, other containers can be changed in a responsive manner by a user, so that the adaptation of different screen widths can be rapidly carried out, and the use experience of the user is improved.
Optionally, based on the layout processing device shown in the foregoing embodiment of the present invention, the processing unit 802 for determining the adjusted basic data corresponding to the main container is specifically configured to:
determining a first layout setting mode of a main container of the first object;
adjusting the container size of the main container of the first object according to a first layout setting mode based on the change setting parameters;
and adjusting other parameters of the main container of the first object according to the change setting parameters.
Optionally, based on the foregoing description of the embodiment of the present invention, the processing unit 802 is specifically configured to adjust a container size of the main container of the first object according to the first layout setting manner based on the modification setting parameter:
if the first layout setting mode is determined to be the adaptive layout, controlling the main container to perform adaptive operation based on the container parameters of the changed setting parameters so as to adjust the container size of the main container of the first object;
and if the first layout setting mode is determined to be the fixed layout, changing the container size of the main container according to the container parameters in the container parameters for changing the setting parameters.
Optionally, based on the layout processing device shown in the foregoing embodiment of the present invention, the processing unit 802 that performs layout on other containers in the first object based on the basic data corresponding to the main container is specifically configured to:
determining first position relations between the main container of the first object and other containers respectively;
and adjusting the layout of other containers based on the first position relation between the main container of the first object and the other containers and the basic data corresponding to the main container.
Optionally, based on the layout processing device shown in the foregoing embodiment of the present invention, the processing unit 802 that performs layout on other containers in the first object based on the basic data corresponding to the main container is specifically configured to:
determining first position relations between the main container of the first object and other containers respectively;
determining the positions of other containers in the first object based on the first position relation between the main container of the first object and the other containers and the basic data corresponding to the main container;
for each other container, adjusting the layout of the other container according to the second layout setting mode of the other container based on the position of the other container.
Optionally, based on the layout processing device shown in the foregoing embodiment of the present invention, the processing unit 802 is configured to adjust the layout of the other container according to the second layout setting manner of the other container based on the position of the other container, and is specifically configured to:
controlling the other containers to perform adaptation operation based on the container parameters of the changed setting parameters to adjust the container sizes of the other containers of the first object if the second layout setting mode is determined to be the adaptation layout;
if the second layout setting mode is determined to be full layout, performing full operation on the other containers according to the size of the screen to be designed corresponding to the changed setting parameters so as to adjust the container sizes of the other containers of the first object;
and if the second layout setting mode is determined to be the fixed layout, changing the container sizes of the other containers according to the container parameters in the container parameters for changing the setting parameters.
Optionally, based on the layout processing device shown in the foregoing embodiment of the present invention, the obtaining unit 801 is further configured to: receiving a first input operation for a button container in a first object;
correspondingly, the processing unit 802 is further configured to:
and adjusting the position of the button container in response to the first input operation.
Optionally, based on the layout processing device shown in the foregoing embodiment of the present invention, the obtaining unit 801 is further configured to:
a first modification operation is received for a primary container in a first object.
Correspondingly, the processing unit 802 is further configured to: and responding to the first modification operation, adjusting the main container, and determining the basic data corresponding to the adjusted main container.
The embodiment of the application also provides electronic equipment, which comprises: the device comprises a processor and a memory, wherein the processor and the memory are connected through a communication bus; the processor is used for calling and executing the program stored in the memory; the memory is used for storing a program for realizing the layout processing method.
The electronic device in the disclosed embodiments of the invention may include, but is not limited to, a stationary terminal such as a digital TV, desktop computer, or the like.
In particular, according to embodiments of the present disclosure, the processes described above with reference to flowcharts may be implemented as computer software programs. For example, embodiments of the present disclosure include a computer program product comprising a computer program embodied on a non-transitory computer readable medium, the computer program comprising program code for performing the data storage method shown in the flow chart.
Still further, an embodiment of the present invention also provides a computer storage medium, i.e., a computer-readable storage medium, storing computer-executable instructions for performing an analysis method of a version application.
The computer readable medium carries one or more programs which, when executed by the electronic device, cause the electronic device to: receiving version basic information of a software application successfully online; acquiring a baseline code file of the software application based on the version basic information; analyzing the baseline code file to obtain a corresponding analysis result; an open source asset inventory is generated for subsequent user queries based on the analysis results, the name of the target component, and the software name of the version application.
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 various illustrative elements and algorithm steps described in connection with the embodiments disclosed herein may be implemented as electronic hardware, computer software, or combinations of both, and that the various illustrative elements and steps are described above generally in terms of functionality in order to clearly illustrate the interchangeability of hardware and software. 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 (10)
1. A layout processing method, applied to a product design system, the method comprising:
acquiring a change setting parameter for a first object;
adjusting a main container of the first object based on the changed setting parameters, and determining basic data corresponding to the adjusted main container;
the other containers in the first object are laid out based on the basic data corresponding to the main container;
and forming a target object based on the other containers after layout and the main container after adjustment.
2. The method according to claim 1, wherein the determining the adjusted basic data corresponding to the main container includes:
determining a first layout setting mode of a main container of the first object;
adjusting the container size of the main container of the first object according to a first layout setting mode based on the change setting parameters;
and adjusting other parameters of the main container of the first object according to the change setting parameters.
3. The method of claim 2, wherein the adjusting the container size of the primary container of the first object in a first layout setting based on the change setting parameter comprises:
if the first layout setting mode is determined to be the adaptive layout, controlling the main container to perform adaptive operation based on the container parameters of the changed setting parameters so as to adjust the container size of the main container of the first object;
and if the first layout setting mode is determined to be the fixed layout, changing the container size of the main container according to the container parameters in the container parameters for changing the setting parameters.
4. The method of claim 1, wherein the laying out other containers in the first object based on the base data corresponding to the main container comprises:
determining first position relations between the main container of the first object and other containers respectively;
and adjusting the layout of other containers based on the first position relation between the main container of the first object and the other containers and the basic data corresponding to the main container.
5. The method of claim 1, wherein the laying out other containers in the first object based on the base data corresponding to the main container comprises:
determining first position relations between the main container of the first object and other containers respectively;
determining the positions of other containers in the first object based on the first position relation between the main container of the first object and the other containers and the basic data corresponding to the main container;
for each other container, adjusting the layout of the other container according to the second layout setting mode of the other container based on the position of the other container.
6. The method of claim 5, wherein adjusting the layout of the other container in the second layout setting of the other container based on the location of the other container comprises:
controlling the other containers to perform adaptation operation based on the container parameters of the changed setting parameters to adjust the container sizes of the other containers of the first object if the second layout setting mode is determined to be the adaptation layout;
if the second layout setting mode is determined to be full layout, performing full operation on the other containers according to the size of the screen to be designed corresponding to the changed setting parameters so as to adjust the container sizes of the other containers of the first object;
and if the second layout setting mode is determined to be the fixed layout, changing the container sizes of the other containers according to the container parameters in the container parameters for changing the setting parameters.
7. The method as recited in claim 1, further comprising:
receiving a first input operation for a button container in a first object;
and adjusting the position of the button container in response to the first input operation.
8. The method as recited in claim 1, further comprising:
receiving a first modification operation for a primary container in a first object;
responding to the first modification operation, adjusting the main container, and determining basic data corresponding to the adjusted main container;
the other containers in the first object are laid out based on the basic data corresponding to the main container;
and forming a target object based on the other containers after layout and the main container after adjustment.
9. A layout processing apparatus for use in a product design system, the apparatus comprising:
an acquisition unit configured to acquire a change setting parameter for a first object;
the processing unit is used for adjusting the main container of the first object based on the change setting parameters and determining basic data corresponding to the adjusted main container; the other containers in the first object are laid out based on the basic data corresponding to the main container; and forming a target object based on the other containers after layout and the main container after adjustment.
10. A computer storage medium, characterized in that the computer storage medium comprises a stored program, wherein the program, when run, controls a device in which the storage medium is located to perform the layout processing method according to any one of claims 1-8.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202310771692.9A CN116501435B (en) | 2023-06-28 | 2023-06-28 | Layout processing method and device and computer storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202310771692.9A CN116501435B (en) | 2023-06-28 | 2023-06-28 | Layout processing method and device and computer storage medium |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN116501435A true CN116501435A (en) | 2023-07-28 |
| CN116501435B CN116501435B (en) | 2023-09-12 |
Family
ID=87328795
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202310771692.9A Active CN116501435B (en) | 2023-06-28 | 2023-06-28 | Layout processing method and device and computer storage medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN116501435B (en) |
Citations (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20160275054A1 (en) * | 2013-11-29 | 2016-09-22 | Uc Mobile Co., Ltd. | Webpage display method and device |
| CN107479897A (en) * | 2017-08-23 | 2017-12-15 | 珠海安联锐视科技股份有限公司 | A kind of vector graphics interface Zoom method used on video monitoring equipment |
| CN110837617A (en) * | 2019-10-11 | 2020-02-25 | 平安科技（深圳）有限公司 | Webpage self-adaptive layout method, server and computer readable storage medium |
| CN112346725A (en) * | 2020-11-05 | 2021-02-09 | 南方电网数字电网研究院有限公司 | Page design method, device, equipment and storage medium |
| CN113127784A (en) * | 2021-04-29 | 2021-07-16 | 平安国际智慧城市科技股份有限公司 | Large-screen data visual display method and device, storage medium and computer equipment |
| CN114168128A (en) * | 2020-09-10 | 2022-03-11 | 华为技术有限公司 | Method for generating responsive page, graphical user interface and electronic equipment |
| WO2022068594A1 (en) * | 2020-09-29 | 2022-04-07 | 华为技术有限公司 | Application interface layout method and electronic device |
| CN115794276A (en) * | 2022-11-15 | 2023-03-14 | 湖南长银五八消费金融股份有限公司 | Display page component adaptation method and device, computer equipment and storage medium |
-
2023
- 2023-06-28 CN CN202310771692.9A patent/CN116501435B/en active Active
Patent Citations (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20160275054A1 (en) * | 2013-11-29 | 2016-09-22 | Uc Mobile Co., Ltd. | Webpage display method and device |
| CN107479897A (en) * | 2017-08-23 | 2017-12-15 | 珠海安联锐视科技股份有限公司 | A kind of vector graphics interface Zoom method used on video monitoring equipment |
| CN110837617A (en) * | 2019-10-11 | 2020-02-25 | 平安科技（深圳）有限公司 | Webpage self-adaptive layout method, server and computer readable storage medium |
| CN114168128A (en) * | 2020-09-10 | 2022-03-11 | 华为技术有限公司 | Method for generating responsive page, graphical user interface and electronic equipment |
| WO2022068594A1 (en) * | 2020-09-29 | 2022-04-07 | 华为技术有限公司 | Application interface layout method and electronic device |
| CN112346725A (en) * | 2020-11-05 | 2021-02-09 | 南方电网数字电网研究院有限公司 | Page design method, device, equipment and storage medium |
| CN113127784A (en) * | 2021-04-29 | 2021-07-16 | 平安国际智慧城市科技股份有限公司 | Large-screen data visual display method and device, storage medium and computer equipment |
| CN115794276A (en) * | 2022-11-15 | 2023-03-14 | 湖南长银五八消费金融股份有限公司 | Display page component adaptation method and device, computer equipment and storage medium |
Also Published As
| Publication number | Publication date |
|---|---|
| CN116501435B (en) | 2023-09-12 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| JP6063037B2 (en) | User interface interaction method, apparatus, touch screen device, program, and recording medium used in touch screen device | |
| CN102970343B (en) | Method and device for displaying push information | |
| EP2840472B1 (en) | Menu layout processing method and apparatus | |
| CN107515764B (en) | Application page opening method, terminal and computer readable storage medium | |
| CN109885314B (en) | Automatic layout method and device for small programs | |
| CN105808594B (en) | Method, device and equipment for displaying navigation page of browser | |
| CN107315595B (en) | Desktop layout method and device and user terminal | |
| CN109428911A (en) | Apparatus control method, device, terminal device and operating system | |
| CN112419693B (en) | Device control method, device, display device and computer readable storage medium | |
| CN103823700A (en) | Method and device for upgrading application software of client | |
| CN104238869B (en) | Float icon display system and method | |
| EP2793120A1 (en) | Display device and display control program | |
| CN106201216A (en) | The display packing of a kind of self-defined desktop icons and system | |
| CN102893271A (en) | Data upload method using shortcut | |
| CN104053126A (en) | Wireless communication terminal for displaying two-party positions in communication, apparatus and method | |
| CN105574179A (en) | Application pushing method, application pushing system and terminal | |
| CN116501435B (en) | Layout processing method and device and computer storage medium | |
| CN104317561A (en) | Method of interface operation | |
| AU2015264474A1 (en) | Systems and methods for programming behavior of a website to respond to capabilities of different devices | |
| CN106126057B (en) | Screen capture method and device and terminal equipment | |
| RU2389061C2 (en) | Device menu | |
| CN107529095A (en) | A kind of video-splicing method and device | |
| CN105204858B (en) | A kind of self-defining image target system and method | |
| CN103648054A (en) | Network-data-resource transmission method and device | |
| CN113238697A (en) | Control method and device of electronic control equipment and computer readable storage medium |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant | ||
| TR01 | Transfer of patent right |
Effective date of registration: 20240328 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. Country or region after: China 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. Country or region before: China |
|
| TR01 | Transfer of patent right |