CN108763511A

CN108763511A - Figure layer composition method, device, electronic equipment and storage medium in the page

Info

Publication number: CN108763511A
Application number: CN201810541854.9A
Authority: CN
Inventors: 陈小雅
Original assignee: Tencent Technology Shenzhen Co Ltd
Current assignee: Tencent Technology Shenzhen Co Ltd
Priority date: 2018-05-30
Filing date: 2018-05-30
Publication date: 2018-11-06
Anticipated expiration: 2038-05-30
Also published as: CN108763511B

Abstract

The application proposes figure layer composition method, device, electronic equipment and storage medium in a kind of page, wherein method includes：Obtain figure layer addition request, according to the attribute information of figure layer to be added and the attribute information of each figure layer is added, it determines figure layer to be added and has added the restriction relation between each figure layer, it according to figure layer to be added and has added the restriction relation between each figure layer and has added the composition information of each figure layer, determined composition information of the figure layer to be added in the page.By according to figure layer to be added and the attribute information for having added each figure layer, it automatically determines figure layer to be added and has added the restriction relation between each figure layer, further according to determining restriction relation and the composition information of each figure layer is added, determine composition information of the figure layer to be added in the page, it realizes the attribute information according to figure layer to be added and has added the attribute information of each figure layer, composition information of the figure layer to be added in the page is automatically determined, the typesetting efficiency of the page is improved.

Description

Figure layer composition method, device, electronic equipment and storage medium in the page

Technical field

This application involves figure layer composition method, device, electronics in terminal device technical field more particularly to a kind of page to set Standby and storage medium.

Background technology

Since the 21th century, development in science and technology is maked rapid progress, and internet has been deep into side's aspect of people's daily life Face.People can complete the various social activitieies such as life, work, social activity by internet.

Currently, the type-setting mode of each figure layer is developed by developer in the pattern and the page of internet page, open Hair personnel by typesetting calculate determine the page in each figure layer composition information, such as the position of figure layer, size etc., later further according to Determining figure layer composition information, is defined each figure layer.

But if page figure layer is more complicated, using above-mentioned figure layer type-setting mode, it is necessary to spend developer longer Time to figure layer carry out typesetting, if in the page figure layer update it is more frequent, it is necessary to developer is frequently in the page Figure layer carry out typesetting again, the time of developer is not only wasted, moreover, reducing the typesetting efficiency of the page.

Invention content

The application is intended to solve at least some of the technical problems in related technologies.

Figure layer composition method in a kind of page of the application proposition, by according to figure layer to be added and the category for having added each figure layer Property information, automatically determines figure layer to be added and has added the restriction relation between each figure layer, later according to figure layer to be added with added Add the restriction relation between each figure layer and added the composition information of each figure layer, determines typesetting letter of the figure layer to be added in the page Breath, to realize the attribute information according to figure layer to be added and add the attribute information of each figure layer, automatically determines to be added Composition information of the figure layer in the page improves the typesetting efficiency of the page.

The application one side embodiment proposes figure layer composition method in a kind of page, including：

Figure layer addition request is obtained, the addition request includes the attribute information of figure layer to be added；

According to the attribute information of the figure layer to be added and the attribute information of each figure layer has been added, has determined the figure to be added Layer and the restriction relation added between each figure layer；

According to the figure layer to be added and the restriction relation added between each figure layer and described each figure layer is added Composition information determines composition information of the figure layer to be added in the page.

Figure layer composition method in the page of the embodiment of the present application, by obtaining figure layer addition request, addition request includes The attribute information of figure layer to be added according to the attribute information of figure layer to be added and has added the attribute information of each figure layer, and determination waits for Addition figure layer and added the restriction relation between each figure layer, according to figure layer to be added and added restriction relation between each figure layer, And the composition information of each figure layer has been added, determine composition information of the figure layer to be added in the page.In the application, waited for by basis Addition figure layer and the attribute information for having added each figure layer, the constraint for automatically determining figure layer to be added and having added between each figure layer are closed System according to determining restriction relation and has added the composition information of each figure layer later, has determined figure layer to be added in the page Composition information automatically determines to realize the attribute information according to figure layer to be added and add the attribute information of each figure layer Composition information of the figure layer to be added in the page improves the typesetting efficiency of the page.

The application another aspect embodiment proposes figure layer composing device in a kind of page, including：

First acquisition module, for obtaining figure layer addition request, the addition request includes the attribute of figure layer to be added Information, wherein attribute information include the type-setting mode of the figure layer to be added；

First determining module, for according to the attribute information of the figure layer to be added and having added the attribute of each figure layer and believing Breath, determines the figure layer to be added and the restriction relation added between each figure layer；

Second determining module, for according to the figure layer to be added and the restriction relation added between each figure layer and The composition information for having added each figure layer determines composition information of the figure layer to be added in the page.

Figure layer composing device in the page of the embodiment of the present application, by obtaining figure layer addition request, addition request includes The attribute information of figure layer to be added according to the attribute information of figure layer to be added and has added the attribute information of each figure layer, and determination waits for Addition figure layer and added the restriction relation between each figure layer, according to figure layer to be added and added restriction relation between each figure layer, And the composition information of each figure layer has been added, determine composition information of the figure layer to be added in the page.In the application, waited for by basis Addition figure layer and the attribute information for having added each figure layer, the constraint for automatically determining figure layer to be added and having added between each figure layer are closed System according to determining restriction relation and has added the composition information of each figure layer later, has determined figure layer to be added in the page Composition information automatically determines to realize the attribute information according to figure layer to be added and add the attribute information of each figure layer Composition information of the figure layer to be added in the page improves the typesetting efficiency of the page.

The application another aspect embodiment proposes a kind of electronic equipment, including processor and memory；

Wherein, the processor by read the executable program code stored in the memory run with it is described can The corresponding program of program code is executed, for realizing figure layer composition method in the page as described in above-mentioned one side embodiment.

The application another aspect embodiment proposes a kind of non-transitorycomputer readable storage medium, is stored thereon with meter Calculation machine program realizes figure layer composition method in the page as described in above-mentioned one side embodiment when the program is executed by processor.

The additional aspect of the application and advantage will be set forth in part in the description, and will partly become from the following description It obtains obviously, or recognized by the practice of the application.

Description of the drawings

The application is above-mentioned and/or additional aspect and advantage will become from the following description of the accompanying drawings of embodiments Obviously and it is readily appreciated that, wherein：

Fig. 1 is the flow diagram of figure layer composition method in a kind of page provided by the embodiments of the present application；

Fig. 2 is the schematic diagram of figure layer in a kind of page provided by the embodiments of the present application；

Fig. 3 is a kind of schematic diagram of figure layer with relationship at the same level provided by the embodiments of the present application；

Fig. 4 is the schematic diagram of another figure layer with relationship at the same level provided by the embodiments of the present application；

Fig. 5 is a kind of process schematic of addition figure layer provided by the embodiments of the present application；

Fig. 6 is the flow diagram of figure layer composition method in another page provided by the embodiments of the present application；

Fig. 7 is the schematic diagram of figure layer in another page provided by the embodiments of the present application；

Fig. 8 is a kind of schematic diagram of the container of the page provided by the embodiments of the present application；

Fig. 9 is the flow diagram of figure layer composition method in another page provided by the embodiments of the present application；

Figure 10 is the flow diagram of figure layer composition method in another page provided by the embodiments of the present application；

Figure 11 is the flow diagram of figure layer composition method in another page provided by the embodiments of the present application；

Figure 12 is the structural schematic diagram of figure layer composing device in a kind of page provided by the embodiments of the present application；

Figure 13 is the structural schematic diagram of figure layer composing device in another page provided by the embodiments of the present application

Figure 14 shows the block diagram of the example electronic device suitable for being used for realizing the application embodiment.

Specific implementation mode

Embodiments herein is described below in detail, examples of the embodiments are shown in the accompanying drawings, wherein from beginning to end Same or similar label indicates same or similar element or element with the same or similar functions.Below with reference to attached The embodiment of figure description is exemplary, it is intended to for explaining the application, and should not be understood as the limitation to the application.

Below with reference to the accompanying drawings figure layer composition method, device, electronic equipment and storage in the page of the embodiment of the present application are described Medium.

The embodiment of the present application, for the composition information for calculating each figure layer in the page by developer in the related technology, no Only waste of manpower, and spend the time longer, the problem for causing the typesetting efficiency of the page low proposes figure layer typesetting in a kind of page Method.

Figure layer composition method in the page provided by the embodiments of the present application, by obtaining figure layer addition request first, addition is asked Ask include figure layer to be added attribute information, then according to the attribute information of figure layer to be added and added the attribute of each figure layer Information determines figure layer to be added and has added the restriction relation between each figure layer, further according to figure layer to be added and has added each figure layer Between restriction relation and added the composition information of each figure layer, determine composition information of the figure layer to be added in the page.The application In, by according to figure layer to be added and the attribute information for having added each figure layer, automatically determining figure layer to be added and having added each figure The restriction relation of interlayer according to determining restriction relation and has added the composition information of each figure layer later, has determined figure to be added Composition information of the layer in the page, to realize the attribute information according to figure layer to be added and add the attribute letter of each figure layer Breath, automatically determines composition information of the figure layer to be added in the page, improves the typesetting efficiency of the page.

Fig. 1 is the flow diagram of figure layer composition method in a kind of page provided by the embodiments of the present application.

Figure layer composition method in the page provided by the embodiments of the present application, can be by figure layer typesetting in the page provided by the present application Device executes, and figure layer composing device is configured in electronic equipment in the page, automatically determines figure layer to be added to realize and has added Add the restriction relation between each figure layer, and then determines the composition information of figure layer to be added according to restriction relation.

In the present embodiment, electronic equipment can be mobile phone, palm PC, Wearable etc..

As shown in Figure 1, figure layer composition method includes in the page：

Step 101, figure layer addition request is obtained, addition request includes the attribute information of figure layer to be added.

In the present embodiment, the figure layer in the page is appreciated that the element in the page, for example, head portrait shown in Fig. 2, close , date, concern etc. be referred to as figure layer in the page.The attribute information of figure layer to be added includes the type-setting mode of figure layer to be added, such as Display from left to right, from top to bottom display etc..

In practice, electronic equipment can monitor the trigger action of user, add when listening to user in the page When adding the trigger action of figure layer typesetting, figure layer addition request is produced.Specifically, user is defeated in the page that electronic equipment provides Enter figure layer to be added and attribute information, for example addition figure layer " date ", attribute are from top to bottom to show, electronic equipment according to The operation of user generates figure layer request to be added, and addition request includes the attribute information of figure layer to be added, is thus schemed in the page Layer composing device can get figure layer request to be added.

Step 102, according to the attribute information of figure layer to be added and the attribute information of each figure layer has been added, has determined figure to be added Layer and the restriction relation between each figure layer is added.

In the present embodiment, the restriction relation between figure layer may include relationship and set membership at the same level.Wherein, restriction relation is Figure layer type-setting mode having the same between the figure layer of relationship at the same level.

In the present embodiment, the attribute information that figure layer to be added is extracted in request can be added from figure layer, basis waits adding later Add the attribute information of figure layer and added the attribute information of each layer, the constraint for determining figure layer to be added and having added between each figure layer is closed System.

As a kind of possible realization method, the type-setting mode of figure layer to be added is extracted from figure layer addition request, and from It has added and has searched and addition time at intervals shortest third figure layer identical as figure layer type-setting mode to be added in each figure layer, will expire Having added before figure layer is determined as the peer of figure layer to be added for sufficient aforementioned condition has added to constraint figure layer, i.e., figure layer to be added with this It is relationship at the same level to add the relationship between figure layer.

For example, it if the attribute information of figure layer to be added is from top to bottom to show, searches and has added in each figure layer Add the time the latest, and type-setting mode be the figure layer from top to bottom shown, it may be determined that figure layer to be added with add the time the latest, And it is relationship at the same level that type-setting mode, which is the restriction relation added between figure layer from top to bottom shown,.

In practice, restriction relation, which is the figure layer of relationship at the same level, to be used as restriction relation by doubly linked list data structure Carry out tissue.Fig. 3 is a kind of schematic diagram of figure layer with relationship at the same level provided by the embodiments of the present application.As shown in figure 3, in the page Be respectively figure layer A, figure layer B, figure layer C, and type-setting mode it is to show from left to right there are three figure layer, wherein figure layer A is figure layer To constraint figure layer before the peer of B, figure layer B is that the peer of figure layer C is preceding to constraint figure layer, and figure layer B is the backward constraint of peer of figure layer A Figure layer, figure layer C are the backward constraint figure layers of peer of figure layer B.

Fig. 4 is the schematic diagram of another figure layer with relationship at the same level provided by the embodiments of the present application.In Fig. 4, figure layer A, Figure layer B, figure layer C type-setting mode be from top to bottom to show, wherein figure layer A be figure layer B peer before to constraint figure layer, figure Layer B is that the peer of figure layer C is preceding to constraint figure layer, and figure layer B is the backward constraint figure layer of peer of figure layer A, and figure layer C is the same of figure layer B The backward constraint figure layer of grade.

In practical applications, user may specify the parent figure layer of figure layer to be added, such as figure to be added when adding figure layer Layer is " weather ", and it is " date " to specify parent figure layer, can be wrapped in the figure layer addition request that electronic equipment is generated according to user's operation Include the father's figure layer mark for having added figure layer.In the present embodiment, each figure layer has unique mark.

Based on this, as determination figure layer to be added and the realization of the restriction relation another possibility between each figure layer has been added Mode, can add extraction father's figure layer mark in request from figure layer, and father's figure layer, which is identified corresponding father's figure layer, is determined as figure to be added The parent figure layer of layer, each subgraph layer that father's figure layer includes are that the peer of figure layer to be added is preceding to constraint figure layer.

In the present embodiment, according to the attribute information of figure layer to be added and the attribute information of each figure layer can have been added, it is automatic really Determine figure layer to be added and added the restriction relation between each figure layer, compared to the constraint being determined by calculation in the related technology between figure layer Relationship greatly reduces the time of restriction relation between determining figure layer.

Step 103, it according to figure layer to be added and has added the restriction relation between each figure layer and has added the typesetting of each figure layer Information determines composition information of the figure layer to be added in the page.

Wherein, composition information may include the height etc. of location information of the figure layer in the page, the width of figure layer, figure layer.Its In, location information may include abscissa and ordinate of the figure layer in the page.For example, available (x, y, width, height) is indicated The composition information of figure layer, wherein x, y indicate that abscissa and ordinate of the figure layer in the page, width indicate the width of figure layer respectively Degree, height indicate the height of figure layer.

Can be that the typesetting of the first figure layer of relationship at the same level is believed according to the restriction relation between figure layer to be added in the present embodiment Breath, determines the composition information of figure layer to be added.

For example, figure layer E is figure layer to be added, and figure layer E and the restriction relation added between figure layer D are at the same level close System, it is assumed that the type-setting mode of figure layer D is from left to right, then figure layer E is in the right side of figure layer D, the width and height and figure of figure layer E The width of layer D is identical with height.

Further include the father's figure added if in the attribute information of figure layer to be added as alternatively possible realization method Layer identification determines between figure layer to be added then the composition information for the subgraph layer that can also include according to figure layer father figure layer to be added Composition information.

After the composition information for determining figure layer to be added, further, typesetting that can be according to figure layer to be added in the page Information, composition information of the second figure layer of update in the page automatically update father so that when increasing new subgraph layer in father's figure layer Composition information of the figure layer in the page improves the efficiency of update typesetting.

Fig. 5 is a kind of process schematic of addition figure layer provided by the embodiments of the present application.In Fig. 5, figure layer A and figure layer B are Figure layer is added, figure layer C is figure layer to be added, and the type-setting mode of figure layer B and figure layer C are to show from left to right, to i.e. Can determine between figure layer C and figure layer B it is relationship at the same level.In turn, you can the typesetting of figure layer C is determined according to the composition information of figure layer B Information.Later, it can also check whether father's figure layer there are figure layer C.After the father's figure layer for checking figure layer C is figure layer A, may be used also To update the composition information of figure layer A according to the composition information of figure layer C.

In practical applications, when the page shows figure layer to be added, you can according to typesetting of the figure layer to be added in the page Presentation of information figure layer to be added, and add business datum in figure layer to be added.In a kind of possible way of realization of the application, If the height and width of figure layer to be added can not accommodate corresponding business datum, for example, the size of the head portrait of user is big in Fig. 2 In the size of head portrait figure layer, in order to enable figure layer to accommodate business datum, the sequencing information of figure layer to be added can be updated. Specifically, as shown in fig. 6, figure layer composition method further includes in the page after above-mentioned steps 103：

Step 104, business datum to be added in figure layer to be added is obtained.

In the present embodiment, there is correspondence between figure layer mark and business datum.In the typesetting for determining figure layer to be added After information, the correspondence between business datum can be identified according to the mark and figure layer of figure layer to be added, obtains figure to be added Business datum to be added in layer.

Step 105, when determining that business datum to be added is overflowed in figure layer to be added, by the typesetting of figure layer to be added Information is updated.

After obtaining business datum to be added, business datum to be added is added in figure layer to be added, when waiting adding When the business datum added is overflowed in figure layer to be added, illustrate the current undersize of figure layer to be added to accommodate business datum, So the composition information of figure layer to be added is updated.In update, can be updated to be added according to business datum to be added The composition information of figure layer.

For example, if head portrait figure layer is figure layer to be added in Fig. 2, user's head portrait of acquisition is added to head portrait figure layer When, head portrait figure layer is overflowed, then the width and height of head portrait figure layer can be determined according to the size of user's head portrait picture, to more The composition information of new head portrait figure layer.

In the related technology, when business datum to be added overflows figure layer to be added, it will usually scheme to the whole in the page All typesetting is primary again for layer, can increase the typesetting time in this way, reduces typesetting and updates efficiency.

In the present embodiment, when business datum to be added overflows figure layer to be added, the row of figure layer to be added is automatically updated Version information does not have to, to All Layers all typesettings again, realize according to business datum real-time update composition information, improve update Typesetting efficiency.

In actual use, due to having restriction relation between figure layer to be added and each figure layer added, when to be added The composition information of figure layer changes, if position changes, either height change either width change or Position, height and height change, and may influence the composition information of the backward constraint figure layer of peer of figure layer to be added, The either composition information of parent figure layer.Therefore, in the present embodiment, the figure layer typesetting side in the page after above-mentioned steps 105 Method may also include：

Step 106, according to the updated composition information of figure layer to be added, the backward constraints graph of peer of figure layer to be added is updated The composition information of the composition information of layer or the parent figure layer of update figure layer to be added.

