CN110457030A - A kind of mobile adaptation rearrangement method and device of component layout - Google Patents
A kind of mobile adaptation rearrangement method and device of component layout Download PDFInfo
- Publication number
- CN110457030A CN110457030A CN201910947490.9A CN201910947490A CN110457030A CN 110457030 A CN110457030 A CN 110457030A CN 201910947490 A CN201910947490 A CN 201910947490A CN 110457030 A CN110457030 A CN 110457030A
- Authority
- CN
- China
- Prior art keywords
- component
- assembly set
- components
- relationship
- strong correlation
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
- G06F16/986—Document structures and storage, e.g. HTML extensions
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/34—Graphical or visual programming
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Databases & Information Systems (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Data Mining & Analysis (AREA)
- Information Retrieval, Db Structures And Fs Structures Therefor (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The invention discloses the mobile adaptation rearrangement methods and device of a kind of component layout, the website PC including needing to carry out layout, further comprising the steps of: S1, the component list for obtaining the website PC;S2, assembly set and assembly set list are obtained to component progress again grouping according to the cross reference between PC component web;S3, the positional relationship according to assembly set in the website PC are ranked up the assembly set in assembly set list using component sort algorithm;S4, the assembly set sequence determined according to step S3 are reset.The component type for solving website generator is relatively single, and when in face of type component abundant, according to the single reordering rule of website generator, the problem of complicated page layout can not be coped with.
Description
Technical field
The present invention relates to visual editor automatic re-arrangement technical fields, in particular to the multicomponent based on free surface jet can
Depending on changing the automatic re-arrangement of composer to be adapted to the orchestration technology of mobile device.
Background technique
The adaptation layout for realizing mobile site, needs the step of realizing to have: the first step completes the layout of the website PC, PC
Website is device of shifting block type, and plate is relatively fixed.Second step, the adaptation that triggering carries out mobile site after layout are reset.Third
Step, is from top to bottom handled all plates.4th step, same intraplate all elements, whole newline discharges, suddenly
Slightly whether element the factors such as is overlapped.5th step traverses all plates, carries out layout according to same rule.
Mobile adaptation, which is reset, substantially rearranges one of former component layout, to reach good effect, we
It needs to identify the component relation in former layout, and removes reduction component relation as far as possible in rearrangement process.Most of website
The usage scenario of generator compares limitation, the menu bar of webpage, and the general structures such as page plate have been fixed, can not have been changed.And
Some system supports users use any canvas size, and any position carries out component layout, scene more horn of plenty in painting canvas.
The component type of website generator is relatively single, and when component abundant in face of type, it is generated according to website
The single reordering rule of device can not cope with complicated page layout.
Summary of the invention
It is an object of the invention to: a kind of mobile adaptation rearrangement method of component layout is provided, solves website generation
The component type of device is relatively single, and when in face of type component abundant, according to the single reordering rule of website generator,
The problem of complicated page layout can not be coped with.
The technical solution adopted by the invention is as follows:
A kind of mobile adaptation rearrangement method of component layout, the website PC including needing to carry out layout are further comprising the steps of:
S1, the component list for obtaining the website PC;
S2, assembly set and assembly set list are obtained to component progress again grouping according to the relationship between PC component web;
S3, the positional relationship according to assembly set in the website PC, using component sort algorithm to the component in assembly set list
Set is ranked up;
S4, the assembly set sequence determined according to step S3 are reset.
Further, method component being grouped again according to the relationship between PC component web in the step S2
The following steps are included:
S201, all components are traversed according to the component list, cross reference calculating is carried out to any two component, by any two group
Relationship between part is divided into strong correlation relationship and non-strong correlation relationship;
S202, all components in the component list are traversed, finds out the component most with other assemblies strong correlation relationship, it will
This component and an assembly set is formed by other components of strong correlation relationship with this component, assembly set is recorded in group
In part aggregate list, the component in assembly set is removed into the component list;
S203, circulation step S202 until in the component list component count be 0, obtain final assembly set and assembly set column
Table.
Further, the method for carrying out cross reference calculating to any two component in the step S201 includes following step
It is rapid:
S20101, the coordinate and the respective length and width of component for determining two same vertex of component;
S20102, according to the coordinate and the respective length and width of component on two same vertex of component calculate between two components whether
In the presence of intersection and the area of intersection region.
Further, the relationship between any two component is divided into strong correlation relationship and non-strong phase in the step S201
The method of pass relationship the following steps are included:
S20103, judge whether two components intersect, if non-intersecting, two components are non-strong correlation relationship, if intersection, are entered
Step S20104;
S20104, using cross sectional area respectively divided by the area of two components, available two crossing-over rates;
S20105, two crossing-over rates are compared with preset ratio respectively, if at least one crossing-over rate is not less than preset value,
Two components are strong correlation relationship, if two crossing-over rates are respectively less than preset value, two components are non-strong correlation relationship.
Multicomponent crossing-over rate recognizer, be by the case where component alternate covering come one of recognizer component relationship.
And the relationship of inter-module, and also there are many kinds of.Such as: a picture, picture bottom add caption, the two components form a view
Feel element, then this picture component and caption component are it is also believed that be strong correlation relationship between them.
It identifies the component relation of various other types, machine learning techniques can be used, using our existing page datas,
The label such as covering relation, Titles Relation is carried out to data, and is trained as data, an algorithm for pattern recognition is trained
Identify further types of component relation.
Further, all components in the component list are traversed in the step S202, is found out and other assemblies
The method of the most component of strong correlation relationship the following steps are included:
S20201, the relationship between the obtained any two component of S201, each vertex in non-directed graph are indicated using non-directed graph
Indicate a component, any two component then increases a line between corresponding two vertex if it is strong correlation relationship;
S20202, non-directed graph is traversed, is found out in the presence of most polygon vertex, the component of the vertex correspondence is other assemblies
The most component of strong correlation relationship.
Further, the assembly set is the minimum figure that can cover all components in assembly set.
Further, the positional relationship in the step S3 according to assembly set in the website PC, uses component sort algorithm
The method that assembly set in assembly set list is ranked up are as follows: clear with user on PC web station interface according to assembly set
The distance for the vision origin look at is ranked up, the component closer from origin, is sorted more forward, restores the view of former layout as far as possible
Feel sequence.
Further, described to be carried out at a distance from the vision origin of user's browsing on PC web station interface according to assembly set
The method of sequence the following steps are included:
S301, the canvas area of PC web station interface is split into multiple contour horizontal stripe regions, the width in each region is painting canvas
Width;
S302, traversal all components set, the upper side frame of determination component set are located at which horizontal stripe region of step S301, according to
The horizontal stripe region that assembly set is located at is grouped sequence to component, and the assembly set sequence in top horizontal stripe region is all higher than on the lower
The assembly set in horizontal stripe region;
S303, for the assembly set in any horizontal stripe region, which is traversed as origin using vertex on the axis of horizontal stripe region
All components set in region, the distance of determination component set to origin are ranked up according to the sequence apart from size, and distance is got over
Small sequence is more forward.
Further, the method for distance of the determination component set to origin includes in the step S303 are as follows: determination component
The relationship of set and horizontal stripe region axis, if assembly set is fully located at the right of horizontal stripe region axis, computation module upper left
Distance of the angle to origin;If assembly set is across axis or is fully located at the axis left side, the computation module upper right corner to origin
Distance.
A kind of mobile adaptation rearrangement device of component layout, comprising:
Memory, for storing executable instruction;
Processor realizes the mobile adaptation of above-mentioned component layout for executing the executable instruction stored in the memory
Rearrangement method.
In conclusion by adopting the above-described technical solution, the beneficial effects of the present invention are:
1. a kind of mobile adaptation rearrangement method of component layout of the present invention restores complex assemblies set, the component of former component layout
Browsing sequence, so that the mobile adaptation layout effect automatically generated, it is expected more to meet user;
2. a kind of mobile adaptation rearrangement method of component layout of the present invention, solves the component type of website generator relatively
It is single, and when component abundant in face of type, according to the single reordering rule of website generator, the complicated page can not be coped with and compiled
The problem of row.
Detailed description of the invention
It, below will be to specific in order to illustrate more clearly of the specific embodiment of the invention or technical solution in the prior art
Embodiment or attached drawing needed to be used in the description of the prior art be briefly described, it should be apparent that, it is described below
Attached drawing is some embodiments of the present invention, for those of ordinary skill in the art, before not making the creative labor
It puts, is also possible to obtain other drawings based on these drawings, in which:
Fig. 1 is layout result schematic diagram of the invention;
Fig. 2 is that crossing-over rate of the invention calculates schematic diagram;
Fig. 3 is component relation non-directed graph of the invention;
Fig. 4 is assembly set schematic diagram of the invention;
Fig. 5 is assembly set sequence schematic diagram of the invention.
Specific embodiment
To make the objectives, technical solutions, and advantages of the present invention clearer, below in conjunction with Fig. 1 to Fig. 5 to the present invention
It is described in further detail, described embodiment is not construed as limitation of the present invention, and those of ordinary skill in the art exist
All other embodiment obtained under the premise of creative work is not made, shall fall within the protection scope of the present invention.
Unless otherwise defined, all technical and scientific terms used herein and belong to technical field of the invention
The normally understood meaning of technical staff is identical.Term used herein is intended merely to the purpose of the description embodiment of the present invention,
It is not intended to limit the present invention.
Before the embodiment of the present invention is further elaborated, to noun involved in the embodiment of the present invention and term
It is illustrated, noun involved in the embodiment of the present invention and term are suitable for following explanation.
UE designer: component arranging system is made of Component Gallery, canvas area and the component list etc..It can be from Component Gallery
It chooses component to be dragged in canvas area, and carries out layout in painting canvas.
Canvas area: for the region to assembly set layout in UE designer.
Component layout: refer to and carry out the geometric attributes editors such as the dilatory of component, scaling in canvas area.
Mobile adaptation: user completes the component layout for being directed to PC desk device, and system generates the component for being directed to mobile device
Layout.
It resets: layout being re-started to component or assembly set on painting canvas.
Embodiment 1
A kind of mobile adaptation rearrangement method of component layout, the website PC including needing to carry out layout are further comprising the steps of:
S1, the component list for obtaining the website PC;
S2, assembly set and assembly set list are obtained to component progress again grouping according to the relationship between PC component web;
S3, the positional relationship according to assembly set in the website PC, using component sort algorithm to the component in assembly set list
Set is ranked up;
S4, the assembly set sequence determined according to step S3 are reset.
Embodiment 2
The present embodiment the difference from embodiment 1 is that, in the step S2 according to the relationship between PC component web to component into
The method that is grouped again of row the following steps are included:
S201, all components are traversed according to the component list, cross reference calculating is carried out to any two component, by any two group
Relationship between part is divided into strong correlation relationship and non-strong correlation relationship;
S202, all components in the component list are traversed, finds out the component most with other assemblies strong correlation relationship, it will
This component and an assembly set is formed by other components of strong correlation relationship with this component, assembly set is recorded in group
In part aggregate list, the component in assembly set is removed into the component list;
S203, circulation step S202 until in the component list component count be 0, obtain final assembly set and assembly set column
Table.
Embodiment 3
The present embodiment carries out cross reference calculating to any two component in the step S201 on the basis of embodiment 2
Method the following steps are included:
S20101, the coordinate and the respective length and width of component for determining two same vertex of component;
S20102, according to the coordinate and the respective length and width of component on two same vertex of component calculate between two components whether
In the presence of intersection and the area of intersection region.
Further, the relationship between any two component is divided into strong correlation relationship and non-strong phase in the step S201
The method of pass relationship the following steps are included:
S20103, judge whether two components intersect, if non-intersecting, two components are non-strong correlation relationship, if intersection, are entered
Step S20104;
S20104, using cross sectional area respectively divided by the area of two components, available two crossing-over rates;
S20105, two crossing-over rates are compared with preset ratio respectively, if at least one crossing-over rate is not less than preset value,
Two components are strong correlation relationship, if two crossing-over rates are respectively less than preset value, such as 75%, then and two components are non-strong correlation pass
System.
Further, all components in the component list are traversed in the step S202, is found out and other assemblies
The method of the most component of strong correlation relationship the following steps are included:
S20201, the relationship between the obtained any two component of S201, each vertex in non-directed graph are indicated using non-directed graph
Indicate a component, any two component then increases a line between corresponding two vertex if it is strong correlation relationship;
S20202, non-directed graph is traversed, is found out in the presence of most polygon vertex, the component of the vertex correspondence is other assemblies
The most component of strong correlation relationship.
Embodiment 4
The present embodiment is a kind of specific implementation of embodiment 3, as shown in Fig. 2, a kind of method that cross reference calculates, passes through
The top left co-ordinate (x1, y1) of two components, (x2, y2) and the respective length and width of component (w1, h1), (w2, h2), Ke Yiji
Calculate the area S between two components with the presence or absence of intersection and intersection region.
The area S of intersection region=(x1+w1-x2) × (y2-y1+h1).
As shown in figure 3, one component of each vertex representation in non-directed graph, any two component is closed if it is strong correlation
System, then increase a line between two vertex.At most only exist a line between two vertex, each vertex at most with residue
There are sides on other all vertex.
Non-directed graph is traversed, finds out in current traversal round, there is most polygon vertex, such as figure is B component, and
There are all vertex sets on side with this vertex, such as figure is C, E, H component, these vertex components are formed an assembly set,
That is (B, C, E, H), and be recorded in new list.
After current round traversal is over, the assembly set picked out in current round is deleted in non-directed graph, is formed
One sub- non-directed graph carries out most polygon vertex again and calculates, and removes vertex set, loops through until not having in sub- non-directed graph
Until having vertex.The New Parent set formed after traversal is such as: (B, C, E, H), (D, F), (A), (G).This New Parent set
Each single item may be multiple components or single component, and if it is multiple components, then multiple components can be carried out as a component
Layout, their relative positional relationship and size can be retained.
Embodiment 5
On the basis of embodiment 1, the assembly set is the minimum that can cover all components in assembly set to the present embodiment
Figure.As shown in figure 4, the assembly set being made of multiple components, the geological information of this assembly set can be all by traversing
Sub-component calculate: take the minimum value of the upper left corner x coordinate of all components first, as assembly set upper left corner x sit
Then target value takes the minimum value of the upper left corner y-coordinate of all components, the value of the upper left corner y-coordinate as assembly set, then
The maximum value for taking the lower right corner x coordinate of all components subtracts the value of the calculated upper left corner x coordinate of the first step, obtains component set
The width w of conjunction finally takes the maximum value of the lower right corner y-coordinate of all components, subtracts second step and calculates upper left corner y-coordinate
Value, obtains the height h of assembly set.Various components in assembly set are programmed into group according still further to positional relationship and scale
In part set.
Embodiment 6
On the basis of embodiment 1, the positional relationship in the step S3 according to assembly set in the website PC uses the present embodiment
The method that component sort algorithm is ranked up the assembly set in assembly set list are as follows: according to assembly set on the website PC circle
It is ranked up at a distance from the vision origin of user's browsing on face, the component closer from origin sorts more forward.
Further, described to be carried out at a distance from the vision origin of user's browsing on PC web station interface according to assembly set
The method of sequence the following steps are included:
S301, the canvas area of PC web station interface is split into multiple contour horizontal stripe regions, the width in each region is painting canvas
Width;
S302, traversal all components set, the upper side frame of determination component set are located at which horizontal stripe region of step S301, according to
The horizontal stripe region that assembly set is located at is grouped sequence to component, and the assembly set sequence in top horizontal stripe region is all higher than on the lower
The assembly set in horizontal stripe region;
S303, for the assembly set in any horizontal stripe region, which is traversed as origin using vertex on the axis of horizontal stripe region
All components set in region, the distance of determination component set to origin are ranked up according to the sequence apart from size, and distance is got over
Small sequence is more forward.
Further, the method for distance of the determination component set to origin includes in the step S303 are as follows: determination component
The relationship of set and horizontal stripe region axis, if assembly set is fully located at the right of horizontal stripe region axis, computation module upper left
Distance of the angle to origin;If assembly set is across axis or is fully located at the axis left side, the computation module upper right corner to origin
Distance.
Embodiment 7
As shown in figure 5, canvas area, is split into multiple horizontal stripe regions, Mei Gequ by a kind of specific assembly set sequencing schemes
The width in domain is painting canvas width, is highly fixed numbers, such as 100px.
The upper side frame of all components set must be fallen in some horizontal stripe region.All upper side frames are in same horizontal stripe region
Assembly set successively sorted.The all components in top horizontal stripe region, sequence are all higher than all groups by bottom crossband region
Part.The sequence of A, B assembly set is higher than C, D assembly set in such as figure.
All horizontal stripe regions are traversed using vertex on the axis of horizontal stripe region as origin (w/2,0) for a certain horizontal stripe region
Interior assembly set, if assembly set is fully located at the right of region central axes, the computation module set upper left corner to origin
Distance, if assembly set is across central axes or is fully located at the central axes left side, the computation module set upper right corner to original
The distance of point.All components set is calculated to the distance of origin, is sorted according to the life sequence apart from size, to arrange assembly set
Chronological order.As figure can calculate the chronological order of components set are as follows: B, A, C, D.Origin substantially indicates that user browses
Vision origin, the assembly set closer from origin sort more forward, and user is more early it can be seen that assembly set, can be as far as possible
The former layout of reduction vision sequence.
Embodiment 8
In the present embodiment, a kind of component relation recognition rule is also provided, first, it is determined that whether two neighboring component is picture
(or table) and text, if it is, judge whether there is keyword in the text of character component, such as " figure " word, if in text
Keyword is recognized in component, then judges the two adjacent components for strong correlation relationship.
Embodiment 9
In the present embodiment, a kind of component relation recognition methods is also provided, the component relation of various other types, is adopted for identification
The label such as covering relation, Titles Relation is carried out to data, and as number using existing page data with machine learning techniques
According to being trained, an algorithm for pattern recognition is trained to identify further types of component relation.
Embodiment 10
In the present embodiment, a kind of mobile adaptation rearrangement device of component layout is provided, comprising:
Memory, for storing executable instruction;
Processor realizes the movement of the component layout of embodiment 1-9 for executing the executable instruction stored in the memory
It is adapted to rearrangement method.
In several embodiments provided herein, it should be understood that disclosed device and method can also pass through
Other modes are realized.The apparatus embodiments described above are merely exemplary, for example, flow chart and block diagram in attached drawing
Show the device of multiple embodiments according to the present invention, the architectural framework in the cards of method and computer program product,
Function and operation.In this regard, each box in flowchart or block diagram can represent the one of a module, section or code
Part, a part of the module, section or code, which includes that one or more is for implementing the specified logical function, to be held
Row instruction.It should also be noted that function marked in the box can also be to be different from some implementations as replacement
The sequence marked in attached drawing occurs.For example, two continuous boxes can actually be basically executed in parallel, they are sometimes
It can execute in the opposite order, this depends on the function involved.It is also noted that every in block diagram and or flow chart
The combination of box in a box and block diagram and or flow chart can use the dedicated base for executing defined function or movement
It realizes, or can realize using a combination of dedicated hardware and computer instructions in the system of hardware.
In addition, each functional module in each embodiment of the present invention can integrate one independent portion of formation together
Point, it is also possible to modules individualism, an independent part can also be integrated to form with two or more modules.
It, can be with if the function is realized and when sold or used as an independent product in the form of software function module
It is stored in a computer readable storage medium.Based on this understanding, technical solution of the present invention is substantially in other words
The part of the part that contributes to existing technology or the technical solution can be embodied in the form of software products, the meter
Calculation machine software product is stored in a storage medium, including some instructions are used so that a computer equipment (can be a
People's computer, server or network equipment etc.) it performs all or part of the steps of the method described in the various embodiments of the present invention.
It should be noted that, in this document, relational terms such as first and second and the like are used merely to an entity or behaviour
Make with another entity or operate distinguish, without necessarily requiring or implying between these entities or operation there are it is any this
The actual relationship of kind or sequence.Moreover, the terms "include", "comprise" or its any other variant are intended to nonexcludability
Include so that include a series of elements process, method, article or equipment not only include those elements, but also
Including other elements that are not explicitly listed, or further include for this process, method, article or equipment intrinsic want
Element.In the absence of more restrictions, the element limited by sentence "including a ...", it is not excluded that including described want
There is also other identical elements in the process, method, article or equipment of element.
The foregoing is only a preferred embodiment of the present invention, is not intended to restrict the invention, for the skill of this field
For art personnel, the invention may be variously modified and varied.All within the spirits and principles of the present invention, made any to repair
Change, equivalent replacement, improvement etc., should all be included in the protection scope of the present invention.It should also be noted that similar label and letter exist
Similar terms are indicated in following attached drawing, therefore, once being defined in a certain Xiang Yi attached drawing, are then not required in subsequent attached drawing
It is further defined and explained.
The above description is merely a specific embodiment, but scope of protection of the present invention is not limited thereto, any
Those familiar with the art in the technical scope disclosed by the present invention, can easily think of the change or the replacement, and should all contain
Lid is within protection scope of the present invention.Therefore, the protection scope of the present invention shall be subject to the protection scope of the claims.
Claims (10)
1. a kind of mobile adaptation rearrangement method of component layout, the website PC including needing to carry out layout, it is characterised in that: also wrap
Include following steps:
S1, the component list for obtaining the website PC;
S2, assembly set and assembly set list are obtained to component progress again grouping according to the relationship between PC component web;
S3, the positional relationship according to assembly set in the website PC, using component sort algorithm to the component in assembly set list
Set is ranked up;
S4, the assembly set sequence determined according to step S3 are reset.
2. a kind of mobile adaptation rearrangement method of component layout according to claim 1, it is characterised in that: the step S2
Method that the middle relationship according between PC component web is grouped component again the following steps are included:
S201, all components are traversed according to the component list, cross reference calculating is carried out to any two component, by any two group
Relationship between part is divided into strong correlation relationship and non-strong correlation relationship;
S202, all components in the component list are traversed, finds out the component most with other assemblies strong correlation relationship, it will
This component and an assembly set is formed by other components of strong correlation relationship with this component, assembly set is recorded in group
In part aggregate list, the component in assembly set is removed into the component list;
S203, circulation step S202 until in the component list component count be 0, obtain final assembly set and assembly set column
Table.
3. a kind of mobile adaptation rearrangement method of component layout according to claim 2, it is characterised in that: the step
In S201 to any two component carry out cross reference calculating method the following steps are included:
S20101, the coordinate and the respective length and width of component for determining two same vertex of component;
S20102, according to the coordinate and the respective length and width of component on two same vertex of component calculate between two components whether
In the presence of intersection and the area of intersection region.
4. a kind of mobile adaptation rearrangement method of component layout according to claim 3, it is characterised in that: the step
In S201 by the relationship between any two component be divided into strong correlation relationship and non-strong correlation relationship method the following steps are included:
S20103, judge whether two components intersect, if non-intersecting, two components are non-strong correlation relationship, if intersection, are entered
Step S20104;
S20104, using cross sectional area respectively divided by the area of two components, available two crossing-over rates;
S20105, two crossing-over rates are compared with preset ratio respectively, if at least one crossing-over rate is not less than preset value,
Two components are strong correlation relationship, if two crossing-over rates are respectively less than preset value, two components are non-strong correlation relationship.
5. a kind of mobile adaptation rearrangement method of component layout according to claim 2, it is characterised in that: the step
The all components in the component list are traversed in S202, the method for finding out the component most with other assemblies strong correlation relationship
The following steps are included:
S20201, the relationship between the obtained any two component of S201, each vertex in non-directed graph are indicated using non-directed graph
Indicate a component, any two component then increases a line between corresponding two vertex if it is strong correlation relationship;
S20202, non-directed graph is traversed, is found out in the presence of most polygon vertex, the component of the vertex correspondence is and other groups
The most component of part strong correlation relationship.
6. a kind of mobile adaptation rearrangement method of component layout according to claim 1, it is characterised in that: the component set
It is combined into the minimum figure that can cover all components in assembly set.
7. a kind of mobile adaptation rearrangement method of component layout according to claim 1, it is characterised in that: the step S3
The middle positional relationship according to assembly set in the website PC, using component sort algorithm to the assembly set in assembly set list into
The method of row sequence are as follows: it is ranked up at a distance from the vision origin of user's browsing on PC web station interface according to assembly set,
The component closer from origin sorts more forward.
8. a kind of mobile adaptation rearrangement method of component layout according to claim 7, it is characterised in that: described according to group
Part be integrated on PC web station interface the method that is ranked up at a distance from the vision origin of user's browsing the following steps are included:
S301, the canvas area of PC web station interface is split into multiple contour horizontal stripe regions, the width in each region is painting canvas
Width;
S302, traversal all components set, the upper side frame of determination component set are located at which horizontal stripe region of step S301, according to
The horizontal stripe region that assembly set is located at is grouped sequence to component, and the assembly set sequence in top horizontal stripe region is all higher than on the lower
The assembly set in horizontal stripe region;
S303, for the assembly set in any horizontal stripe region, which is traversed as origin using vertex on the axis of horizontal stripe region
All components set in region, the distance of determination component set to origin are ranked up according to the sequence apart from size, and distance is got over
Small sequence is more forward.
9. a kind of mobile adaptation rearrangement method of component layout according to claim 8, it is characterised in that: the step
The method of distance of determination component set to origin includes in S303 are as follows: the relationship of determination component set and horizontal stripe region axis,
If assembly set is fully located at the right of horizontal stripe region axis, the distance in the computation module upper left corner to origin;If assembly set
Across axis or it is fully located at the axis left side, then the distance in the computation module upper right corner to origin.
10. a kind of mobile adaptation rearrangement device of component layout characterized by comprising
Memory, for storing executable instruction;
Processor realizes component layout as described in claim 1 for executing the executable instruction stored in the memory
Mobile adaptation rearrangement method.
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910947490.9A CN110457030B (en) | 2019-10-08 | 2019-10-08 | Mobile adaptive rearrangement method and device for component arrangement |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910947490.9A CN110457030B (en) | 2019-10-08 | 2019-10-08 | Mobile adaptive rearrangement method and device for component arrangement |
Publications (2)
Publication Number | Publication Date |
---|---|
CN110457030A true CN110457030A (en) | 2019-11-15 |
CN110457030B CN110457030B (en) | 2020-02-07 |
Family
ID=68492688
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201910947490.9A Active CN110457030B (en) | 2019-10-08 | 2019-10-08 | Mobile adaptive rearrangement method and device for component arrangement |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN110457030B (en) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110780794A (en) * | 2020-01-02 | 2020-02-11 | 成都四方伟业软件股份有限公司 | Visual data list display method and device |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102156716A (en) * | 2010-12-02 | 2011-08-17 | 广州市动景计算机科技有限公司 | Method and device for re-typesetting web page |
CN103914555A (en) * | 2014-04-14 | 2014-07-09 | 百度在线网络技术(北京)有限公司 | Webpage re-layout method and webpage re-layout device |
US20150074516A1 (en) * | 2013-09-12 | 2015-03-12 | Wixpress Ltd. | System and method for automated conversion of interactive sites and applications to support mobile and other display environments |
-
2019
- 2019-10-08 CN CN201910947490.9A patent/CN110457030B/en active Active
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102156716A (en) * | 2010-12-02 | 2011-08-17 | 广州市动景计算机科技有限公司 | Method and device for re-typesetting web page |
US20150074516A1 (en) * | 2013-09-12 | 2015-03-12 | Wixpress Ltd. | System and method for automated conversion of interactive sites and applications to support mobile and other display environments |
CN105723358A (en) * | 2013-09-12 | 2016-06-29 | 维克斯网有限公司 | System and method for automated conversion of interactive sites and applications to support mobile and other display environments |
CN103914555A (en) * | 2014-04-14 | 2014-07-09 | 百度在线网络技术(北京)有限公司 | Webpage re-layout method and webpage re-layout device |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110780794A (en) * | 2020-01-02 | 2020-02-11 | 成都四方伟业软件股份有限公司 | Visual data list display method and device |
Also Published As
Publication number | Publication date |
---|---|
CN110457030B (en) | 2020-02-07 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
Wu et al. | Printing arbitrary meshes with a 5DOF wireframe printer | |
Dayama et al. | Grids: Interactive layout design with integer programming | |
Tam et al. | A hierarchical approach to the facility layout problem | |
Weng et al. | Homefinder revisited: Finding ideal homes with reachability-centric multi-criteria decision making | |
US6449761B1 (en) | Method and apparatus for providing multiple electronic design solutions | |
US7266419B2 (en) | Search for similar sheet metal part models | |
CN102193786B (en) | Device and method for constructing self-adaptive graphic user interface (GUI) | |
Shadbolt et al. | Constructing knowledge-based systems | |
Cortés et al. | A tabu search approach to solving the picking routing problem for large-and medium-size distribution centres considering the availability of inventory and K heterogeneous material handling equipment | |
Musialski et al. | Interactive coherence‐based façade modeling | |
CA2398040A1 (en) | A method for inventory and layout management of a facility | |
Pleuss et al. | Visualization techniques for application in interactive product configuration | |
Vehlow et al. | Visualizing dynamic hierarchies in graph sequences | |
Xiang et al. | Bus-driven floorplanning | |
Blanchard et al. | A user-driven and quality-oriented visualization for mining association rules | |
CN110457030A (en) | A kind of mobile adaptation rearrangement method and device of component layout | |
JP2000003384A (en) | Device and method for distributing design/manufacture information over whole sheet metal manufacturing equipment | |
CN103383629A (en) | Input method and device based on HTML5 | |
Oliveira et al. | An introduction to the two‐dimensional rectangular cutting and packing problem | |
Bertino et al. | MPGS: An interactive tool for the specification and generation of multimedia presentations | |
JP6952650B2 (en) | Work instruction generator and work instruction generation method | |
CN109740337A (en) | A kind of method and device for realizing the identification of sliding block identifying code | |
Usman et al. | Perceptual evaluation of space in virtual environments | |
CN112947832A (en) | BIM data organization relationship construction method and device | |
EP0436790A2 (en) | Multi-dimensional tree structure for the spatial sorting of geometric objects |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |