Page structure layout rapid adjustment method and device, equipment and storage medium

Abstract

The invention discloses a page structure layout rapid adjustment method, device and equipment and a storage medium, and relates to the technical field of page layout adjusting.The method comprises the steps that on the basis of the adjustment direction and according to the adjustment purpose, if the width is increased, options are set on the basis of the percentage of the front side of an operated module, adjusting the width of the operated module to the corresponding percentage of the page width, and equally dividing the rest width of the page by other modules; if the width is reduced, the width of the operated module is adjusted to the corresponding percentage of the page width based on the percentage setting option on the rear side of the operated module, and the rest width of the page is equally divided by other modules. According to the method, the layout adjustment time of a user is greatly shortened in the aspect of a width adjustment operation mode, and the page can be rapidly laid out and displayed neatly and beautifully.

Description

Technical Field

[0001] This application relates to the technical field of page layout adjustment, and relates to a method, device, equipment and storage medium for quickly adjusting the page structure layout. Background Art

[0002] In an application program or a display page, there are usually multiple resizable module windows. When the user adjusts the width of one module based on usage requirements, the widths of other modules also need to be dynamically adjusted to maintain the layout consistency of the entire interface.

[0003] Currently, when adjusting the width of a module in a page, generally only the grid set in the page or the active dragging method can be used to adjust the width of the module, so as to achieve the automatic layout of the page. However, this adjustment method cannot achieve the rapid change adjustment of the module width and respond to the corresponding layout position, and cannot ensure the overall alignment of the modules in the page. Summary of the Invention

[0004] This application provides a method, device, equipment and storage medium for quickly adjusting the page structure layout, which greatly reduces the user's layout adjustment time in the width adjustment operation method, enables the page to be quickly laid out, and is presented neatly and beautifully.

[0005] In a first aspect, an embodiment of this application provides a method for quickly adjusting the page structure layout. The method for quickly adjusting the page structure layout includes:

[0006] Based on the adjustment direction and according to the adjustment purpose:

[0007] If it is a width increase, based on the percentage setting option in front of the module being operated, adjust the width of the module being operated to the corresponding percentage of the page width, and the other modules evenly divide the remaining width of the page;

[0008] If it is a width decrease, based on the percentage setting option behind the module being operated, adjust the width of the module being operated to the corresponding percentage of the page width, and the other modules evenly divide the remaining width of the page.

[0009] Combined with the first aspect, in an implementation manner,

[0010] The module being operated includes two opposite boundaries, which are the first boundary and the second boundary respectively;

[0011] The width increase includes driving the first boundary away from the second boundary to increase the width of the module being operated, and driving the second boundary away from the first boundary to increase the width of the module being operated;

[0012] The width decrease includes driving the first boundary closer to the second boundary to decrease the width of the module being operated, and driving the second boundary closer to the first boundary to decrease the width of the module being operated.

[0013] In combination with the first aspect, in one embodiment, when the width increases, if there is no module in front of the operated module along the adjustment direction, the adjustment ends.

[0014] In combination with the first aspect, in one embodiment, the width of the operated module is adjusted to the corresponding percentage of the page width based on the percentage setting option in front of the operated module, and the remaining width of the page is evenly divided among other modules. Specifically, it includes:

[0015] Along the adjustment direction, the boundary of the operated module corresponding to the adjustment direction is denoted as the target boundary, and the target boundary is monitored in real time:

[0016] When it is detected that the target boundary is dragged, based on the percentage option selected from among a plurality of percentage selection items that appear in front of the operated module, the width of the operated module is increased so that the adjusted width of the operated module is the corresponding percentage of the page width, and based on the equal division method, the widths of other modules are adjusted based on the remaining width of the page, and all the modules on the page are re - laid out;

[0017] When it is detected that the target boundary is clicked and not dragged, based on the percentage entered in the percentage input box that appears in front of the operated module, the width of the operated module is increased so that the adjusted width of the operated module is the corresponding percentage of the page width, and based on the equal division method, the widths of other modules are adjusted based on the remaining width of the page, and all the modules on the page are re - laid out.

[0018] In combination with the first aspect, in one embodiment, increasing the width of the operated module so that the adjusted width of the operated module is the corresponding percentage of the page width based on the percentage option selected from among a plurality of percentage selection items that appear in front of the operated module specifically includes:

[0019] When it is detected that the target boundary is dragged and the width of the operated module is between the first percentage and the second percentage of the overall page width, a first percentage selection item and a second percentage selection item appear in front of the operated module;

[0020] According to the percentage option selected from the percentage selection items, the width of the operated module is increased so that the adjusted width of the operated module is the corresponding percentage of the page width.

[0021] In combination with the first aspect, in one embodiment, the width of the operated module is adjusted to the corresponding percentage of the page width based on the percentage setting option behind the operated module, and the remaining width of the page is evenly divided among other modules. Specifically, it includes:

[0022] Along the adjustment direction, the boundary of the operated module corresponding to the adjustment direction is denoted as the target boundary, and the target boundary is monitored in real time:

[0023] When it is detected that the target boundary is dragged, based on the percentage option selected from multiple percentage selection items that appear behind the module to be operated, reduce the width of the module to be operated so that the adjusted width of the module to be operated is the corresponding percentage of the page width, and adjust the widths of other modules based on the remaining width of the page to re-layout all the modules on the page;

[0024] When it is detected that the target boundary is clicked and not dragged, based on the percentage input in the percentage input box that appears behind the module to be operated, reduce the width of the module to be operated so that the adjusted width of the module to be operated is the corresponding percentage of the page width, and based on the equal distribution method, adjust the widths of other modules based on the remaining width of the page to re-layout all the modules on the page.

[0025] Combined with the first aspect, in an implementation manner, the reducing the width of the module to be operated so that the adjusted width of the module to be operated is the corresponding percentage of the page width based on the percentage option selected from multiple percentage selection items that appear behind the module to be operated specifically includes:

[0026] When it is detected that the target boundary is dragged and the width of the module to be operated is between the third percentage and the fourth percentage of the overall page width, a third percentage selection item and a fourth percentage selection item appear behind the module to be operated;

[0027] Reduce the width of the module to be operated so that the adjusted width of the module to be operated is the corresponding percentage of the page width according to the percentage option selected from the percentage selection items.

[0028] In a second aspect, an embodiment of the present application provides a page structure layout quick adjustment device, and the page structure layout quick adjustment device includes:

[0029] A judgment module, which is used to drive the first execution module to work based on the adjustment direction and according to the adjustment purpose, if it is width increase, and drive the second execution module to work if it is width decrease;

[0030] A first execution module, which is used to adjust the width of the module to be operated to the corresponding percentage of the page width based on the percentage setting option in front of the module to be operated, and other modules evenly divide the remaining width of the page;

[0031] A second execution module, which is used to adjust the width of the module to be operated to the corresponding percentage of the page width based on the percentage setting option behind the module to be operated, and other modules evenly divide the remaining width of the page.

[0032] In a third aspect, an embodiment of the present application provides a device for quickly adjusting page structure layout. The device for quickly adjusting page structure layout includes a processor, a memory, and a page structure layout quick adjustment program stored on the memory and executable by the processor. When the page structure layout quick adjustment program is executed by the processor, the steps of the above-mentioned page structure layout quick adjustment method are implemented.

[0033] In a fourth aspect, an embodiment of the present application provides a computer-readable storage medium with a page structure layout quick adjustment program stored thereon. When the page structure layout quick adjustment program is executed by a processor, the steps of the above-mentioned page structure layout quick adjustment method are implemented.

[0034] The beneficial effects brought by the technical solution provided by the embodiment of the present application include:

[0035] When adjusting the width of a module, according to the adjustment direction and purpose and in combination with the percentage setting option on the side of the module being operated, the width of the module being operated is adjusted to the corresponding percentage of the page width, and the remaining width of the page is evenly divided among other modules. This can achieve the quick positioning of the module layout in the page. The adjustment of the module width can be realized by dragging the mouse to select the percentage option, or by entering specific values to quickly locate the percentage to achieve the module width adjustment. This greatly reduces the user's layout adjustment time in terms of the width adjustment operation method, enables the page to be quickly laid out, and is presented neatly and beautifully. Description of the Drawings

[0036] Figure 1 It is a schematic flow chart of the page structure layout quick adjustment method of the present application;

[0037] Figure 2 It is a page schematic diagram in a certain situation of the present application example;

[0038] Figure 3 It is a page schematic diagram in a certain situation of the present application example;

[0039] Figure 4 It is a page schematic diagram in a certain situation of the present application example;

[0040] Figure 5 It is a page schematic diagram in a certain situation of the present application example;

[0041] Figure 6 It is a page schematic diagram in a certain situation of the present application example;

[0042] Figure 7 It is a page schematic diagram in a certain situation of the present application example;

[0043] Figure 8It is a schematic diagram of a page in a certain situation in the embodiments of the present application;

[0044] Figure 9 It is a schematic diagram of the functional modules of the page structure layout quick adjustment device of the present application;

[0045] Figure 10 It is a schematic diagram of the hardware structure of the page structure layout quick adjustment device of the present application. Specific embodiments

[0046] In order to enable those skilled in the art to better understand the solutions of the present application, the technical solutions in the embodiments of the present application will be clearly and completely described below with reference to the accompanying drawings in the embodiments of the present application. Obviously, the described embodiments are only a part of the embodiments of the present application, rather than all the embodiments. Based on the embodiments in the present application, all other embodiments obtained by those of ordinary skill in the art without creative efforts shall fall within the protection scope of the present application.

[0047] To make the purpose, technical solutions and advantages of the present application clearer, the embodiments of the present application will be further described in detail below with reference to the accompanying drawings.

[0048] In a first aspect, the embodiments of the present application provide a method for quickly adjusting the page structure layout, which is used to adjust the width of modules in a page that simultaneously displays multiple modules.

[0049] In one embodiment, refer to Figure 1 , Figure 1 It is a flowchart of the method for quickly adjusting the page structure layout of the present application. As Figure 1 shown, the method for quickly adjusting the page structure layout includes:

[0050] S1: Based on the adjustment direction and according to the adjustment purpose: if it is for width increase, go to S2; if it is for width decrease, go to S3;

[0051] S2: Based on the percentage setting option in front of the module to be operated, adjust the width of the module to be operated to the corresponding percentage of the page width, and the other modules evenly divide the remaining width of the page;

[0052] Specifically, when adjusting the width of the module to be operated to increase, the width of the module to be operated is adjusted to the target width. After the width of the module to be operated is adjusted, for the remaining width of the page excluding the module to be operated, it is evenly divided by other modules, and the positions of the modules are adapted to each other, and the adjacent modules are close to each other;

[0053] S3: Based on the percentage setting option behind the module to be operated, adjust the width of the module to be operated to the corresponding percentage of the page width, and the other modules evenly divide the remaining width of the page.

[0054] Specifically, when the width of the module to be operated is adjusted to decrease, the width of the module to be operated is adjusted to the target width. After the width of the module to be operated is adjusted, the remaining width of the page excluding the module to be operated is evenly divided among other modules, and the positions of the modules are adapted to each other, and adjacent modules are closely adjacent to each other at the same interval.

[0055] It should be noted that the module to be operated includes two opposite boundaries, namely the first boundary and the second boundary; increasing the width includes driving the first boundary away from the second boundary to increase the width of the module to be operated, and driving the second boundary away from the first boundary to increase the width of the module to be operated; decreasing the width includes driving the first boundary closer to the second boundary to decrease the width of the module to be operated, and driving the second boundary closer to the first boundary to decrease the width of the module to be operated.

[0056] In actual applications, when there are multiple modules on a page, the multiple modules may be arranged horizontally or vertically.

[0057] When the modules are arranged horizontally, the first boundary refers to the left side of the module, and the second boundary refers to the right side of the module. When increasing the width of the module to be operated by operating the left side of the module to be operated, the adjustment direction is from right to left, and the front side of the module to be operated is the left side of the left side of the module to be operated; when increasing the width of the module to be operated by operating the right side of the module to be operated, the adjustment direction is from left to right, and the front side of the module to be operated is the right side of the right side of the module to be operated; when decreasing the width of the module to be operated by operating the left side of the module to be operated, the adjustment direction is from left to right, and the back side of the module to be operated is the left side of the left side of the module to be operated; when decreasing the width of the module to be operated by operating the right side of the module to be operated, the adjustment direction is from right to left, and the back side of the module to be operated is the right side of the right side of the module to be operated.

[0058] Correspondingly, when the modules are arranged vertically, the relevant definitions are similar to those when the modules are arranged horizontally. For example, when the modules are arranged vertically, the first boundary refers to the upper side of the module, and the second boundary refers to the lower side of the module.

[0059] Further, in an embodiment, based on the percentage setting option on the front side of the module to be operated, the width of the module to be operated is adjusted to the corresponding percentage of the page width, and other modules evenly divide the remaining width of the page. Specifically, it includes:

[0060] Along the adjustment direction, the boundary corresponding to the adjustment direction in the module to be operated is recorded as the target boundary, and the target boundary is monitored in real time:

[0061] When it is detected that the target boundary is dragged, based on the percentage option selected from multiple percentage options that appear in front of the module to be operated, increase the width of the module to be operated so that the adjusted width of the module to be operated is the corresponding percentage of the page width, and based on the equal division method, adjust the widths of other modules based on the remaining width of the page, and re-layout all the modules on the page;

[0062] When it is detected that the target boundary is clicked and not dragged, based on the percentage entered in the percentage input box that appears in front of the module to be operated, increase the width of the module to be operated so that the adjusted width of the module to be operated is the corresponding percentage of the page width, and based on the equal division method, adjust the widths of other modules based on the remaining width of the page, and re-layout all the modules on the page.

[0063] Further, increasing the width of the module to be operated so that the adjusted width of the module to be operated is the corresponding percentage of the page width based on the percentage option selected from multiple percentage options that appear in front of the module to be operated specifically includes:

[0064] a1: When it is detected that the target boundary is dragged and the width of the module to be operated is between the first percentage and the second percentage of the overall page width, the first percentage option and the second percentage option appear in front of the module to be operated;

[0065] a2: According to the percentage option selected from the percentage options, increase the width of the module to be operated so that the adjusted width of the module to be operated is the corresponding percentage of the page width.

[0066] The above process is illustrated by an example below.

[0067] See Figure 2 As shown, assume that there are a total of 3 horizontally arranged modules on the page, namely Module 1, Module 2, and Module 3. The widths of the 3 modules are the same and the intervals between the modules are the same. At this time, it is necessary to adjust the width of Module 1, so Module 1 is the module to be operated.

[0068] For Figure 2 the page shown, when the mouse clicks on the right side of Module 1 (at this time this side is the target boundary) and does not release and drags a certain distance to the right, an option box of multiple percentage options (i.e., an option box containing percentage numbers) such as 1 / 3, 1 / 2, etc. will appear on the right side of the right side of Module 1. At this time, when moving the mouse in the y-axis direction of the mouse, the option box will be highlighted and switched in sequence. By this method, 1 / 2 is selected and the mouse is released, then the right side of Module 1 will be positioned at the 1 / 2 of the page, the width of Module 1 is adjusted to 1 / 2 of the page width, and Module 2 and Module 3 evenly divide the remaining width of the page and their positions are adjusted and moved accordingly, obtaining Figure 3 the page style shown; in a further implementation manner, forFigure 2 For the page shown, when the right side of module 1 (which is the target boundary at this time) is clicked with the mouse and dragged to the right without releasing, a mask effect appears, and the display brightness of other areas on the page except module 1 decreases. When dragged to the 1 / 3 - 1 / 2 page area, auxiliary lines will appear at the 1 / 3 and 1 / 2 positions of the page (as shown by the vertical dotted lines in Figure 4 ), and option boxes for 1 / 3 and 1 / 2 options will appear on the right side of the right side of module 1. As shown in Figure 4 , when the mouse is moved in the y-axis direction at this time, the option boxes will be highlighted and switched in sequence. By this method, select 1 / 2 and release the mouse, the mask effect disappears, the right side of module 1 will be positioned at the 1 / 2 position of the page, the width of module 1 will be adjusted to 1 / 2 of the page width, and modules 2 and 3 will evenly divide the remaining width of the page and their positions will be adjusted accordingly to obtain the Figure 3 page style shown. In actual applications, there will be a certain gap between the module and the page border, and between modules. These gap areas will occupy a certain amount of the page area. For the convenience of description in this application, the occupation of these areas on the page is ignored.

[0069] For Figure 3 the page shown, when the right side of module 1 (which is the target boundary at this time) is clicked with the mouse and not released, and no side dragging is performed, a mask effect appears, and the display brightness of other areas on the page except module 1 decreases. At the same time, a percentage input box will appear on the right side of the right side of module 1. Specific percentage values can be entered in the percentage input box using the arrow keys or number keys. When 75% is entered, an auxiliary line will appear at the 75% position of the page, as shown in Figure 5 . At this time, release the mouse, the mask effect disappears, the right side of module 1 will be positioned at the 75% position of the page, the width of module 1 will be adjusted to 75% of the page width, and modules 2 and 3 will evenly divide the remaining width of the page and their positions will be adjusted accordingly to obtain the Figure 6 page style shown.

[0070] Further, in one embodiment, based on the percentage setting option behind the module being operated, adjust the width of the module being operated to the corresponding percentage of the page width, and other modules evenly divide the remaining width of the page. Specifically, it includes:

[0071] Along the adjustment direction, mark the boundary corresponding to the adjustment direction in the module being operated as the target boundary, and monitor the target boundary in real time:

[0072] When it is detected that the target boundary is dragged, based on the percentage option selected from the multiple percentage selection items that appear behind the module being operated, reduce the width of the module being operated so that the adjusted width of the module being operated is the corresponding percentage of the page width. Based on the remaining width of the page, adjust the widths of other modules and re-layout all the modules on the page;

[0073] When it is detected that the target boundary is clicked and not dragged, based on the percentage input in the percentage input box that appears behind the module being operated, reduce the width of the module being operated so that the adjusted width of the module being operated is the corresponding percentage of the page width, and based on the equal distribution method, adjust the widths of other modules based on the remaining width of the page to re-layout all the modules on the page.

[0074] Furthermore, based on the percentage option selected from multiple percentage options that appear behind the module being operated, reduce the width of the module being operated so that the adjusted width of the module being operated is the corresponding percentage of the page width, specifically including:

[0075] When it is detected that the target boundary is dragged and the width of the module being operated is between the third percentage and the fourth percentage of the overall page width, a third percentage option and a fourth percentage option appear behind the module being operated;

[0076] Based on the percentage option selected from the percentage options, reduce the width of the module being operated so that the adjusted width of the module being operated is the corresponding percentage of the page width.

[0077] The above process is illustrated by an example below.

[0078] Refer to Figure 6 the page shown. At this time, it is necessary to adjust the width of Module 1, so Module 1 is the module being operated.

[0079] For Figure 6 the page shown, when the right side of Module 1 (at this time this side is the target boundary) is clicked with the mouse and not released and dragged to the left by a certain distance, a selection box of multiple percentage options (i.e., a selection box containing percentage numbers) will appear on the right side of the right side of Module 1, such as 1 / 5, 1 / 4, etc. At this time, when the mouse is moved in the y-axis direction of the mouse, the selection box will be highlighted and switched in sequence. By this way, 1 / 5 is selected and the mouse is released, then the right side of Module 1 will be positioned at 1 / 5 of the page, the width of Module 1 is adjusted to 1 / 5 of the page width, and Module 2 and Module 3 evenly divide the remaining width of the page and their positions are adjusted and moved accordingly to obtain Figure 7 the page style shown; in a further implementation manner, for Figure 6 the page shown, when the right side of Module 1 (at this time this side is the target boundary) is clicked with the mouse and not released and dragged to the left, a mask effect appears, and the display brightness of other areas of the page except Module 1 is reduced. When dragged to the 1 / 5 - 1 / 4 page area, auxiliary lines (such as the vertical dotted lines shown in Figure 8 ) will appear at 1 / 5 and 1 / 4 of the page, and a selection box of 1 / 5 and 1 / 4 options will appear on the right side of the right side of Module 1, such as Figure 8As shown, when the mouse is moved in the y-axis direction of the mouse at this time, the option boxes will be highlighted and switched in sequence. By this way, 1 / 5 is selected. When the mouse is released, the mask effect disappears, and the right side of module 1 will be positioned at the 1 / 5 position of the page. The width of module 1 is adjusted to ¼ of the page width, and modules 2 and 3 evenly divide the remaining width of the page and their positions are adjusted accordingly to obtain Figure 7 the page style shown

[0080] For Figure 6 the page shown, when the right side of module 1 (which is the target boundary at this time) is clicked with the mouse and not released, and no side dragging is performed, a mask effect appears, and the display brightness of other areas on the page except module 1 is reduced. At the same time, a percentage input box will appear on the right side of the right side of module 1. Specific percentage values can be entered in the percentage input box by using the arrow keys or numeric keys. When 20% is entered, an auxiliary line will appear at the 20% position of the page. When the mouse is released at this time, the mask effect disappears, and the right side of module 1 will be positioned at the 20% position of the page. The width of module 1 is adjusted to 20% of the page width, and modules 2 and 3 evenly divide the remaining width of the page and their positions are adjusted accordingly to obtain Figure 7 the page style shown

[0081] In the method for quickly adjusting the page structure layout according to the embodiment of the present application, when adjusting the width of the module, according to the adjustment direction and purpose and in combination with the percentage setting option on the side of the module being operated, the width of the module being operated is adjusted to the corresponding percentage of the page width, and other modules evenly divide the remaining width of the page. It can achieve the quick positioning of the module layout in the page. The width of the module can be adjusted by dragging the mouse to select the percentage option, or the width of the module can be quickly positioned by entering specific values to achieve the percentage. The layout adjustment time of the user is greatly reduced in the width adjustment operation method, and the page can be quickly laid out and neatly and beautifully displayed

[0082] In a second aspect, the embodiment of the present application further provides a device for quickly adjusting the page structure layout

[0083] In one embodiment, referring to Figure 9 , Figure 9 is the functional module schematic diagram of the device for quickly adjusting the page structure layout according to the present application. As Figure 9 shown, the device for quickly adjusting the page structure layout includes: a judgment module, a first execution module, and a second execution module

[0084] The determination module is used to drive the first execution module to work based on the adjustment direction and according to the adjustment purpose. If the width is to be increased, the first execution module is driven to work. If the width is to be decreased, the second execution module is driven to work. The first execution module is used to adjust the width of the module to be operated to the corresponding percentage of the page width based on the percentage setting option at the front side of the module to be operated, and the other modules evenly divide the remaining width of the page. The second execution module is used to adjust the width of the module to be operated to the corresponding percentage of the page width based on the percentage setting option at the rear side of the module to be operated, and the other modules evenly divide the remaining width of the page.

[0085] In a third aspect, an embodiment of the present application provides a device for quickly adjusting the page structure layout. The device for quickly adjusting the page structure layout may be a device with data processing functions such as a personal computer (PC), a laptop computer, a server, etc.

[0086] Referring to Figure 10 , Figure 10 is a schematic diagram of the hardware structure of the device for quickly adjusting the page structure layout involved in the solution of the embodiment of the present application. In the embodiment of the present application, the device for quickly adjusting the page structure layout may include a processor, a memory, a communication interface, and a communication bus.

[0087] Among them, the communication bus can be of any type and is used to interconnect the processor, the memory, and the communication interface.

[0088] The communication interface includes an input / output (I / O) interface, a physical interface, a logical interface, etc., which are used to implement the interconnection of the components inside the device for quickly adjusting the page structure layout, and an interface for implementing the interconnection of the device for quickly adjusting the page structure layout with other devices (such as other computing devices or user devices). The physical interface can be an Ethernet interface, a fiber optic interface, an ATM interface, etc.; the user device can be a display (Display), a keyboard (Keyboard), etc.

[0089] The memory can be various types of storage media, such as random access memory (RAM), read-only memory (ROM), non-volatile RAM (NVRAM), flash memory, optical memory, hard disk, programmable ROM (PROM), erasable PROM (EPROM), electrically erasable PROM (EEPROM), etc.

[0090] The processor can be a general-purpose processor, which can call the page structure layout rapid adjustment program stored in the memory and execute the page structure layout rapid adjustment method provided by the embodiments of the present application. For example, the general-purpose processor can be a central processing unit (CPU). Among them, the method executed when the page structure layout rapid adjustment program is called can refer to the various embodiments of the page structure layout rapid adjustment method of the present application, which will not be elaborated here.

[0091] Those skilled in the art can understand that Figure 10 the hardware structure shown in does not constitute a limitation to the present application, and may include more or fewer components than shown, or combine certain components, or have different component arrangements.

[0092] Fourthly, the embodiments of the present application further provide a computer-readable storage medium.

[0093] The page structure layout rapid adjustment program is stored on the computer-readable storage medium of the present application. When the page structure layout rapid adjustment program is executed by a processor, the steps of the page structure layout rapid adjustment method as described above are implemented.

[0094] Among them, the method implemented when the page structure layout rapid adjustment program is executed can refer to the various embodiments of the page structure layout rapid adjustment method of the present application, which will not be elaborated here.

[0095] The terms "including" and "having" and any variations thereof in the description of the specification, claims and drawings of the present application are intended to cover non-exclusive inclusion. For example, a process, method, system, product or device that includes a series of steps or units is not limited to the listed steps or units, but optionally further includes steps or units not listed, or optionally further includes other steps or units inherent to these processes, methods, products or devices. The descriptions such as "first", "second" and "third" are used to distinguish different objects, etc., and do not represent a sequence, nor do they limit that "first", "second" and "third" are of different types.

[0096] In the description of the embodiments of the present application, terms such as "exemplary", "for example" or "for instance" are used to represent examples, illustrations or explanations. Any embodiment or design solution described as "exemplary", "for example" or "for instance" in the embodiments of the present application should not be construed as being more preferred or having more advantages than other embodiments or design solutions. Rather, the use of terms such as "exemplary", "for example" or "for instance" is intended to present relevant concepts in a specific manner.

[0097] In the description of the embodiments of the present application, unless otherwise specified, " / " means "or". For example, A / B may mean A or B. The "and / or" in the text is only a description of the relationship between associated objects, indicating that there can be three relationships. For example, A and / or B may mean: A exists alone, A and B exist simultaneously, and B exists alone. In addition, in the description of the embodiments of the present application, "a plurality of" means two or more than two.

[0098] In some processes described in the embodiments of the present application, there are a plurality of operations or steps that appear in a specific order. However, it should be understood that these operations or steps may not be executed in the order in which they appear in the embodiments of the present application or may be executed in parallel. The serial numbers of the operations are only used to distinguish different operations, and the serial numbers themselves do not represent any order of execution. In addition, these processes may include more or fewer operations, and these operations or steps may be executed in sequence or in parallel, and these operations or steps may be combined.

[0099] Through the description of the above embodiments, those skilled in the art can clearly understand that the above-described embodiment methods can be implemented by means of software plus a necessary general hardware platform. Of course, they can also be implemented by hardware, but in many cases the former is a better implementation method. Based on such an understanding, the technical solution of the present application, in essence, or the part that contributes to the prior art, can be embodied in the form of a software product. The computer software product is stored in a storage medium (such as ROM / RAM, magnetic disk, optical disk) as described above, and includes several instructions for causing a terminal device to execute the methods described in the various embodiments of the present application.

[0100] The above are only the preferred embodiments of the present application, and do not limit the patent scope of the present application. Any equivalent structural or equivalent process transformation made by using the content of the specification and drawings of the present application, or directly or indirectly applied in other related technical fields, shall be equally included in the patent protection scope of the present application.

Claims

1. A method for quickly adjusting the layout of a page structure, characterized in that, The method for quickly adjusting the page structure layout includes: Based on the adjustment direction and according to the adjustment purpose: If it is for width increase, based on the percentage setting option in front of the module to be operated, adjust the width of the module to be operated to the corresponding percentage of the page width, and the other modules evenly divide the remaining width of the page; If it is for width decrease, based on the percentage setting option behind the module to be operated, adjust the width of the module to be operated to the corresponding percentage of the page width, and the other modules evenly divide the remaining width of the page.

2. The method for quickly adjusting the page structure layout according to claim 1, wherein: The module to be operated includes two opposite boundaries, namely the first boundary and the second boundary; The width increase includes driving the first boundary away from the second boundary to increase the width of the module to be operated, and driving the second boundary away from the first boundary to increase the width of the module to be operated; The width decrease includes driving the first boundary closer to the second boundary to decrease the width of the module to be operated, and driving the second boundary closer to the first boundary to decrease the width of the module to be operated.

3. The method for quickly adjusting the page structure layout according to claim 2, wherein: In the case of width increase, if there is no module in front of the module to be operated along the adjustment direction, the adjustment ends.

