CN104281359A - Layout method and layout device for objects with different sizes - Google Patents
Layout method and layout device for objects with different sizes Download PDFInfo
- Publication number
- CN104281359A CN104281359A CN201410176855.XA CN201410176855A CN104281359A CN 104281359 A CN104281359 A CN 104281359A CN 201410176855 A CN201410176855 A CN 201410176855A CN 104281359 A CN104281359 A CN 104281359A
- Authority
- CN
- China
- Prior art keywords
- district
- different sized
- grid
- size
- layout
- 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.)
- Pending
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/04842—Selection of displayed objects or displayed text elements
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
- G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F2203/00—Indexing scheme relating to G06F3/00 - G06F3/048
- G06F2203/048—Indexing scheme relating to G06F3/048
- G06F2203/04803—Split screen, i.e. subdividing the display area or the window area into separate subareas
Abstract
The invention discloses a layout method and a layout device for positions of objects with different sizes. The technical scheme adopted by the invention is as follows: the layout method for the objects with different sizes comprises the following steps of determining grid units; performing gridding on a display area according to the grid units; placing the objects to be placed in a placeable area of the gridded display area. The layout method and the layout device adopting the technical scheme have the beneficial effects that the automatic layout of the positions of the objects of which the number is unfixed and the sizes are different is realized; in addition, the loading of new objects and the removal of old objects when the screen slides are facilitated, and the objects can be circularly displayed.
Description
Technical field
The present invention relates to the system management technologies field of electronic product, particularly the layout method of different sized subjects and device thereof on a kind of system interface.
Background technology
In application program or the object displaying list interface of smart electronics product, the size of all objects is all the same usually.But popular along with metro style, a lot of application at present all takes the tile type layout of object graph not of uniform size, but the application of this layout has its limitation, namely the coordinate setting of object is all that file by configuring reads or even fixedly writes dead in a program, this number also just limiting object can only be that the fixing limited and position of object can not be changed, and is unfavorable for the demand of practical application.So a kind of method how can be found to carry out variable or automatic change to all objects become a problem demanding prompt solution.
Summary of the invention
The method of autoplacement is carried out in the position that goal of the invention of the present invention is to provide a kind of object to different size.To achieve the above object of the invention, the technical scheme taked of the present invention is as follows:
For a layout method for different sized subjects, comprise step:
Determine grid units;
By described grid units by viewing area gridding;
Object to be placed is inserted the Zhong Kezhi district, viewing area of gridding.
Further, in the described layout method for different sized subjects, the Zhong Kezhi district, viewing area object to be placed being inserted gridding specifically comprises:
From initial position, scanning search can put district, and described to put district be unoccupied and size meets the net region of object to be placed;
Can district be put described in being placed into by object to be placed, and by this zone marker for taking.
Further, in the described layout method for different sized subjects, describedly determine that grid units follows a rule, described rule is relevant to the size dimension of all objects, or arranges relevant to system layout.
Further, in the described layout method for different sized subjects, described system layout arranges the horizontal interval or perpendicular separation that comprise between object and object.
Further, in the described layout method for different sized subjects, from initial position, scanning search can be put district and specifically comprised and line by line scan or scan by column; Enter a new line when being scanned up to a line end or a row end or change row.
Further, in the described layout method for different sized subjects, when unoccupied grid is not enough to place object to be placed, this grid mark is Dai Zhi district and continues scanning search to put district; Needing first to judge when placing next object to be placed that whether the Dai Zhi district that marked is the put district of this object to be placed.
Further, in the described layout method for different sized subjects, behind the Zhong Kezhi district, viewing area all objects to be placed being inserted gridding, the object once loading some forms an object queue to be viewed;
Can viewing area area if the display area needed for the object loaded is greater than reality, then sliding screen moving display area, when sliding into boundary, deleting the object of the predetermined number being positioned at queue head or afterbody and reloading the new object of predetermined number.
Further, in the described layout method for different sized subjects, before step " determines grid units ", also comprise step:
Determine the list of display object;
According to the rule preset, determine the object to be placed corresponding to display object;
Described display object comprises song files, video file, document files, web page files, picture file, accounts information, application program, shortcut link, file;
Described preset rules comprises and the size of frequency accessed for display object with the object to be placed corresponding to it being associated.
Further, in the described layout method for different sized subjects, when the varying in size of the object to be placed in the actual size and preset rules of object to be placed, convergent-divergent object to be placed is to make the object size to be placed in its adaptive preset rules.
For a placement device for different sized subjects, comprising:
Computing unit, for determining grid units;
Gridding unit, for pressing described grid units by viewing area gridding;
Arrangement unit, for inserting the Zhong Kezhi district, viewing area of gridding by object to be placed.
Further, in the described placement device for different sized subjects, arrangement unit also comprises scan module, inserts module and mark module; The Zhong Kezhi district, viewing area that object to be placed is inserted gridding by arrangement unit specifically comprises:
Scan module scanning search from initial position can put district, and described to put district be unoccupied and size meets the net region of object to be placed;
Insert module object to be placed is placed into described can puts district;
Mark module by this zone marker for taking.
Further, in the described placement device for different sized subjects, computing unit determination grid units follows a rule, and described rule is relevant to the size dimension of all objects, or arranges relevant to system layout.
Further, in the described placement device for different sized subjects, scan module scanning search from initial position can be put district and specifically be comprised and line by line scan or scan by column; And enter a new line when being scanned up to a line end or a row end or change row.
Further, in the described placement device for different sized subjects, when unoccupied grid is not enough to place object to be placed, this grid mark is Dai Zhi district by mark module, and scan module continues scanning search can put district; When next object to be placed placed by needs, scan module first judges that whether the Dai Zhi district that marked is the put district of this object to be placed.
Beneficial effect after taking technique scheme is: solve the problem of the position of the object of the unfixed different size of quantity being carried out to autoplacement well, and new object when facilitating sliding screen loads and old object removes, can the multiple object of Circulating fibrocytes.
Accompanying drawing explanation
Fig. 1 is the process flow diagram for the layout method of different sized subjects in an embodiment of the present invention;
Fig. 2 be for illustration of in an embodiment of the present invention for one of schematic diagram of the layout method of different sized subjects;
Fig. 3 is for illustration of the schematic diagram two for the layout method of different sized subjects in an embodiment of the present invention;
Fig. 4 is for illustration of the schematic diagram three for the layout method of different sized subjects in an embodiment of the present invention;
Fig. 5 is for illustration of the schematic diagram four for the layout method of different sized subjects in an embodiment of the present invention;
Fig. 6 is for illustration of the schematic diagram five for the layout method of different sized subjects in an embodiment of the present invention;
Fig. 7 is for illustration of the schematic diagram six for the layout method of different sized subjects in an embodiment of the present invention;
Fig. 8 is for illustration of the schematic diagram for the layout method of different sized subjects in another embodiment of the present invention;
Fig. 9 slides one of schematic diagram of screen for illustration of in another embodiment of the present invention for circulation in the layout method of different sized subjects;
Figure 10 slides the schematic diagram two of screen for illustration of in another embodiment of the present invention for circulation in the layout method of different sized subjects;
Figure 11 is the high-level schematic functional block diagram for the placement device of different sized subjects in the another embodiment of the present invention.
Label declaration:
1-computing unit
2-gridding unit
3-arranges unit
31-scan module
32-inserts module
33-mark module
embodiment
By describing technology contents of the present invention, structural attitude in detail, realized object and effect, accompanying drawing is coordinated to be explained in detail below in conjunction with embodiment.
Refer to Fig. 1, for described in an embodiment of the present invention for the process flow diagram of the layout method of different sized subjects.Said method comprising the steps of:
Step S11, determine grid units, the size of described grid units is relevant to the size of all objects to be placed by a rule;
Step S12, by described grid units by viewing area gridding;
Step S13, from initial position line by line or scan by column that search can district, the described Qu Weike that puts is for the net region of placing object to be placed;
Step S14, object to be placed inserted the above-mentioned net region for placing this object, and by this zone marker for taking.
The principle of searching is searched or scanned by column to lining by line scan described in step S13 is identical, therefore in example below, choose lining by line scan to search and being described of vertical direction layout, also the mode of searching scanned by column can be taked in other embodiments according to horizontal direction layout, because concrete operations are with to line by line scan be in like manner and only that simple direction is exchanged, this place repeats no more.
First, determine grid units, the size of described grid units is relevant to the size of all objects by a rule, determines a grid units size, can represent to make the height of all objects and width with the grid units of integral multiple in present embodiment.
That is grid units is of a size of the highest common factor of all object length and width sizes to be placed, and such as we have following object to be placed:
| Object to be placed | Length * width (unit: pixel) |
| A | 48*96 |
| B | 96*96 |
| C | 96*96 |
| D | 96*48 |
| E | 192*192 |
| F | 192*96 |
| G | 48*48 |
So by the length of above-mentioned object and the size of width, the size of the grid units that we can determine on length direction and Width is 48 pixels.If screen size is 1920*1200, so screen is just divided into 40*25 grid units, i.e. length direction 40 grid units, Width 25 grid units.By according to given grid units determination layout areas in the practical application of this method, such as in 1920*1200 region, if the wide height of grid units is 47px (pixel), then horizontal direction can hold at most grid number is 40, unnecessary 40px can not hold a grid units, be then not used in layout.
Object mentioned here can be application icon, the various wait of album of songs front cover etc. is arranged in object on screen, can be understood to object to be shown in the present invention.Specifically, the size of all objects is searched and added up, determine minimum object width and minimum object height, the two is designated as a and b respectively; Horizontal interval in layout between object and object is designated as c, perpendicular separation be designated as d (in fact horizontal interval and perpendicular separation can be system default arrange also can by user's sets itself).
On the screen of the electronic device, the width of object display area and highly generally determining, so can calculate according to the object minimum widith of above-mentioned record and horizontal interval sum (a+c) grid number that horizontal direction can be held at most, be designated as MAXCOL, then the width of all objects will meet formula respectively with height: n (a+c)-c, and n (b+d)-d, wherein n is the integer being greater than 0 and being less than or equal to MAXCOL.
Work carried out in step s 12 is by viewing area gridding, the width of each grid and be highly respectively (a+c), (b+d); Such as, and mark the grid in viewing area, the i-th row jth row are designated as (j, i), wherein 0<=j<MAXCOL, i>=0.Each grid is designated as 1 time occupied, is designated as 0 time unoccupied.
Please refer to accompanying drawing 2, for one of schematic diagram for illustration of the layout method for different sized subjects a kind of in an embodiment of the present invention, according to above-mentioned standard, assuming that viewing area can divided by column be 7 row, then in fig 2 viewing area is carried out stress and strain model (7 row, just for ease of set numeral is described, may divide by the columns of other numerical value according to concrete actual conditions in actual applications completely certainly) herein according to 7 row.Grid starts often to advance row labels from (0,0), and time initial, the mark of each grid is 0 (because of occupied without any grid time initial).In the process of carrying out object placement and object placement, might as well suppose have a vernier lining by line scan, scan and find out the put district being suitable for placing each object, so-called district of can putting refers to that size is enough to place the effective coverage that single object, grid are unoccupied, also do not exceed viewing area, as (6 in figure, 0) with (7,0) on the right side just beyond effective coverage, be illegal grid.
After carrying out initialization to grid, vernier starts to line by line scan from initial position (0,0), finds the region that existing object can be placed.For convenience of explanation, suppose that current cursor is in (m, n) grid place, namely grid (m, n) is the initial position of scanning.Concrete layout step is:
1, according to condition judgment current cursor the need of the grid place turning back to record, if meet this condition, then return recording grid place and empty record position.Described condition searches out suitable put district for there being the object of record slider position in step 3.
2, judge whether current cursor exceeds effective coverage, if then enter a new line.Namely judge whether satisfied line feed condition n>=MAXCOL, if then m=0, n++, and return step 1; And judge that whether current cursor present position is occupied, as occupied, move right vernier a grid, and return step 1.
3, judge that the horizontal and vertical direction of current cursor present position can hold the region of object whether occupied or whether exceed effective coverage, then record current location in this way and facilitate vernier to turn back to this position and (this position is called record position, principle is, if there is no record position, record this position, if there is record position, do not record) and vernier is moved right a unit and m=m+1 return step 1, otherwise object is inserted this position and the grid taken is changed into mark 1 (by unappropriated grid mark for occupied) by marking 0 object horizontal takies grid number and vernier moves right, the width of such as existing object is 2 grid units, then m=m+2 return step 1.
By above-mentioned three steps, the placement location of all objects can be determined, and can also by the object of cycle calculations some and placement location thereof to raise the efficiency in the operation of reality.
According to above-mentioned thinking, hypothesis has A, B, C, D, E, F six objects below, size is respectively 2*1,2*2,2*2,2*2,2*1 and 1*2 (digitized representation grid units), vernier initial position is (0,0), and with reference to accompanying drawing 3, accompanying drawing 4 to accompanying drawing 7, be respectively for illustration of an embodiment in the present invention schematic diagram two to the schematic diagram six for illustration of an embodiment in the present invention, and layout method is as follows:
1, for object A, in (0,0), place can place, occupancy grid (0,0) and (1,0), after placing objects A, vernier moves to (2,0) place, and layout effect is shown in accompanying drawing 3.
2, for object B, (2,0) place can place, and the size due to object B is 2*2, and object B is by occupancy grid (2,0), (3,0), (2,1) and (3,1).After placing objects B, vernier moves to (4,0) place, and in kind placing objects C, after placing objects C, vernier moves to (6,0), and layout effect is shown in accompanying drawing 4.
3, when needs placing objects D, vernier is positioned at (6,0) place, if through judging placing objects D herein, its (7,0) and (7,1) taken will exceed effective grid scope.Now vernier line feed, and (6,0) position is recorded, move to (0,1) place, object D occupancy grid (0,1), (1,1), (0,2) and (1,2), then vernier is back to record before this (6,0) place, layout effect is shown in accompanying drawing 5.
4, according to above-mentioned rule, just can placing objects E when vernier moves to (2,2) place, then vernier continues to turn back to (6,0) place, and layout effect is shown in accompanying drawing 6.
5, when placing objects F, judge to find that (6,0) place just can placing objects F, layout effect is shown in accompanying drawing 7.
In actual applications, need the order of the object of layout to give tacit consent to and arrange, also can upset according to user or concrete actual demand, the layout effect arranged out by this method like this will be also different.
What propose in the present embodiment is a kind of general case, and because the size of most of application and arrangement follow certain rule to reach display attractive in appearance and to strengthen the object of Consumer's Experience, the size of object is also main to be determined with picture size.And in other embodiment, also can set up some rules to determine that object needs the size of display, the program request temperature etc. of rank as the frequency of utilization of application program, song or video as certain attribute according to user highlights the information in rank prostatitis to be user-friendly to or to attract the user's attention.Such as, the object size of position of ranking the first is set to 4*4, second and the size of the 3rd be set to 2*2, subsequent object size arranges and is 1*1.At this moment, determine that the rule that the size of grid units is followed just arranges relevant to system layout, grid units is 1.In addition, also this rule can be set to a template and in every one page layout, all apply this template, refer to accompanying drawing 8, wherein the object size arrangement of every one page all meets certain rule, and namely the size of every 14 objects all carries out arranging and arranging according to above-mentioned rule.
In this case, this process comprised the steps: before step S11
S01 determines the list of display object;
S02, according to the rule preset, determines the object to be placed corresponding to display object;
Described display object in various embodiments, can be song files, video file, document files, webpage, picture file, accounts information, application program, shortcut link, file etc.
In various embodiments, the rule that step S02 is corresponding can be as mentioned above, the size of object to be placed is determined according to accessed frequency, in such embodiments, step S02 is specially: the accessed frequency of each display object in reading displayed list object, according to the rule preset, determine the object to be placed corresponding to display object, described default rule comprises and the size of frequency accessed for display object with the object to be placed corresponding to it being associated.When the varying in size of the object to be placed in the actual size and preset rules of object to be placed, can suitably convergent-divergent object to be placed to make the object size to be placed in its adaptive preset rules, described convergent-divergent comprise amplify in proportion, reduce in proportion, different proportion stretches or shrinks.Such as, the object size to be placed in preset rules is 50*50 and the actual size of object to be placed (as picture) is 45*45, be then enlarged into the size of 50*50 to make the object size to be placed in its adaptive preset rules.Or the object size to be placed in preset rules is 50*50 and the actual size of object to be placed (as picture) is 43*45, then stretched and the size being enlarged into 50*50 to make the object size to be placed in its adaptive preset rules.The situation that other reduce in proportion or different proportion is flexible in like manner.Like this, the accessed frequency of the display object corresponding to object to be placed can be showed intuitively.
Particularly, in certain embodiments, the rule preset in step S02 specifically, the size accessed frequency being greater than the object to be placed corresponding to display object of a predetermined threshold value is set to a pre-set dimension, and the size being less than the object to be placed corresponding to display object of this predetermined threshold value is set to another pre-set dimension.
In further embodiments, the predetermined threshold value of multiple accessed frequency can be provided with, accordingly the size of object to be placed be arranged multiple pre-set dimension, to reach more refinement, to show the accessed frequency of the display object corresponding to object to be placed intuitively simultaneously.
Similar with it, in other embodiment, also can there is a pre-treatment step S10, in this step, the entity object pointed by object to be shown be arranged in certain sequence.Because object to be shown itself may be image or picture, its be in essence with an entity object one to one, LOGO picture as application program is object to be shown, and this LOGO picture point to entity object be application program itself or for startup application program needed for system in coordinate; Music album front cover is object to be shown, and the entity object that this front cover points to is special edition itself or special edition playlist; Book cover is object to be shown, and the entity object that this book cover points to is book file.In step S10, first the entity object pointed by object to be shown is arranged in certain sequence, this order can be default sequence also can be the order of user specified by certain demand, as frequency of utilization or the accumulative access times of application program, the broadcasting time of music album, the number of words of books, etc.After completing the sequence of the pre-treatment described in this step, recall object to be shown according to the one-to-one relationship of entity object and object to be shown, then object to be shown is arranged by aforementioned rule on screen interface.
In addition, in actual applications, the quantity total value of object to be shown may be very large, the present invention can take following method: the object once loading some forms a queue, and the display area needed for the object loaded is greater than reality can viewing area, when sliding screen moving display area, when sliding into boundary, the object of the predetermined number of the head or afterbody that are positioned at queue is deleted, reloads the new object of predetermined number, to reach the sliding screen of circulation.Concrete example is as shown in Fig. 9,10, and the rectangular area limited with the lower right corner grid of the upper left corner grid to mark A ' that mark A in Fig. 9 is region to be deleted, is before sliding screen, be presented at the region will deleted on screen, after sliding screen; The upper left corner grid of mark B is the region that sliding screen is front and be all presented at after sliding screen on screen to the rectangular area that the lower right corner grid marking B ' limits; The upper left corner grid of mark C is do not show before sliding screen to the rectangular area that the lower right corner grid marking C ' limits, but reads and be about to the region of loading when will slide screen.Figure 10 shows that the actual displayed effect after sliding screen.
Layout can be carried out to satisfactory different sized subjects very easily by this method.Do not need the number considering object, facilitate the interpolation of object, position adjustment and delete, and the adjustment of object size, suitable position can be found for each object according to the size of object to place, and specifically need not consider each object how layout, can versatility be reached, save configuration file link, facilitate the change of demand.
Referring to Figure 11, is the high-level schematic functional block diagram for the placement device of different sized subjects in the another embodiment of the present invention.The described placement device for different sized subjects comprises:
Computing unit 1, for determining grid units;
Gridding unit 2, for pressing described grid units by viewing area gridding;
Arrangement unit 3, for inserting the Zhong Kezhi district, viewing area of gridding by object to be placed.
Further, in the described placement device for different sized subjects, arrangement unit also comprises scan module 31, inserts module 32 and mark module 33; The Zhong Kezhi district, viewing area that object to be placed is inserted gridding by arrangement unit 3 specifically comprises:
Scan module 31 scanning search from initial position can put district, and described to put district be unoccupied and size meets the net region of object to be placed;
Insert module 32 object to be placed is placed into described can puts district;
Mark module 33 by this zone marker for taking.
Further, in the described placement device for different sized subjects, computing unit 1 determines that grid units follows a rule, and described rule is relevant to the size dimension of all objects, or arranges relevant to system layout.
Further, in the described placement device for different sized subjects, scan module 31 scanning search from initial position can be put district and specifically be comprised and line by line scan or scan by column; And enter a new line when being scanned up to a line end or a row end or change row.
Further, in the described placement device for different sized subjects, when unoccupied grid is not enough to place object to be placed, this grid mark is Dai Zhi district by mark module 33, and scan module 31 continues scanning search can put district; When next object to be placed placed by needs, scan module 31 first judges that whether the Dai Zhi district that marked is the put district of this object to be placed.
For the described principle of work for the placement device of different sized subjects and working method are more specifically described, set forth in a real case below:
First, scan module 31 carries out lining by line scan, and to search or scan by column the principle of searching be identical, therefore in example below, choose lining by line scan to search and being described of vertical direction layout, also the mode of searching scanned by column can be taked in other embodiments according to horizontal direction layout, because concrete operations are with to line by line scan be in like manner and only that simple direction is exchanged, this place repeats no more.
First, computing unit 1 determines grid units, the size of described grid units is relevant to the size of all objects by a rule, determines a grid units size, can represent to make the height of all objects and width with the grid units of integral multiple in present embodiment.Object mentioned here can be application icon, the various wait of album of songs front cover etc. is arranged in object on screen, can be understood to object to be shown in the present invention.Specifically, computing unit 1 is searched the size of all objects and the size of object that may exist and is added up, and determines minimum object width and minimum object height, the two is designated as a and b respectively; Horizontal interval in layout between object and object is designated as c, perpendicular separation be designated as d (in fact horizontal interval and perpendicular separation can be system default arrange also can by user's sets itself).
On the screen of the electronic device, the width of object display area and highly generally determining, so computing unit 1 can calculate according to the object minimum widith of above-mentioned record and horizontal interval sum (a+c) grid number that horizontal direction can be held at most, be designated as MAXCOL, then the width of all objects will meet formula respectively with height: n (a+c)-c, and n (b+d)-d, wherein n is the integer being greater than 0 and being less than or equal to MAXCOL.
The work that gridding unit 2 carries out is by viewing area gridding, the width of each grid and be highly respectively (a+c), (b+d); Such as, and mark the grid in viewing area, the i-th row jth row are designated as (j, i), wherein 0<=j<MAXCOL, i>=0.Each grid is designated as 1 time occupied, is designated as 0 time unoccupied.
According to above-mentioned standard, assuming that viewing area can divided by column be 7 row, then viewing area is carried out stress and strain model (7 row, just for ease of set numeral is described, may divide by the columns of other numerical value according to concrete actual conditions in actual applications completely certainly) herein according to 7 row.Grid is started often to advance row labels from (0,0) by gridding unit 2, and time initial, the mark of each grid is 0 (because of occupied without any grid time initial).In the process of carrying out object placement and object placement, might as well suppose that scanning element 31 is called a vernier and lined by line scan, scan and find out the put district being suitable for placing each object, so-called district of can putting refers to that size is enough to place the effective coverage that single object, grid are unoccupied, also do not exceed viewing area, and the grid beyond effective coverage is illegal grid.
After gridding unit 2 pairs of grids carry out initialization, vernier starts to line by line scan from initial position (0,0), finds the region that existing object can be placed.For convenience of explanation, suppose that current cursor is in (m, n) grid place, namely grid (m, n) is the initial position of scanning.The concrete layout step of arrangement unit 3 is:
1, according to condition judgment current cursor the need of the grid place turning back to record, if meet this condition, then return recording grid place and empty record position.Described condition searches out suitable put district for there being the object of record slider position.
2, judge whether current cursor exceeds effective coverage, if then enter a new line.Namely satisfied line feed condition n>=MAXCOL is judged whether, if then m=0, n++; And judge that whether current cursor present position is occupied, as occupied, move right vernier a grid.
3, judge that the horizontal and vertical direction of current cursor present position can hold the region of object whether occupied or whether exceed effective coverage, then record current location in this way and facilitate vernier to turn back to this position and (this position is called record position, principle is, if there is no record position, record this position, if there is record position, do not record) and vernier is moved right a unit and m=m+1 return step 1, otherwise object is inserted this position and the grid taken is changed into mark 1 (by unappropriated grid mark for occupied) by marking 0 object horizontal takies grid number and vernier moves right, the width of such as existing object is 2 grid units, then m=m+2 return step 1.
By arrangement unit 3 and scan module 31, insert module 32, the work of mark module 33 in above-mentioned three steps, the placement location of all objects can be determined, and can also by the object of cycle calculations some and placement location thereof to raise the efficiency in the operation of reality.
In actual applications, need the order of the object of layout to give tacit consent to and arrange, also can upset according to user or concrete actual demand, the layout effect arranged out like this will be also different.
What propose in the present embodiment is a kind of general case, and because the size of most of application and arrangement follow certain rule to reach display attractive in appearance and to strengthen the object of Consumer's Experience, the size of object is also main to be determined with picture size.And in other embodiment, arrangement unit 3 also can set up some rules to determine that object needs the size of display, and the program request temperature etc. of rank as the frequency of utilization of application program, song or video as certain attribute according to user highlights the information in rank prostatitis to be user-friendly to or to attract the user's attention.Such as, the object size of position of ranking the first is set to 4*4, second and the size of the 3rd be set to 2*2, subsequent object size arranges and is 1*1.At this moment, computing unit 1 determines that the rule that the size of grid units is followed just arranges relevant to system layout, and grid units is 1.In addition, also this rule can be set to a template and in every one page layout, all apply this template, wherein the object size arrangement of every one page all meets certain rule, and namely the size of every 14 objects all carries out arranging and arranging according to above-mentioned rule.
Use the placement device for different sized subjects described in present embodiment, layout can be carried out to satisfactory different sized subjects very easily.Do not need the number considering object, facilitate the interpolation of object, position adjustment and delete, and the adjustment of object size, suitable position can be found for each object according to the size of object to place, and specifically need not consider each object how layout, can versatility be reached, save configuration file link, facilitate the change of demand.
The foregoing is only embodiments of the invention; not thereby the scope of the claims of the present invention is limited; every utilize instructions of the present invention and accompanying drawing content to do equivalent structure or equivalent flow process conversion; or be directly or indirectly used in other relevant technical fields, be all in like manner included in scope of patent protection of the present invention.
Claims (14)
1. for a layout method for different sized subjects, it is characterized in that, comprise step:
Determine grid units;
By described grid units by viewing area gridding;
Object to be placed is inserted the Zhong Kezhi district, viewing area of gridding.
2., as claimed in claim 1 for the layout method of different sized subjects, it is characterized in that, the Zhong Kezhi district, viewing area object to be placed being inserted gridding specifically comprises:
From initial position, scanning search can put district, and described to put district be unoccupied and size meets the net region of object to be placed;
Can district be put described in being placed into by object to be placed, and by this zone marker for taking.
3. as claimed in claim 2 for the layout method of different sized subjects, it is characterized in that, from initial position, scanning search can be put district and specifically comprised and line by line scan or scan by column; Enter a new line when being scanned up to a line end or a row end or change row.
4. as claimed in claim 1 or 2 for the layout method of different sized subjects, it is characterized in that, describedly determine that grid units follows a rule, described rule is relevant to the size dimension of all objects, or arranges relevant to system layout.
5., as claimed in claim 4 for the layout method of different sized subjects, it is characterized in that, described system layout arranges the horizontal interval or perpendicular separation that comprise between object and object.
6., as claimed in claim 1 or 2 for the layout method of different sized subjects, it is characterized in that, when unoccupied grid is not enough to place object to be placed, this grid mark is Dai Zhi district and continues scanning search to put district; Needing first to judge when placing next object to be placed that whether the Dai Zhi district that marked is the put district of this object to be placed.
7., as claimed in claim 1 or 2 for the layout method of different sized subjects, it is characterized in that, behind the Zhong Kezhi district, viewing area all objects to be placed being inserted gridding, the object once loading some forms an object queue to be viewed;
Can viewing area area if the display area needed for the object loaded is greater than reality, then sliding screen moving display area, when sliding into boundary, deleting the object of the predetermined number being positioned at queue head or afterbody and reloading the new object of predetermined number.
8. as claimed in claim 1 or 2 for the layout method of different sized subjects, it is characterized in that, before step " determines grid units ", also comprise step:
Determine the list of display object;
According to the rule preset, determine the object to be placed corresponding to display object;
Described display object comprises song files, video file, document files, web page files, picture file, accounts information, application program, shortcut link, file;
Described preset rules comprises and the size of frequency accessed for display object with the object to be placed corresponding to it being associated.
9. as claimed in claim 8 for the layout method of different sized subjects, it is characterized in that, when the varying in size of the object to be placed in the actual size and preset rules of object to be placed, convergent-divergent object to be placed is to make the object size to be placed in its adaptive preset rules.
10. for a placement device for different sized subjects, it is characterized in that, comprising:
Computing unit, for determining grid units;
Gridding unit, for pressing described grid units by viewing area gridding;
Arrangement unit, for inserting the Zhong Kezhi district, viewing area of gridding by object to be placed.
11., as claimed in claim 10 for the placement device of different sized subjects, is characterized in that, arrangement unit also comprises scan module, inserts module and mark module; The Zhong Kezhi district, viewing area that object to be placed is inserted gridding by arrangement unit specifically comprises:
Scan module scanning search from initial position can put district, and described to put district be unoccupied and size meets the net region of object to be placed;
Insert module object to be placed is placed into described can puts district;
Mark module by this zone marker for taking.
12., as claimed in claim 11 for the placement devices of different sized subjects, is characterized in that, scan module scanning search from initial position can be put district and specifically be comprised and line by line scan or scan by column; And enter a new line when being scanned up to a line end or a row end or change row.
13. placement devices for different sized subjects as described in claim 10 or 11, it is characterized in that, computing unit determination grid units follows a rule, and described rule is relevant to the size dimension of all objects, or arranges relevant to system layout.
14. placement devices for different sized subjects as described in claim 10 or 11, it is characterized in that, when unoccupied grid is not enough to place object to be placed, this grid mark is Dai Zhi district by mark module, and scan module continues scanning search can put district; When next object to be placed placed by needs, scan module first judges that whether the Dai Zhi district that marked is the put district of this object to be placed.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201410176855.XA CN104281359A (en) | 2014-04-29 | 2014-04-29 | Layout method and layout device for objects with different sizes |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201410176855.XA CN104281359A (en) | 2014-04-29 | 2014-04-29 | Layout method and layout device for objects with different sizes |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN104281359A true CN104281359A (en) | 2015-01-14 |
Family
ID=52256294
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201410176855.XA Pending CN104281359A (en) | 2014-04-29 | 2014-04-29 | Layout method and layout device for objects with different sizes |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN104281359A (en) |
Cited By (10)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN105468382A (en) * | 2016-02-01 | 2016-04-06 | 浙江慧脑信息科技有限公司 | Adaptive layout programming method |
| CN107168628A (en) * | 2017-04-25 | 2017-09-15 | 福建星网视易信息系统有限公司 | A kind of screen sliding display methods and device |
| CN107632873A (en) * | 2017-08-25 | 2018-01-26 | 网易（杭州）网络有限公司 | A kind of quick interface arrangement method, device, terminal device and storage medium |
| CN107656979A (en) * | 2017-09-06 | 2018-02-02 | 北京知识群信息技术有限公司 | A kind of sequential object two-dimensional space display methods and system |
| CN108038117A (en) * | 2017-10-31 | 2018-05-15 | 华为技术有限公司 | A kind of page layout method and device |
| CN108600544A (en) * | 2018-04-27 | 2018-09-28 | 维沃移动通信有限公司 | A kind of Single-hand control method and terminal |
| CN109714620A (en) * | 2018-12-27 | 2019-05-03 | 山东浪潮商用系统有限公司 | A kind of interface visualization editor and display methods and system based on set-top box |
| CN110032692A (en) * | 2019-01-04 | 2019-07-19 | 阿里巴巴集团控股有限公司 | Method, apparatus, calculating equipment and machine readable storage medium for layout page |
| CN111399963A (en) * | 2020-03-23 | 2020-07-10 | 普联技术有限公司 | Display interface configuration method, system, equipment and storage medium |
| CN112581589A (en) * | 2020-12-28 | 2021-03-30 | 深圳市优必选科技股份有限公司 | View list layout method, device, equipment and storage medium |
Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20090282352A1 (en) * | 2008-05-09 | 2009-11-12 | Research In Motion Limited | Configurable icon sizing and placement for wireless and other devices |
| CN102289353A (en) * | 2011-09-26 | 2011-12-21 | 宇龙计算机通信科技(深圳)有限公司 | Terminal and icon management method |
| CN103019680A (en) * | 2012-11-20 | 2013-04-03 | 东莞宇龙通信科技有限公司 | Mobile terminal and application icon display method for same |
| CN103150170A (en) * | 2013-03-27 | 2013-06-12 | 锤子科技（北京）有限公司 | Table top generation and operation methods of mobile terminal and corresponding devices thereof |
| CN103218243A (en) * | 2013-04-22 | 2013-07-24 | 广东欧珀移动通信有限公司 | Method and device of displaying application program icons |
| CN103246500A (en) * | 2012-02-06 | 2013-08-14 | 腾讯科技（深圳）有限公司 | Desktop icon display method and device |
-
2014
- 2014-04-29 CN CN201410176855.XA patent/CN104281359A/en active Pending
Patent Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20090282352A1 (en) * | 2008-05-09 | 2009-11-12 | Research In Motion Limited | Configurable icon sizing and placement for wireless and other devices |
| CN102289353A (en) * | 2011-09-26 | 2011-12-21 | 宇龙计算机通信科技(深圳)有限公司 | Terminal and icon management method |
| CN103246500A (en) * | 2012-02-06 | 2013-08-14 | 腾讯科技（深圳）有限公司 | Desktop icon display method and device |
| CN103019680A (en) * | 2012-11-20 | 2013-04-03 | 东莞宇龙通信科技有限公司 | Mobile terminal and application icon display method for same |
| CN103150170A (en) * | 2013-03-27 | 2013-06-12 | 锤子科技（北京）有限公司 | Table top generation and operation methods of mobile terminal and corresponding devices thereof |
| CN103218243A (en) * | 2013-04-22 | 2013-07-24 | 广东欧珀移动通信有限公司 | Method and device of displaying application program icons |
Cited By (12)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN105468382A (en) * | 2016-02-01 | 2016-04-06 | 浙江慧脑信息科技有限公司 | Adaptive layout programming method |
| CN105468382B (en) * | 2016-02-01 | 2019-08-06 | 浙江慧脑信息科技有限公司 | A kind of programmed method of self-adaptive layout |
| CN107168628A (en) * | 2017-04-25 | 2017-09-15 | 福建星网视易信息系统有限公司 | A kind of screen sliding display methods and device |
| CN107632873A (en) * | 2017-08-25 | 2018-01-26 | 网易（杭州）网络有限公司 | A kind of quick interface arrangement method, device, terminal device and storage medium |
| CN107656979A (en) * | 2017-09-06 | 2018-02-02 | 北京知识群信息技术有限公司 | A kind of sequential object two-dimensional space display methods and system |
| CN108038117A (en) * | 2017-10-31 | 2018-05-15 | 华为技术有限公司 | A kind of page layout method and device |
| CN108600544A (en) * | 2018-04-27 | 2018-09-28 | 维沃移动通信有限公司 | A kind of Single-hand control method and terminal |
| CN109714620A (en) * | 2018-12-27 | 2019-05-03 | 山东浪潮商用系统有限公司 | A kind of interface visualization editor and display methods and system based on set-top box |
| CN110032692A (en) * | 2019-01-04 | 2019-07-19 | 阿里巴巴集团控股有限公司 | Method, apparatus, calculating equipment and machine readable storage medium for layout page |
| CN111399963A (en) * | 2020-03-23 | 2020-07-10 | 普联技术有限公司 | Display interface configuration method, system, equipment and storage medium |
| CN111399963B (en) * | 2020-03-23 | 2023-10-03 | 普联技术有限公司 | Display interface configuration method, system, equipment and storage medium |
| CN112581589A (en) * | 2020-12-28 | 2021-03-30 | 深圳市优必选科技股份有限公司 | View list layout method, device, equipment and storage medium |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN104281359A (en) | Layout method and layout device for objects with different sizes | |
| RU2583727C2 (en) | Dynamic image presentation | |
| CN107223241B (en) | Contextual scaling | |
| JP4363792B2 (en) | Information retrieval system and method | |
| NL2007909C2 (en) | Method and apparatus of scrolling a document displayed in a browser window. | |
| US20140082533A1 (en) | Navigation Interface for Electronic Content | |
| US9257090B2 (en) | Graphical display of content on a display device in a spiral pattern | |
| US20150074571A1 (en) | Graphical user interface for browsing a list of visual elements | |
| CN101373481A (en) | Image search apparatus, image search method, storage medium storing a program | |
| CN105335052B (en) | Information processing method and terminal device | |
| CN103198116A (en) | Method and system for displaying folder covers and pictures in folders | |
| US20150095839A1 (en) | Method and apparatus for media searching using a graphical user interface | |
| CN106649413A (en) | Grouping method and device for webpage tabs | |
| US9183215B2 (en) | Mosaic display systems and methods for intelligent media search | |
| US20070256012A1 (en) | User interface for browsing content, method of providing the user interface, and content browsing apparatus | |
| JP2006146628A5 (en) | ||
| CN106971004B (en) | Search result providing method and device | |
| CN104808995B (en) | A kind of method and apparatus for across application collection application content | |
| CN109992580A (en) | Processing method and processing device, storage medium, the computer equipment of table data | |
| CN105389105A (en) | Method and system for moving application function interface, and mobile device | |
| CN108897755A (en) | Webpage generating method, device, computer equipment and storage medium | |
| Hürst et al. | HiStory: a hierarchical storyboard interface design for video browsing on mobile devices | |
| CN104462089A (en) | Data processing method and device | |
| CN105335111A (en) | Display processing method and apparatus for images | |
| JP2004242284A5 (en) |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| RJ01 | Rejection of invention patent application after publication | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20150114 |