In the present embodiment, the peer that according to the updated composition information of figure layer to be added, can update figure layer to be added is backward Constrain the composition information of figure layer.If the backward constraint figure layer of the peer of figure layer to be added also has backward constraint figure layer at the same level, Can composition information be updated to each backward constraint figure layer at the same level successively.

Fig. 7 is the schematic diagram of figure layer in another page provided by the embodiments of the present application.Figure layer in the page is shown in Fig. 7 Between restriction relation be restriction relation at the same level, and type-setting mode is from left to right.Assuming that figure layer B is figure layer to be added, when When the business datum to be added of figure layer B overflows figure layer B, the composition information of update figure layer B.In the composition information for having updated figure layer B Afterwards, the composition information of the backward constraint figure layer C of the peer of update figure layer B.After the composition information for having updated figure layer C, figure layer C is updated The backward constraint figure layer F of peer composition information.After the composition information for having updated figure layer F, the peer of update figure layer F is backward about The composition information of beam figure layer G.

In practical applications, figure layer to be added may have parent figure layer, be carried out by the composition information of figure layer to be added After update, the composition information of the parent figure layer of figure layer to be added can be updated according to the updated composition information of figure layer to be added.

Alternatively, the composition information of map data mining platform to be added is determined according to the first figure layer that restriction relation is relationship at the same level , and figure layer to be added also there is parent figure layer can be treated then after being updated the composition information of figure layer to be added The composition information of the composition information of the backward constraint figure layer of peer of addition figure layer and the parent figure layer of figure layer to be added all carries out more Newly.

In the present embodiment, according to the updated composition information of figure layer to be added, update backward constraints graph at the same level is automatically updated The composition information of the composition information of layer, and/or the parent figure layer of update figure layer to be added, improves typesetting efficiency.Also, it is only right The composition information of the related figure layer of the backward constraint figure layer, and/or parent figure layer etc. of peer of figure layer to be added is updated, rather than The composition information of All Layers is all updated, to not only ensure that typesetting quality, but also workload is greatly reduced, carries High update efficiency.

On the basis of the above embodiments, for the ease of being managed to figure layer, the efficiency of management to figure layer and row are improved Version efficiency.In the present embodiment, the page can be divided into multiple regions, each region corresponds to a container, and each container includes extremely Few two figure layers.The figure layer in it is managed by container as a result, the efficiency of management to figure layer can be improved.

Fig. 8 is a kind of schematic diagram of the container of the page provided by the embodiments of the present application.As shown in figure 8, sharing 7 in the page Figure layer, 3 containers.Wherein, container 1 includes figure layer 1 and figure layer 2, and container 2 includes figure layer 3, figure layer 4 and figure layer 5, container 3 Include figure layer 6 and figure layer 7.It should be noted that Fig. 8 is only an example, and in actual use, the container that the page includes Number, and the figure layer number of each Container Management can be configured as needed, and the present embodiment is not construed as limiting this.

Figure layer composition method in the page to the embodiment of the present application is carried out with reference to embodiment shown in Fig. 9 to carry out in detail Explanation.

Fig. 9 is the flow diagram of figure layer composition method in another page provided by the embodiments of the present application.Such as Fig. 9 institutes Show, figure layer composition method includes in the page：

Step 201, figure layer addition request is obtained, addition request includes the attribute information of figure layer to be added.

Step 202, according to the attribute information of figure layer to be added and the attribute information of each figure layer has been added, has determined figure to be added Layer and the restriction relation between each figure layer is added.

Step 203, it according to figure layer to be added and has added the restriction relation between each figure layer and has added the typesetting of each figure layer Information determines composition information of the figure layer to be added in the page.

In the present embodiment, the content class of step 201- steps 203 and step 101- steps 103 record in above-described embodiment Seemingly, therefore details are not described herein.

Step 204, the composition information according to figure layer to be added in the page determines the first container belonging to figure layer to be added Mark.

In the present embodiment, each container has unique mark in the page, and each container includes different location in the page Figure layer in region.In actual use, the relationship between container can also use double linked list structure organization, as shown in figure 8, container 2 be the rear class container of container 1, and container 3 is the rear class container of container 2, and container 1 is the prime container of container 2, and container 2 is container 3 Prime container.

In the present embodiment, the mark of container and the correspondence in region in the page can be pre-established.Determining figure to be added After composition information of the layer in the page, composition information that can be according to figure layer to be added in the page, such as location information, height and width Degree etc., and each corresponding region of container, it may be determined that the mark of the first container belonging to figure layer to be added.Basis as a result, The mark of the first container, it may be determined that the first container belonging to figure layer to be added.

Step 205, business datum to be added in figure layer to be added is obtained.

Step 206, business datum to be added in figure layer to be added is sent to the first container.

After obtaining business datum to be added, business datum can be sent to the first container, so that the first container is by industry Business data are added in figure layer to be added.

It should be noted that the container of the page is similar to a manager, it is not true figure layer.Also, the establishment of container, Maintenance, destruction can be automatically completed completely by figure layer composing device in the page, do not needed developer's intervention, reduced exploit person The workload of member.

In practical applications, due to region different in each container corresponding page, each container includes in corresponding region Figure layer.When the business datum of figure layer to be added overflow figure layer to be added and after update composition information, if figure layer to be added is Tail portion figure layer in the first container, the updated composition information of figure layer to be added may overflow the first container, that is to say, that more Figure layer to be added after new composition information may exceed the corresponding region of the first container.Wherein, tail portion figure layer refers in container Figure layer in relationship tail portion at the same level.For example, in Fig. 3, it is assumed that figure layer A, figure layer B and figure layer C belong to same container, then figure layer C is the tail portion figure layer of said container.

In order to avoid due to update composition information after figure layer to be added exceed the corresponding region of the first container, and influence pair The management of figure layer to be added.In the present embodiment, if figure layer to be added is the tail portion figure layer in the first container, and figure layer to be added is more Composition information after new overflows the first container, then after the update of the composition information of figure layer to be added, the first container is according to each container Between restriction relation, the updated composition information of figure layer to be added is sent to second container, wherein second container be first hold The adjacent rear class container of device.

Specifically, the first container according to the restriction relation between each container, can find it is adjacent with the first container after Grade container, i.e. second container.Later, the updated composition information of figure layer to be added is issued second container by the first container, by The composition information for each figure layer that two containers include according to composition information, update second container, so that figure layer to be added is updated Composition information is in the first container.