4. The method for quickly adjusting the page structure layout according to claim 1, characterized in that, The adjustment of the width of the module to be operated to the corresponding percentage of the page width based on the percentage setting option in front of the module to be operated, and the other modules evenly divide the remaining width of the page, specifically includes: Along the adjustment direction, record the boundary corresponding to the adjustment direction in the module to be operated as the target boundary, and monitor the target boundary in real time: When it is detected that the target boundary is dragged, based on the percentage option selected from multiple percentage selection items that appear in front of the module to be operated, increase the width of the module to be operated so that the adjusted width of the module to be operated is the corresponding percentage of the page width, and based on the equal division method, adjust the widths of the other modules based on the remaining width of the page, and re-layout all the modules in the page; When it is detected that the target boundary is clicked and not dragged, based on the percentage entered in the percentage input box that appears in front of the module to be operated, increase the width of the module to be operated so that the adjusted width of the module to be operated is the corresponding percentage of the page width, and based on the equal division method, adjust the widths of the other modules based on the remaining width of the page, and re-layout all the modules in the page.

5. The method for quickly adjusting the page structure layout according to claim 4, wherein The increase in the width of the module to be operated so that the adjusted width of the module to be operated is the corresponding percentage of the page width based on the percentage option selected from multiple percentage selection items that appear in front of the module to be operated, specifically includes: When it is detected that the target boundary is dragged and the width of the module to be operated is between the first percentage and the second percentage of the overall page width, the first percentage selection item and the second percentage selection item appear in front of the module to be operated; According to the percentage option selected from the percentage selection items, increase the width of the module to be operated so that the adjusted width of the module to be operated is the corresponding percentage of the page width.

6. A method for quickly adjusting the page structure layout according to claim 1, characterized in that The adjustment of the width of the module to be operated to the corresponding percentage of the page width based on the percentage setting option behind the module to be operated, and the other modules evenly divide the remaining width of the page, specifically includes: Along the adjustment direction, record the boundary corresponding to the adjustment direction in the module to be operated as the target boundary, and monitor the target boundary in real time: When it is detected that the target boundary is dragged, based on the percentage option selected from multiple percentage options that appear behind the module being operated, reduce the width of the module being operated so that the adjusted width of the module being operated is the corresponding percentage of the page width, and based on the remaining width of the page, adjust the widths of other modules to perform a relayout of all modules on the page; When it is detected that the target boundary is clicked and not dragged, based on the percentage input in the percentage input box that appears behind the module being operated, reduce the width of the module being operated so that the adjusted width of the module being operated is the corresponding percentage of the page width, and according to the equal distribution method, based on the remaining width of the page, adjust the widths of other modules to perform a relayout of all modules on the page.

7. The method for quickly adjusting the page structure layout according to claim 6, wherein The reducing the width of the module being operated so that the adjusted width of the module being operated is the corresponding percentage of the page width based on the percentage option selected from multiple percentage options that appear behind the module being operated specifically includes: When it is detected that the target boundary is dragged and the width of the module being operated is between the third percentage and the fourth percentage of the overall page width, a third percentage option and a fourth percentage option appear behind the module being operated; According to the percentage option selected from the percentage options, reduce the width of the module being operated so that the adjusted width of the module being operated is the corresponding percentage of the page width.

8. A device for quickly adjusting the layout of a page structure, characterized in that, The page structure layout quick adjustment device includes: A judgment module, which is used to drive the first execution module to work based on the adjustment direction and according to the adjustment purpose. If it is a width increase, and if it is a width decrease, drive the second execution module to work; A first execution module, which is used to adjust the width of the module being operated to the corresponding percentage of the page width based on the percentage setting option in front of the module being operated, and other modules evenly divide the remaining width of the page; A second execution module, which is used to adjust the width of the module being operated to the corresponding percentage of the page width based on the percentage setting option behind the module being operated, and other modules evenly divide the remaining width of the page.

9. A device for quickly adjusting the layout of a page structure, characterized in that, The page structure layout quick adjustment device includes a processor, a memory, and a page structure layout quick adjustment program stored on the memory and executable by the processor. When the page structure layout quick adjustment program is executed by the processor, the steps of the page structure layout quick adjustment method described in any one of claims 1 to 7 are implemented.

10. A computer-readable storage medium, characterized in that, A page structure layout quick adjustment program is stored on the computer-readable storage medium. When the page structure layout quick adjustment program is executed by the processor, the steps of the page structure layout quick adjustment method described in any one of claims 1 to 7 are implemented.

Images