For example, if figure layer a is figure layer to be added, and it is the tail portion figure layer of the first container, updated typesetting letter Breath has overflowed the first container.It is assumed that the height of figure layer a is higher than the height in the corresponding region of the first container after update composition information, So the first container determines the adjacent rear class container of the first container, i.e. second container according to the restriction relation between each container.The The updated composition informations of figure layer a are sent to second container by one container.Second container is according to the height in figure layer a composition informations Degree adjusts the height of each figure layer in second container, so that the height in the corresponding region of second container reduces, the first container is corresponding The height in region increases, to make figure layer a in the first container.

Alternatively, second container is after the updated composition information for the transmission for getting the first container, you can according to first The updated composition information of container updates the location information of second container, such as the abscissa of update second container, or vertical seat Mark etc..

In the present embodiment, the tail portion figure layer in figure layer to be added is the first container, and the updated row of figure layer to be added Version information spillover the first container when, by by the updated composition information of figure layer to be added be sent to the first container it is adjacent after Grade container, so that the composition information of figure layer to be added is in the first container, without handling each figure layer, Realize the efficiency of management and typesetting efficiency improved by Container Management figure layer to figure layer.

In practical applications, it may need that one or more of page figure layer is deleted or hidden because of business, or Person adds new figure layer.Figure layer composing device, which can also obtain, in the present embodiment, in the page deletes layer, hides Layers, being inserted into The update request of the figure layers such as figure layer, and the restriction relation between update figure layer is asked according to update, it is carried out with reference to Figure 10 detailed Explanation.Figure 10 is the flow diagram of figure layer composition method in another page provided by the embodiments of the present application.

As shown in Figure 10, on the basis of shown in Fig. 1, figure layer composition method may be used also in the page after above-mentioned steps 103 Including：

Step 301, figure layer update request is obtained, update request includes the mark of the 4th figure layer.

In the present embodiment, in the page that electronic equipment provides, user can carry out deleting layer from the page or be hidden Figure layer or be to be inserted into new figure layer in the adjacent position of figure layer or require the operation of show layers is hidden, electronic equipment can basis User's operation generates update request, wherein update request includes the mark of the 4th figure layer.Figure layer typesetting fills in the page as a result, Update request can be obtained by setting.Wherein, the 4th figure layer can be an arbitrary figure layer in the page.

Wherein, update request, be used to indicate in by the 4th figure layer from the page delete or by the 4th figure layer from the page It hides or is inserted into new figure layer in the adjacent position of the 4th figure layer or includes in the page by the 4th figure layer.

For the ease of distinguishing update request, update request may also include the corresponding mark of operation.For example, if deleting figure Layer then updates and may include in request for characterizing the mark that the operation is delete operation.

Step 302, response update request, and ask corresponding action type and the 4th figure layer corresponding about according to update Beam relationship updates the restriction relation of the 4th figure layer or updates each 5th figure layer of the Constrained relationship between the 4th figure layer in the page Restriction relation.

In the present embodiment, action type may include deleting, hiding, be inserted into, show etc..

Specifically, figure layer composing device in the page, the mark of the 4th figure layer of extraction and operation pair in being asked from update The mark answered can determine that corresponding action type is asked in update according to corresponding mark is operated.Later, according to update request pair The action type and the corresponding restriction relation of the 4th figure layer answered, update the 4th figure layer restriction relation or the update page in the The restriction relation of each 5th figure layer of Constrained relationship between four figure layers.

Wherein, the restriction relation of the 4th figure layer refers to the restriction relation between the 4th figure layer and other figure layers.With shown in Fig. 3 For figure layer, the restriction relation of figure layer 3 can be：Figure layer 2 be its peer before to constraint figure layer；Correspondingly, the constraint of figure layer 2 is closed It is to be：Figure layer 1 constrains figure layer for, to constraint figure layer, figure layer 3 is that its peer is backward before its peer.

For example, by taking figure layer shown in Fig. 3 as an example, if update request is to be inserted into new figure layer 4 before figure layer 3, then scheming The restriction relation of layer 3 is updated to " figure layer 4 constrain for its forward direction figure layer " that is, from " figure layer 2 is before its peer to constraint figure layer ", And it is updated to that is, by " figure layer 3 is its backward constraint figure layer at the same level " with the restriction relation of the figure layer 2 of 3 Constrained relationship of figure layer " figure layer 4 is its backward constraint figure layer at the same level ".

For another example, by taking figure layer shown in Fig. 3 as an example, if update request is to delete figure layer 3 from the page, then needing pair It is updated with the restriction relation of the figure layer 2 of 3 Constrained relationship of figure layer.It is deleting layer before 3, the restriction relation packet of figure layer 2 It includes " figure layer 1 constrains figure layer for, to constraint figure layer, figure layer 3 is that its peer is backward before its peer ".If deleting layer 3, figure layer 2 Restriction relation be updated to " figure layer 1 be its peer before to constraint figure layer ".

In the present embodiment, after getting figure layer update request, the restriction relation, and/or more of the 4th figure layer is automatically updated In new page between the 4th figure layer each 5th figure layer of Constrained relationship restriction relation, it is not necessary to All Layers are arranged again Version, to improve update typesetting efficiency.

For the ease of being managed to figure layer update, the update of figure layer can be managed by container, to improve figure layer Efficiency is updated, is described in detail with reference to Figure 11.

Figure 11 is the flow diagram of figure layer composition method in another page provided by the embodiments of the present application.

As shown in figure 11, on the basis of embodiment shown in Fig. 1, figure layer typesetting side in the page after above-mentioned steps 103 Method may also include：

Step 401, the composition information according to figure layer to be added in the page determines the first container belonging to figure layer to be added Mark, wherein any container of the page includes at least two figure layers.

In the present embodiment, step 401 is similar with the content that above-mentioned steps 204 are recorded, therefore details are not described herein.

Step 402, figure layer update request is obtained.

In the present embodiment, the process that step 402 obtains figure layer update request with above-mentioned steps 301 is similar, therefore goes to live in the household of one's in-laws on getting married again herein It states.

Step 403, figure layer is updated and is asked, be sent to the third container belonging to the 4th figure layer, so that third container responds Update request.

After obtaining figure layer update request, it is sent to the third container belonging to the 4th figure layer, is responded and is updated by third container Request, to update the restriction relation of the 4th figure layer, and/or update each 5th figure of the Constrained relationship between the 4th figure layer in the page The restriction relation of layer, specific method can be found in the related content described in above-described embodiment.

In the present embodiment, by the way that figure layer update request is sent to the third container belonging to the 4th figure layer, by third container Response update request, and automatically updates restriction relation, compared to updating figure layer again by specific business datum in the related technology Between restriction relation, significantly reduce the workload of page composition.

The embodiment of the present application also provides figure layer composing device in a kind of page.Figure 12 is one kind provided by the embodiments of the present application The structural schematic diagram of figure layer composing device in the page.

As shown in figure 12, figure layer composing device includes in the page：First acquisition module 510, the first determining module 520, Second determining module 530.

First acquisition module 510 includes the attribute letter of figure layer to be added for obtaining figure layer addition request, addition request Breath, wherein attribute information includes the type-setting mode of the figure layer to be added.

First determining module 520 is used for the attribute information according to figure layer to be added and has added the attribute information of each figure layer, It determines figure layer to be added and has added the restriction relation between each figure layer.

Second determining module 530 is used for according to figure layer to be added and has added the restriction relation between each figure layer and added The composition information of each figure layer determines composition information of the figure layer to be added in the page.

In a kind of possible realization method of the embodiment of the present application, the second determining module 530 is additionally operable to

According to the composition information for the first figure layer that the restriction relation between figure layer to be added is relationship at the same level, determine to be added The composition information of figure layer.

In a kind of possible realization method of the embodiment of the present application, the pact between the second figure layer and figure layer to be added added Beam relationship is set membership；As shown in figure 13, which may also include：

First update module 540, after determining composition information of the figure layer to be added in the page, according to figure to be added Composition information of the layer in the page, composition information of the second figure layer of update in the page.

In a kind of possible realization method of the embodiment of the present application, the first determining module 520 is additionally operable to：

It determines and addition time at intervals shortest third figure layer identical as the type-setting mode of figure layer to be added, is to be added To constraint figure layer before the peer of figure layer.

In a kind of possible realization method of the embodiment of the present application, attribute information further includes the father's figure layer mark added； First determining module 520 is additionally operable to：

Determine that the parent figure layer that father's figure layer is figure layer to be added and each subgraph layer for having included in father's figure layer are figure to be added To constraint figure layer before the peer of layer.

In a kind of possible realization method of the embodiment of the present application, which may also include：

Second acquisition module, for after determining composition information of the figure layer to be added in the page, obtaining figure to be added Business datum to be added in layer；

Second update module will be to be added for when determining that business datum to be added is overflowed in figure layer to be added The composition information of figure layer is updated.

Third update module, for after being updated the composition information of figure layer to be added, according to figure layer to be added Updated composition information updates the composition information, and/or update figure to be added of the backward constraint figure layer of peer of figure layer to be added The composition information of the parent figure layer of layer.

Third determining module, for after determining composition information of the figure layer to be added in the page, according to waiting adding Add composition information of the figure layer in the page, determine the mark of the first container belonging to figure layer to be added, wherein any appearance of the page Device includes at least two figure layers；

First sending module, after business datum to be added in acquisition figure layer to be added, by figure layer to be added In business datum to be added be sent to the first container.

In a kind of possible realization method of the embodiment of the present application, figure layer to be added is the tail portion figure in the first container Layer, and the updated composition information of figure layer to be added overflows the first container；The device may also include：

Second sending module, after the composition information of figure layer to be added is updated, the first container, according to each container Between restriction relation, the updated composition information of figure layer to be added is sent to second container, wherein second container be first hold The adjacent rear class container of device.

Third acquisition module, for obtaining figure layer update request, update request includes the mark of the 4th figure layer, and update is asked Ask, be used to indicate in by the 4th figure layer from the page delete or by the 4th figure layer from the page hide or in the 4th figure layer Adjacent position be inserted into new figure layer or include in the page by the 4th figure layer；

Respond module asks corresponding action type and the 4th figure layer to correspond to for responding update request, and according to update Restriction relation, update the 4th figure layer restriction relation, and/or the update page between the 4th figure layer Constrained relationship each the The restriction relation of five figure layers.

Third determining module, for after determining composition information of the figure layer to be added in the page, according to figure to be added Composition information of the layer in the page, determines the mark of the first container belonging to figure layer to be added, wherein in any container of the page Including at least two figure layers；

Third sending module, for after obtaining figure layer update request, figure layer being updated and is asked, the 4th figure layer is sent to Affiliated third container, so that the response update request of third container.

It should be noted that the aforementioned explanation to figure layer composition method embodiment in the page, is also applied for the implementation Figure layer composing device in the page of example, therefore details are not described herein.

Figure layer composing device in the page of the embodiment of the present application, by obtaining figure layer addition request, addition request includes The attribute information of figure layer to be added according to the attribute information of figure layer to be added and has added the attribute information of each figure layer, and determination waits for Addition figure layer and added the restriction relation between each figure layer, according to figure layer to be added and added restriction relation between each figure layer, And the composition information for having added each figure layer, determine composition information of the figure layer to be added in the page.In the application, pass through root According to figure layer to be added and the attribute information for having added each figure layer, automatically determines figure layer to be added and added the constraint between each figure layer Relationship according to determining restriction relation and has added the composition information of each figure layer later, has determined figure layer to be added in the page Composition information, to realize the attribute information according to figure layer to be added and add the attribute information of each figure layer, it is automatic really Fixed composition information of the figure layer to be added in the page, improves the typesetting efficiency of the page.

The embodiment of the present application also provides a kind of electronic equipment, including processor and memory；Wherein, processor passes through reading The executable program code stored in memory runs program corresponding with executable program code, for realizing as above-mentioned Figure layer composition method in the page described in embodiment.

Figure 14 shows the block diagram of the example electronic device suitable for being used for realizing the application embodiment.What Figure 14 was shown Electronic equipment 12 is only an example, should not bring any restrictions to the function and use scope of the embodiment of the present application.

As shown in figure 14, electronic equipment 12 is showed in the form of universal computing device.The component of electronic equipment 12 can wrap It includes but is not limited to：One or more processor or processing unit 16, system storage 28, connection different system component (packet Include system storage 28 and processing unit 16) bus 18.

Bus 18 indicates one or more in a few class bus structures, including memory bus or Memory Controller, Peripheral bus, graphics acceleration port, processor or the local bus using the arbitrary bus structures in a variety of bus structures.It lifts For example, these architectures include but not limited to industry standard architecture (Industry Standard Architecture；Hereinafter referred to as：ISA) bus, microchannel architecture (Micro Channel Architecture；Below Referred to as：MAC) bus, enhanced isa bus, Video Electronics Standards Association (Video Electronics Standards Association；Hereinafter referred to as：VESA) local bus and peripheral component interconnection (Peripheral Component Interconnection；Hereinafter referred to as：PCI) bus.

Electronic equipment 12 typically comprises a variety of computer system readable media.These media can be it is any can be electric The usable medium that sub- equipment 12 accesses, including volatile and non-volatile media, moveable and immovable medium.

Memory 28 may include the computer system readable media of form of volatile memory, such as random access memory Device (Random Access Memory；Hereinafter referred to as：RAM) 30 and/or cache memory 32.Electronic equipment 12 can be into One step includes other removable/nonremovable, volatile/non-volatile computer system storage mediums.Only as an example, it deposits Storage system 34 can be used for reading and writing immovable, non-volatile magnetic media, and (Figure 14 do not show, commonly referred to as " hard drive Device ").Although being not shown in Figure 14, can provide for the disk to moving non-volatile magnetic disk (such as " floppy disk ") read-write Driver, and to removable anonvolatile optical disk (such as：Compact disc read-only memory (Compact Disc Read Only Memory；Hereinafter referred to as：CD-ROM), digital multi CD-ROM (Digital Video Disc Read Only Memory；Hereinafter referred to as：DVD-ROM) or other optical mediums) read-write CD drive.In these cases, each driving Device can be connected by one or more data media interfaces with bus 18.Memory 28 may include at least one program production Product, the program product have one group of (for example, at least one) program module, and it is each that these program modules are configured to perform the application The function of embodiment.

Program/utility 40 with one group of (at least one) program module 42 can be stored in such as memory 28 In, such program module 42 include but not limited to operating system, one or more application program, other program modules and Program data may include the realization of network environment in each or certain combination in these examples.Program module 42 is usual Execute the function and/or method in embodiments described herein.

Electronic equipment 12 can also be with one or more external equipments 15 (such as keyboard, sensing equipment, display 24 etc.) Communication, can also be enabled a user to one or more equipment interact with the electronic equipment 12 communicate, and/or with make the electricity Any equipment (such as network interface card, modem etc.) that sub- equipment 12 can be communicated with one or more of the other computing device Communication.This communication can be carried out by input/output (I/O) interface 22.Also, electronic equipment 12 can also be suitable by network Orchestration 20 and one or more network (such as LAN (Local Area Network；Hereinafter referred to as：LAN), wide area network (Wide Area Network；Hereinafter referred to as：WAN) and/or public network, for example, internet) communication.As shown, network is suitable Orchestration 20 is communicated by bus 18 with other modules of electronic equipment 12.It should be understood that although not shown in the drawings, can be in conjunction with electricity Sub- equipment 12 uses other hardware and/or software module, including but not limited to：Microcode, device driver, redundancy processing are single Member, external disk drive array, RAID system, tape drive and data backup storage system etc..

Processing unit 16 is stored in program in system storage 28 by operation, to perform various functions application and Data processing, such as realize the method referred in previous embodiment.

The embodiment of the present application proposes a kind of non-transitorycomputer readable storage medium, is stored thereon with computer journey Sequence realizes figure layer composition method in the page as described in above-described embodiment when the program is executed by processor.

In the description of this specification, reference term " one embodiment ", " some embodiments ", " example ", " specifically show The description of example " or " some examples " etc. means specific features, structure, material or spy described in conjunction with this embodiment or example Point is contained at least one embodiment or example of the application.In the present specification, schematic expression of the above terms are not It must be directed to identical embodiment or example.Moreover, particular features, structures, materials, or characteristics described can be in office It can be combined in any suitable manner in one or more embodiments or example.In addition, without conflicting with each other, the skill of this field Art personnel can tie the feature of different embodiments or examples described in this specification and different embodiments or examples It closes and combines.

In addition, term " first ", " second " are used for description purposes only, it is not understood to indicate or imply relative importance Or implicitly indicate the quantity of indicated technical characteristic.Define " first " as a result, the feature of " second " can be expressed or Implicitly include at least one this feature.In the description of the present application, the meaning of " plurality " is at least two, such as two, three It is a etc., unless otherwise specifically defined.

Any process described otherwise above or method description are construed as in flow chart or herein, and expression includes It is one or more for realizing custom logic function or process the step of executable instruction code module, segment or portion Point, and the range of the preferred embodiment of the application includes other realization, wherein can not press shown or discuss suitable Sequence, include according to involved function by it is basic simultaneously in the way of or in the opposite order, to execute function, this should be by the application Embodiment person of ordinary skill in the field understood.

Expression or logic and/or step described otherwise above herein in flow charts, for example, being considered use In the order list for the executable instruction for realizing logic function, may be embodied in any computer-readable medium, for Instruction execution system, device or equipment (system of such as computer based system including processor or other can be held from instruction The instruction fetch of row system, device or equipment and the system executed instruction) it uses, or combine these instruction execution systems, device or set It is standby and use.For the purpose of this specification, " computer-readable medium " can any can be included, store, communicating, propagating or passing Defeated program is for instruction execution system, device or equipment or the dress used in conjunction with these instruction execution systems, device or equipment It sets.The more specific example (non-exhaustive list) of computer-readable medium includes following：Electricity with one or more wiring Interconnecting piece (electronic device), portable computer diskette box (magnetic device), random access memory (RAM), read-only memory (ROM), erasable edit read-only storage (EPROM or flash memory), fiber device and portable optic disk is read-only deposits Reservoir (CDROM).In addition, computer-readable medium can even is that the paper that can print described program on it or other are suitable Medium, because can be for example by carrying out optical scanner to paper or other media, then into edlin, interpretation or when necessary with it His suitable method is handled electronically to obtain described program, is then stored in computer storage.

It should be appreciated that each section of the application can be realized with hardware, software, firmware or combination thereof.Above-mentioned In embodiment, software that multiple steps or method can in memory and by suitable instruction execution system be executed with storage Or firmware is realized.Such as, if realized in another embodiment with hardware, following skill well known in the art can be used Any one of art or their combination are realized：With for data-signal realize logic function logic gates from Logic circuit is dissipated, the application-specific integrated circuit with suitable combinational logic gate circuit, programmable gate array (PGA), scene can compile Journey gate array (FPGA) etc..

Those skilled in the art are appreciated that realize all or part of step that above-described embodiment method carries Suddenly it is that relevant hardware can be instructed to complete by program, the program can be stored in a kind of computer-readable storage medium In matter, which includes the steps that one or a combination set of embodiment of the method when being executed.

In addition, each functional unit in each embodiment of the application can be integrated in a processing module, it can also That each unit physically exists alone, can also two or more units be integrated in a module.Above-mentioned integrated mould The form that hardware had both may be used in block is realized, can also be realized in the form of software function module.The integrated module is such as Fruit is realized in the form of software function module and when sold or used as an independent product, can also be stored in a computer In read/write memory medium.

Storage medium mentioned above can be read-only memory, disk or CD etc..Although having been shown and retouching above Embodiments herein is stated, it is to be understood that above-described embodiment is exemplary, and should not be understood as the limit to the application System, those skilled in the art can be changed above-described embodiment, change, replace and become within the scope of application Type.

Claims

1. figure layer composition method in a kind of page, which is characterized in that including：

Figure layer addition request is obtained, the addition request includes the attribute information of figure layer to be added, wherein the attribute information Include the type-setting mode of the figure layer to be added；

According to the attribute information of the figure layer to be added and added the attribute information of each figure layer, determine the figure layer to be added with The restriction relation added between each figure layer；

According to the figure layer to be added and the restriction relation added between each figure layer and the typesetting for having added each figure layer Information determines composition information of the figure layer to be added in the page.

2. the method as described in claim 1, which is characterized in that row of the determination figure layer to be added in the page Version information, including：

According to the composition information for the first figure layer that the restriction relation between the figure layer to be added is relationship at the same level, waited for described in determination Add the composition information of figure layer.

3. the method as described in claim 1, which is characterized in that the pact between the second figure layer and the figure layer to be added added Beam relationship is set membership；

After composition information of the determination figure layer to be added in the page, further include：

According to composition information of the figure layer to be added in the page, row of second figure layer in the page is updated Version information.

4. the method as described in claim 1, which is characterized in that the attribute information according to the figure layer to be added and added The attribute information for adding each figure layer determines the figure layer to be added and the restriction relation added between each figure layer, including：

It determines and addition time at intervals shortest third figure layer identical as the type-setting mode of figure layer to be added, is waited for be described The peer for adding figure layer is preceding to constraint figure layer.

5. method as claimed in claim 4, which is characterized in that the attribute information further includes the father's figure layer mark added；

The attribute information according to the figure layer to be added and the attribute information for having added each figure layer, determine the figure to be added Layer and the restriction relation added between each figure layer, including：

Determine that the parent figure layer that father's figure layer is the figure layer to be added and each subgraph layer for having included in father's figure layer are To constraint figure layer before the peer of the figure layer to be added.

6. the method as described in claim 1, which is characterized in that row of the determination figure layer to be added in the page After version information, further include：

Obtain business datum to be added in the figure layer to be added；

When determining that the business datum to be added is overflowed in the figure layer to be added, by the typesetting of the figure layer to be added Information is updated.

7. method as claimed in claim 6, which is characterized in that the composition information by the figure layer to be added is updated Later, further include：

According to the updated composition information of figure layer to be added, the backward constraint figure layer of peer of the figure layer to be added is updated The composition information of the parent figure layer of composition information, and/or the update figure layer to be added.

8. method as claimed in claim 6, which is characterized in that row of the determination figure layer to be added in the page After version information, further include：

According to composition information of the figure layer to be added in the page, the first container belonging to the figure layer to be added is determined Mark, wherein any container of the page includes at least two figure layers；

In the acquisition figure layer to be added after business datum to be added, further include：

Business datum to be added in the figure layer to be added is sent to the first container.

9. method as claimed in claim 8, which is characterized in that the figure layer to be added is the tail portion figure in the first container Layer, and the updated composition information of the figure layer to be added overflows the first container；

After the composition information by the figure layer to be added is updated, further include：

The first container sends the updated composition information of figure layer to be added according to the restriction relation between each container To second container, wherein the second container is the adjacent rear class container of the first container.

10. the method as described in claim 1, which is characterized in that further include：

Obtain figure layer update request, the update request includes the mark of the 4th figure layer, and the update is asked, be used to indicate in By the 4th figure layer deleted from the page or by the 4th figure layer from the page hide or described The adjacent position of 4th figure layer is inserted into new figure layer or includes in the page by the 4th figure layer；

The update request is responded, and asks corresponding action type and the 4th figure layer corresponding about according to the update Beam relationship, update the 4th figure layer restriction relation, and/or the update page between the 4th figure layer Constrained close The restriction relation of each 5th figure layer of system.

11. method as claimed in claim 10, which is characterized in that the determination figure layer to be added is in the page After composition information, further include：

After the acquisition figure layer update request, further include：

The figure layer is updated and is asked, the third container belonging to the 4th figure layer is sent to, so that the third container responds The update request.

12. figure layer composing device in a kind of page, which is characterized in that including：

First acquisition module, for obtaining figure layer addition request, the addition request includes the attribute information of figure layer to be added, Wherein attribute information includes the type-setting mode of the figure layer to be added；

First determining module, for according to the attribute information of the figure layer to be added and having added the attribute information of each figure layer, really The fixed figure layer to be added and the restriction relation added between each figure layer；

Second determining module, for according to the figure layer to be added and the restriction relation added between each figure layer and described The composition information for having added each figure layer determines composition information of the figure layer to be added in the page.

13. a kind of electronic equipment, which is characterized in that including processor and memory；

Wherein, the processor can perform to run with described by reading the executable program code stored in the memory The corresponding program of program code, for realizing figure layer composition method in the page as described in any in claim 1-11.

14. a kind of non-transitorycomputer readable storage medium, is stored thereon with computer program, which is characterized in that the program Figure layer composition method in the page as described in any in claim 1-11 is realized when being executed by processor.