CN101140516A - Method and system for dynamic laying-out interface element - Google Patents
Method and system for dynamic laying-out interface element Download PDFInfo
- Publication number
- CN101140516A CN101140516A CNA2007101633321A CN200710163332A CN101140516A CN 101140516 A CN101140516 A CN 101140516A CN A2007101633321 A CNA2007101633321 A CN A2007101633321A CN 200710163332 A CN200710163332 A CN 200710163332A CN 101140516 A CN101140516 A CN 101140516A
- Authority
- CN
- China
- Prior art keywords
- control
- target control
- father
- limit
- interface
- 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
Images
Landscapes
- Processing Or Creating Images (AREA)
Abstract
The present invention provides a method to realize dynamic interface element allocation comprising that as for a target control element, an allocation parameter set of a target control element is prearranged towards its parent control element. Wherein, the allocation parameter set is composed of a fixed distance mode and/or a uniform zoom mode, of which the fixed distance mode indicates each edge or a central point of the target control element is provided with a fixed distance towards a corresponding edge or a central point of the parent control element. In addition, the uniform zoom mode refers to that a distance between each edge of the target control element and a corresponding edge of the parent control element is uniformly zoomed according to actual situations. Interface position information of the parent control element for the target control element is obtained respectively during design and operation. Besides, the interface position information of the target control element is acquired. Based the said allocation parameter set and the interface position information, actual interface position information of the target control element during design and operation is obtained through calculation.
Description
Technical field
The man-machine interface tech of the present invention field, particularly relate to a kind of in two dimensional surface the method and system of dynamic laying-out interface element.
Background technology
In the interactive process (Human Machine Interaction) of people and machine, an aspect is arranged, i.e. our said interface (interface).Man-machine interface GUI (Graphical User Interface, graphical user interface) is a needed communication environment when allowing user and computing machine link up.
In the two dimensional surface of common man-machine interface, the layout of various interface elements is very important, and owing to all visual informations (comprising background colour) on the screen are all come out by ActiveX drafting.Therefore, carry out layout, just can realize layout all elements on the screen at various controls.Wherein, in order to determine the control position therein in the interface, generally can adopt following several schemes:
At first find father's control at current control place, determine a cartesian coordinate system then therein, use a coordinate (x then, y) value is described the position of this control in his father's control, and represent the concrete size of this control itself, thereby determine the particular location of current control in two dimensional surface with high h, wide w equivalence.Traditionally this mode is referred to as the absolute fix mode of " left, last, high, wide ".
Scheme 2
Be similar to top scheme, but it adopts directly a pair of coordinate figure to describe the particular location of this control, and promptly (x1, y1)-(x2 y2), is referred to as this mode the absolute fix mode of " upper left bottom right " traditionally.
Scheme 3
Adopt grid location, but be about to the viewing area artificial be divided into a plurality of latticed zones.For example, among the HTML＜Table be exactly the element that is used for by the mode layout Web interface of grid.Along with the resolution difference of viewing area, the size of grid also according to certain, certain row or the importance (being weights) of certain row grid scaling thereupon, can realize that on the basis that weights accurately are set perfect interface scaling shows.
Above-mentioned various existing locator meams should have his own strong points, and at different application scenarioss, can bring into play strong point separately.
For example, the absolute fix mode of scheme 1 and scheme 2 has advantage such as meet custom, be simple and easy to use; Dynamic change when but absolute fix is not accomplished to move.When the demonstration size at the interface at this control place taken place variation (as, because the adjustment of resolution), then the placement position of this control in this interface should change dynamically, but the scheme 1 of above-mentioned employing absolute fix mode and scheme 2 can not dynamic changes, are difficult to realize dynamic effect.
And,, implement more complicated though can realize the dynamic adjustment of control position for scheme 3.For example, adopting the grid location mode, then mainly is by web page contents being divided into several region, then content corresponding being inserted different forms respectively; And,, also can influence processing speed (as resolving and downloading) at this webpage if when having nested between grid.In addition, latticed layout is for IDE (Integrated Development Environment in the The Automation Design instrument of interface, the computer program Integrated Development Environment, as eclipse, Visual Studio, Jbuilder etc.) the user very inconvenient, use the programmer of IDE free inadequately when pulling and place control (need structure to have the grid of certain ranks, and need accurately to place corresponding control) to corresponding grid.In addition, numerous weights of row, column, cell are a uninteresting and numerous and diverse job by manually trying to figure out and being provided with under the complicated situation of interface, and are very easy to make mistakes.
In a word, need the urgent technical matters that solves of those skilled in the art to be exactly: to propose a kind of effect that can satisfy dynamic adjustment, more simple than the grid location mode again, the dynamic solution of the various interface elements of layout in two dimensional surface.
Summary of the invention
Technical matters to be solved by this invention provide a kind of in two dimensional surface the method and system of dynamic laying-out interface element, can very simply realize dynamic layout, make the position of each interface element in the interface and size dynamically to adjust along with the variation of whole interface to various interface elements.
In order to address the above problem, the invention discloses a kind of method of dynamic laying-out interface element, may further comprise the steps: at a target control, preset of the layout parameter set of this target control, comprise fixed distance mode and/or uniform zoom mode in the described layout parameter set with respect to his father's control; Described fixed distance mode is used to represent that each limit of this target control or central point are constant with respect to the fixed distance of his father's control corresponding edge or central point, and described uniform zoom mode is used to represent that each limit of this target control carries out uniform zoom with respect to the distance of his father's control corresponding edge according to actual conditions; The father's control that obtains this target control is respectively in the interface location information of " during design " and " during operation ", and obtains the interface location information of this target control in " during design "; According to described layout parameter set and above-mentioned interface location information, calculate the actual interface location information of this target control in " during operation ".
When comprising the uniform zoom mode in the set of described layout parameter, described computation process may further include: respectively in the interface location information of " during design " and " during operation ", calculate corresponding zoom factor according to father's control of target control; At the limit that is set at the uniform zoom mode in the target control, will carry out uniform zoom with respect to the distance of his father's control corresponding edge according to described zoom factor on " during design " this limit, determine that this limit is at the interface location of " during operation " in the target control.
When comprising the fixed distance mode in the described layout parameter set, described computation process may further include: at the limit that is set at the fixed distance mode in the target control, obtain the distance with respect to his father's control corresponding edge on " during design " this limit; Father's control of resulting distance of foundation and target control determines that in the interface location information of " during operation " this limit is at the interface location of " during operation " in the target control.
According to another embodiment of the present invention, a kind of device of dynamic laying-out interface element is disclosed, comprising:
Parameter acquisition module is used to obtain the layout parameter set of a target control with respect to his father's control, comprises fixed distance mode and/or uniform zoom mode in the described layout parameter set; Described fixed distance mode is used to represent that each limit of this target control or central point are constant with respect to the fixed distance of his father's control corresponding edge or central point, and described uniform zoom mode is used to represent that each limit of this target control carries out uniform zoom with respect to the distance of his father's control corresponding edge according to actual conditions;
Interface information acquisition module, the father's control that obtains this target control be respectively in the interface location information of " during design " and " during operation ", and obtain the interface location information of this target control in " during design ";
Actual interface location information calculations module is used for calculating the actual interface location information of this target control in " during operation " according to described layout parameter set and above-mentioned interface location information.
Preferably, described device can also comprise: the parameter setting interface module, be used to receive the setting operation of designer at the layout parameter of a target control, and obtain the layout parameter set.
When comprising the uniform zoom mode in the described layout parameter set, described actual interface location information calculations module further can comprise:
The zoom factor calculating sub module is used for father's control according to the target control respectively in the interface location information of " during design " and " during operation ", calculates corresponding zoom factor;
First determines submodule, be used for being set at the limit of uniform zoom mode at the target control, to carry out uniform zoom with respect to the distance of his father's control corresponding edge according to described zoom factor on " during design " this limit, determine that this limit is at the interface location of " during operation " in the target control.
When comprising the fixed distance mode in the described layout parameter set, described actual interface location information calculations module further can comprise:
Distance is obtained submodule, is used for being set at the target control limit of fixed distance mode, obtains the distance with respect to his father's control corresponding edge on " during design " this limit;
Second determines submodule, is used for the interface location information of father's control of resulting distance of foundation and target control in " during operation ", determines that this limit is at the interface location of " during operation " in the target control.
Compared with prior art, the present invention has the following advantages:
Use the present invention, interface when INTERFACE DESIGN personnel can freely pull any control to design, can adopt nested (forming the control set membership), overlapping or arranged side by side modes such as (forming the control brotherhood), at each control one corresponding grappling and/or uniform zoom strategy (parameter sets of grappling and/or uniform zoom) are set then.Through above-mentioned simple, be easy to the personnel that are designed and understand (and being not the numerical value that similar " convergent-divergent weights " etc. are easy to computer understanding), set-up mode easily, this interface control just can be realized perfect layout performance by using the above-mentioned parameter set when operation, the interface that can adapt to various situations changes.
Description of drawings
Fig. 1 is the flow chart of steps of the method embodiment of a kind of dynamic laying-out interface element of the present invention;
Fig. 2 is the synoptic diagram that a kind of layout parameter is set the interface;
Fig. 3 is the synoptic diagram of a kind of concrete interface example in " during design ";
Fig. 4 is a concrete interface example shown in Figure 3 synoptic diagram in " during operation ";
Fig. 5 is the structured flowchart of the device embodiment of a kind of dynamic laying-out interface element of the present invention.
Embodiment
For above-mentioned purpose of the present invention, feature and advantage can be become apparent more, the present invention is further detailed explanation below in conjunction with the drawings and specific embodiments.
The present invention can be used in numerous general or special purpose computingasystem environment or the configuration.For example: personal computer, server computer, handheld device or portable set, plate equipment, multicomputer system, the system based on microprocessor, set top box, programmable consumer-elcetronics devices, network PC, small-size computer, mainframe computer, comprise distributed computing environment of above any system or equipment or the like.
The present invention can describe in the general context of the computer executable instructions of being carried out by computing machine, for example program module.Usually, program module comprises the routine carrying out particular task or realize particular abstract, program, object, assembly, data structure or the like.Also can in distributed computing environment, put into practice the present invention, in these distributed computing environment, by by communication network connected teleprocessing equipment execute the task.In distributed computing environment, program module can be arranged in the local and remote computer-readable storage medium that comprises memory device.
With reference to Fig. 1, show the method embodiment of a kind of dynamic laying-out interface element of the present invention, may further comprise the steps:
Interface location information wherein can comprise position and size etc., because size also is a kind of positional information.
What dynamic layout of the present invention was primarily aimed at is: when extraneous factor changes, cause the interface element layout in the whole interface to change, for example, when in interface display need the display environment in a plurality of complexity, moving, need to adapt to the variation at various interfaces; The display environment of described complexity can comprise: 4: 3 screen resolution families, User Defined forms resolution of 16: 9/16: 10 widescreen resolution families, the extraordinary screen resolution of non-general industry standard, non-maximized state or the like.The variation of described extraneous factor can also comprise the variation of paper size and influence the situation of print What.One of purpose of the present invention just is: under the client terminal display environment of complexity requires, make that configuration went intelligence to adjust the composing and the layout of displayed content when computer graphical user interfaces (GUI) can be according to the operation of screen, make the GUI all the time can the adaptive optimum whole screen content that shows.
In the embodiment shown in fig. 1, when comprising the uniform zoom mode in the described layout parameter set, described computation process can comprise: respectively in the interface location information of " during design " and " during operation ", calculate corresponding zoom factor according to father's control of target control; At the limit that is set at the uniform zoom mode in the target control, will carry out uniform zoom with respect to the distance of his father's control corresponding edge according to described zoom factor on " during design " this limit, determine that this limit is at the interface location of " during operation " in the target control.
In the embodiment shown in fig. 1, when comprising the fixed distance mode in the described layout parameter set, described computation process can comprise: at the limit that is set at the fixed distance mode in the target control, obtain the distance with respect to his father's control corresponding edge on " during design " this limit; Father's control of resulting distance of foundation and target control determines that in the interface location information of " during operation " this limit is at the interface location of " during operation " in the target control.
Because in the description of step 101 for the layout parameter set, the different disposal process that can show fixed distance mode and uniform zoom mode clearly, so the above-mentioned computation process of describing in detail in two kinds of situation only is for further instruction, should be as restriction of the present invention.
" during the design " mentioned in the present embodiment and " during operation " belong to the technical term in present technique field, simply are described below.
" during design " is meant that the software engineer designs a calculating machine soft project stage of man-machine interface." during design " just a page displaying in logic (said on the stricti jurise, can not be called an interface this time, be a blueprint), the founder at interface selects control in the tool box, pull or some layout parameter are set in keyboard operation the display effect of observing the interface that promptly can What You See Is What You Get by mouse.The layout parameter that sets is passed through configuration file stores in " during design ", when finishing, INTERFACE DESIGN is published into program source code then by operation, can comprise these property values in the program source code that issue is come out, carry out in the running environment of promptly can packing into after code is exported by compiling.
" during operation " is meant the soft project stage of man-computer interface at the client terminal actual motion.Because user's display environment varies, resolution sizes differs, and therefore, the distribution of each interface element just may change during actual motion.The present invention is exactly the screen self adaptive pantographic that carries out control by certain algorithm and logic, makes the man-machine interface of " during operation " still can carry out perfect interface convergent-divergent by the blueprint of " during design " INTERFACE DESIGN teacher by parametric description.
In the embodiment shown in fig. 1, the interface location of father's control of target control is determined, that is to say, if when comprising the control of multilayer set membership in this man-machine interface, can determine the physical location of the root control (can be specially the unit of display window of whole computing machine) of highest level earlier, determine the actual interface location of control at all levels then successively.Further, because the kind of extraneous factor is very many, and determine the process of root control physical location according to the variation of various extraneous factors, use in the prior art, be the position that locator meams that prior art adopts also needs at first to determine root control when extraneous factor changes, so position how to determine the root control is not being described in detail at this.
Control described in the present invention allows nested, that is to say that a GUI assembly (child control) may be a container (father's control), and it can have child control; Perhaps, father's control also may be the child control on higher level.
The described embodiment of Fig. 1 shows a wherein the most basic flow process, because comprise a root control (for example, the blank forms of top layer) in the personal-machine interface at least, constitutes and the man-machine interface of any complexity all is father's control and a child control by many levels.Therefore, finish the dynamic layout at a personal-machine interface, may need repeatedly to call flow process embodiment illustrated in fig. 1.
Can learn from top analysis, one personal-machine interface may comprise the father's control and the child control of many levels, general, each father's control with child control all needs a placement strategy and manages demonstration with its all child controls of convergent-divergent, promptly determines the screen position of its child control with respect to oneself on screen; If this child control has the more child control of low level, then it also needs a placement strategy, and these above-mentioned two placement strategies can be different.That is to say, may have multiple placement strategy in the personal-machine interface, and embodiment shown in Figure 1 discloses a kind of new placement strategy.Placement strategy disclosed in this invention can be all adopted in the one personal-machine interface, also placement strategy disclosed in this invention can be partly adopted.
Simple in order to describe, the rectangle control is that example describes with rectangle control below, need to prove, owing to can become the outsourcing scope of any object with four limits, the for example control of different shape or window etc., therefore in fact the present invention can be applicable to interface drawing process arbitrarily.
Under the situation of rectangle control, fixed distance mode of the present invention can be divided into four kinds of top grappling, following grappling, left side grappling, the right grappling and center grapplings.Grappling on certain direction, expression be by the fixed distance of the relative his father's control of the child control of layout corresponding sides, and a distance determining when the central point of the relative father's container of the central point of control keeps INTERFACE DESIGN is represented in the center grappling.
The uniform zoom mode can be divided into the top uniform zoom, four kinds of following uniform zoom, left side uniform zoom and the right uniform zoom, uniform zoom on certain direction, expression by the layout child control according to the operation of the relative his father's control in original position in when design the time actual size carry out convergent-divergent.
The combination of above-mentioned dual mode roughly can be divided into following three kinds of situations:
A, comprehensively use grappling and uniform zoom, what make control carries out scaling on the direction of certain or certain several prior appointments; (referring to Fig. 2)
B, the complete grappling in four limits, scaling is consistent when making child control all the time with the operation of father's container;
C, only use uniform zoom, any limit of not grappling, form the most flexible, the flexible performance in the interface that can overlap.
When adopting the complete grappling in four limits, at single control is effective, but under control at the same level is a plurality of situation, since by the layout control necessarily exist certain put relative his father's control be the absolute fix mode (promptly this point no matter under which kind of resolution the position of relative his father's control do not change), therefore it is too much that excessively dwindling on the single dimension may be caused the blank on the screen, and it is overlapped that excessive amplification then may control take place.And when only using the uniform zoom mode, may cause calculated amount bigger.So being the two, the preferred embodiments of the present invention are used in combination.
Below by one more specifically flow chart of data processing the placement strategy with novelty disclosed in this invention is further described, comprise following steps:
(1), layout modules uncle control obtains its size in " during design " there;
(2), layout modules uncle control obtains its actual size of being given by its father's control in " during operation " there;
(3), layout modules according to step (1), (2) calculate one from " during design " to " during operation " laterally and two scaling factors on vertical;
(4), layout modules is obtained the anchored mode of relative father's control from child control (for example the grappling left side of representing child control in the left side is apart from the fixed distance in father's control left side, or the like), anchored mode is a combined concept, for example left side grappling, top grappling, following uniform zoom and the right uniform zoom are combinations, represent upper left fixing, carry out scaling to the bottom right with the size of " during operation " screen;
(5), layout modules is taken the size of " during design " there from child control;
(6), layout modules is by the position and the size of " the scaling factor ", " anchored mode ", " size during design " child control when calculating actual displayed by computing;
(7), result of calculation is provided with to by the child control of layout, layout finishes.
With reference to Fig. 3 and Fig. 4, show at a concrete interface at the demonstration sectional drawing of " during design " and " during operation ", can embody the advantage of the dynamic layout of the present invention.
For aforesaid each method embodiment, for simple description, so it all is expressed as a series of combination of actions, but those skilled in the art should know, the present invention is not subjected to the restriction of described sequence of movement because according to description of the invention, those skilled in the art be easy to learn some step can adopt other the order or carry out simultaneously, for example above-mentioned step (1) and (2), and step 101 in embodiment illustrated in fig. 1 and step 102.
With reference to Fig. 5, show the structured flowchart of the device embodiment 500 of a kind of dynamic laying-out interface element of the present invention, specifically can comprise:
Interface information acquisition module 502, the father's control that obtains this target control be respectively in the interface location information of " during design " and " during operation ", and obtain the interface location information of this target control in " during design ";
Actual interface location information calculations module 503 is used for calculating the actual interface location information of this target control in " during operation " according to described layout parameter set and above-mentioned interface location information.
When comprising the uniform zoom mode in the described layout parameter set, described actual interface location information calculations module 503 further comprises:
The zoom factor calculating sub module is used for father's control according to the target control respectively in the interface location information of " during design " and " during operation ", calculates corresponding zoom factor;
First determines submodule, be used for being set at the limit of uniform zoom mode at the target control, to carry out uniform zoom with respect to the distance of his father's control corresponding edge according to described zoom factor on " during design " this limit, determine that this limit is at the interface location of " during operation " in the target control.
When comprising the fixed distance mode in the described layout parameter set, described actual interface location information calculations module 503 further comprises:
Distance is obtained submodule, is used for being set at the target control limit of fixed distance mode, obtains the distance with respect to his father's control corresponding edge on " during design " this limit;
Second determines submodule, is used for the interface location information of father's control of resulting distance of foundation and target control in " during operation ", determines that this limit is at the interface location of " during operation " in the target control.
The device 500 of the dynamic laying-out interface element of being made up of above-mentioned each module can be used for the dynamic layout at all child controls under a certain father's control.
Preferably, device embodiment shown in Figure 5 can also comprise parameter setting interface module 504, is used to receive the setting operation of designer at the layout parameter of a target control, obtains the layout parameter set.For parameter setting interface module 504, can by variety of way realize and the user alternately, for example, provide a text input frame to be combined with the expression formula of property value with direct typing to the user.Certainly, preferred, also can provide friendly user interface to set property value to make things convenient for the user, for example, shown in Figure 2 is exactly a kind of feasible assembly form of expression.
In the present invention, " assembly " etc. refers to be applied to the related entities of computing machine, as combination, software or the executory software etc. of hardware, hardware and software.In detail, for example, but assembly can but to be not limited to be process, processor, object executive module, execution thread, program and/or the computing machine that runs on processor.Also have, run on application program on the server or shell script, server can be an assembly.One or more assemblies can be in process of carrying out and/or thread, and assembly can and/or be distributed between two or many computing machines in localization on the computing machine, and can be by various computer-readable mediums operations.Assembly can also be according to the signal with one or more packets, for example, from one with local system, distributed system in another component interaction, and/or communicate by this locality and/or remote process at the network of the Internet signal by the data of signal and other system interaction.
Each embodiment in this instructions all adopts the mode of going forward one by one to describe, and what each embodiment stressed all is and the difference of other embodiment that identical similar part is mutually referring to getting final product between each embodiment.For system embodiment, because it is similar substantially to method embodiment, so description is fairly simple, relevant part gets final product referring to the part explanation of method embodiment.
More than to provided by the present invention in two dimensional surface the method and system of dynamic laying-out interface element, be described in detail, used specific case herein principle of the present invention and embodiment are set forth, the explanation of above embodiment just is used for helping to understand method of the present invention and core concept thereof; Simultaneously, for one of ordinary skill in the art, according to thought of the present invention, the part that all can change in specific embodiments and applications, in sum, this description should not be construed as limitation of the present invention.
Claims (7)
1. the method for a dynamic laying-out interface element is characterized in that, comprising:
At a target control, preset of the layout parameter set of this target control with respect to his father's control, comprise fixed distance mode and/or uniform zoom mode in the described layout parameter set; Described fixed distance mode is used to represent that each limit of this target control or central point are constant with respect to the fixed distance of his father's control corresponding edge or central point, and described uniform zoom mode is used to represent that each limit of this target control carries out uniform zoom with respect to the distance of his father's control corresponding edge according to actual conditions;
The father's control that obtains this target control is respectively in the interface location information of " during design " and " during operation ", and obtains the interface location information of this target control in " during design ";
According to described layout parameter set and above-mentioned interface location information, calculate the actual interface location information of this target control in " during operation ".
2. the method for claim 1 is characterized in that, when comprising the uniform zoom mode in the described layout parameter set, described computation process comprises:
Respectively in the interface location information of " during design " and " during operation ", calculate corresponding zoom factor according to father's control of target control;
At the limit that is set at the uniform zoom mode in the target control, will carry out uniform zoom with respect to the distance of his father's control corresponding edge according to described zoom factor on " during design " this limit, determine that this limit is at the interface location of " during operation " in the target control.
3. the method for claim 1 is characterized in that, when comprising the fixed distance mode in the described layout parameter set, described computation process comprises:
At the limit that is set at the fixed distance mode in the target control, obtain the distance with respect to his father's control corresponding edge on " during design " this limit;
Father's control of resulting distance of foundation and target control determines that in the interface location information of " during operation " this limit is at the interface location of " during operation " in the target control.
4. the device of a dynamic laying-out interface element is characterized in that, comprising:
Parameter acquisition module is used to obtain the layout parameter set of a target control with respect to his father's control, comprises fixed distance mode and/or uniform zoom mode in the described layout parameter set; Described fixed distance mode is used to represent that each limit of this target control or central point are constant with respect to the fixed distance of his father's control corresponding edge or central point, and described uniform zoom mode is used to represent that each limit of this target control carries out uniform zoom with respect to the distance of his father's control corresponding edge according to actual conditions;
Interface information acquisition module, the father's control that obtains this target control be respectively in the interface location information of " during design " and " during operation ", and obtain the interface location information of this target control in " during design ";
Actual interface location information calculations module is used for calculating the actual interface location information of this target control in " during operation " according to described layout parameter set and above-mentioned interface location information.
5. device as claimed in claim 4 is characterized in that, also comprises:
The parameter setting interface module is used to receive the setting operation of designer at the layout parameter of a target control, obtains the layout parameter set.
6. device as claimed in claim 4 is characterized in that, when comprising the uniform zoom mode in the described layout parameter set, described actual interface location information calculations module further comprises:
The zoom factor calculating sub module is used for father's control according to the target control respectively in the interface location information of " during design " and " during operation ", calculates corresponding zoom factor;
First determines submodule, be used for being set at the limit of uniform zoom mode at the target control, to carry out uniform zoom with respect to the distance of his father's control corresponding edge according to described zoom factor on " during design " this limit, determine that this limit is at the interface location of " during operation " in the target control.
7. device as claimed in claim 4 is characterized in that, when comprising the fixed distance mode in the described layout parameter set, described actual interface location information calculations module further comprises:
Distance is obtained submodule, is used for being set at the target control limit of fixed distance mode, obtains the distance with respect to his father's control corresponding edge on " during design " this limit;
Second determines submodule, is used for the interface location information of father's control of resulting distance of foundation and target control in " during operation ", determines that this limit is at the interface location of " during operation " in the target control.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CNA2007101633321A CN101140516A (en) | 2007-10-22 | 2007-10-22 | Method and system for dynamic laying-out interface element |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CNA2007101633321A CN101140516A (en) | 2007-10-22 | 2007-10-22 | Method and system for dynamic laying-out interface element |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN101140516A true CN101140516A (en) | 2008-03-12 |
Family
ID=39192477
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CNA2007101633321A Pending CN101140516A (en) | 2007-10-22 | 2007-10-22 | Method and system for dynamic laying-out interface element |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN101140516A (en) |
Cited By (31)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102063307A (en) * | 2011-01-07 | 2011-05-18 | 杭州海康威视数字技术股份有限公司 | Graphical user interface creating method and system of embedded digital video recorder |
| CN102314700A (en) * | 2010-07-07 | 2012-01-11 | 腾讯科技（深圳）有限公司 | Method and system for controlling display mode of client user |
| CN102890632A (en) * | 2012-09-18 | 2013-01-23 | 深圳市融创天下科技股份有限公司 | Screen adaptation method, system and terminal device |
| CN103235819A (en) * | 2013-04-27 | 2013-08-07 | 浪潮集团山东通用软件有限公司 | WEB interface multi-zone data display method |
| CN103885755A (en) * | 2012-12-19 | 2014-06-25 | 腾讯科技（深圳）有限公司 | Method and device for implementing screen matching of owner-draw controls |
| CN103902722A (en) * | 2014-04-10 | 2014-07-02 | 白杨 | B/S (browser/server) based webpage display method and terminal |
| CN104699376A (en) * | 2015-04-03 | 2015-06-10 | 上海航天测控通信研究所 | Automatic control layout method |
| CN104834521A (en) * | 2015-04-27 | 2015-08-12 | 深圳市金立通信设备有限公司 | Application interface regulating method |
| CN104850436A (en) * | 2015-05-15 | 2015-08-19 | 无锡天脉聚源传媒科技有限公司 | Method and device for loading plug-in in page |
| CN104866189A (en) * | 2015-04-27 | 2015-08-26 | 深圳市金立通信设备有限公司 | Terminal |
| CN105094584A (en) * | 2014-05-16 | 2015-11-25 | 北大方正集团有限公司 | View scaling processing method and view scaling processing apparatus |
| CN105278964A (en) * | 2015-11-23 | 2016-01-27 | 金蝶软件（中国）有限公司 | Assembly rendering method and device |
| CN105511725A (en) * | 2015-12-09 | 2016-04-20 | 网易（杭州）网络有限公司 | Method and device for displaying controls in interface |
| CN106062711A (en) * | 2014-02-27 | 2016-10-26 | 起元技术有限责任公司 | Compound controls |
| CN106162302A (en) * | 2015-04-22 | 2016-11-23 | Tcl集团股份有限公司 | Method of combination, device and the intelligent television at the main interface of a kind of Launcher |
| CN106156263A (en) * | 2015-05-14 | 2016-11-23 | 锐珂（上海）医疗器材有限公司 | Web page based on coordinate provides method and system |
| CN106454476A (en) * | 2016-05-31 | 2017-02-22 | 乐视控股（北京）有限公司 | Configuration method and configuration device for focus order in graphical user interface |
| CN106708985A (en) * | 2016-12-12 | 2017-05-24 | 北京奇虎科技有限公司 | Layout method and device for multi-column webpage |
| CN106843661A (en) * | 2015-12-07 | 2017-06-13 | 深圳创锐思科技有限公司 | A kind of method of information exchange, electronic equipment and control terminal |
| CN107066267A (en) * | 2017-03-27 | 2017-08-18 | 网易（杭州）网络有限公司 | Page size processing method, device and equipment |
| CN107193815A (en) * | 2016-03-14 | 2017-09-22 | 阿里巴巴集团控股有限公司 | A kind of processing method of page code, device and equipment |
| CN107357727A (en) * | 2017-07-04 | 2017-11-17 | 广州君海网络科技有限公司 | APP testing results method, apparatus, readable storage medium storing program for executing and computer equipment |
| CN108647026A (en) * | 2018-05-15 | 2018-10-12 | 中国电子科技集团公司第二十九研究所 | Visualization interface integrated approach based on dynamic grid and system |
| CN109032749A (en) * | 2018-08-16 | 2018-12-18 | 成都市映潮科技股份有限公司 | A kind of adaptive terminal device resolution method and device |
| CN109165060A (en) * | 2018-07-12 | 2019-01-08 | 北京猫眼文化传媒有限公司 | View response region method of adjustment and terminal device in a kind of navigation bar |
| CN110007915A (en) * | 2018-01-04 | 2019-07-12 | 武汉斗鱼网络科技有限公司 | A kind of linear placement's method and device of adaptive child control |
| CN111176768A (en) * | 2019-12-18 | 2020-05-19 | 福建升腾资讯有限公司 | Nested parent control and child control multi-level display method and device |
| CN112035199A (en) * | 2020-08-13 | 2020-12-04 | 华为技术有限公司 | Interface layout method, electronic equipment and computer readable storage medium |
| CN112596730A (en) * | 2020-12-30 | 2021-04-02 | 广州繁星互娱信息科技有限公司 | Layout adjustment method, device, terminal and storage medium |
| CN115619864A (en) * | 2022-10-25 | 2023-01-17 | 阿里巴巴（中国）有限公司 | Image layout generation method and device and electronic equipment |
| CN116051627A (en) * | 2023-02-02 | 2023-05-02 | 杭州比智科技有限公司 | Method and system for realizing graphic self-adaption based on svg and Lottie |
-
2007
- 2007-10-22 CN CNA2007101633321A patent/CN101140516A/en active Pending
Cited By (40)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102314700A (en) * | 2010-07-07 | 2012-01-11 | 腾讯科技（深圳）有限公司 | Method and system for controlling display mode of client user |
| CN102063307A (en) * | 2011-01-07 | 2011-05-18 | 杭州海康威视数字技术股份有限公司 | Graphical user interface creating method and system of embedded digital video recorder |
| CN102890632A (en) * | 2012-09-18 | 2013-01-23 | 深圳市融创天下科技股份有限公司 | Screen adaptation method, system and terminal device |
| CN103885755A (en) * | 2012-12-19 | 2014-06-25 | 腾讯科技（深圳）有限公司 | Method and device for implementing screen matching of owner-draw controls |
| CN103235819A (en) * | 2013-04-27 | 2013-08-07 | 浪潮集团山东通用软件有限公司 | WEB interface multi-zone data display method |
| CN106062711B (en) * | 2014-02-27 | 2020-04-17 | 起元技术有限责任公司 | Method, system, and computer storage medium for compound controls |
| CN106062711A (en) * | 2014-02-27 | 2016-10-26 | 起元技术有限责任公司 | Compound controls |
| CN103902722A (en) * | 2014-04-10 | 2014-07-02 | 白杨 | B/S (browser/server) based webpage display method and terminal |
| CN103902722B (en) * | 2014-04-10 | 2018-01-12 | 白杨 | Webpage display methods and terminal based on B/S frameworks |
| CN105094584A (en) * | 2014-05-16 | 2015-11-25 | 北大方正集团有限公司 | View scaling processing method and view scaling processing apparatus |
| CN105094584B (en) * | 2014-05-16 | 2019-04-05 | 北大方正集团有限公司 | View scaling method and view scaling processing device |
| CN104699376A (en) * | 2015-04-03 | 2015-06-10 | 上海航天测控通信研究所 | Automatic control layout method |
| CN106162302A (en) * | 2015-04-22 | 2016-11-23 | Tcl集团股份有限公司 | Method of combination, device and the intelligent television at the main interface of a kind of Launcher |
| CN104866189A (en) * | 2015-04-27 | 2015-08-26 | 深圳市金立通信设备有限公司 | Terminal |
| CN104834521A (en) * | 2015-04-27 | 2015-08-12 | 深圳市金立通信设备有限公司 | Application interface regulating method |
| CN106156263A (en) * | 2015-05-14 | 2016-11-23 | 锐珂（上海）医疗器材有限公司 | Web page based on coordinate provides method and system |
| CN104850436A (en) * | 2015-05-15 | 2015-08-19 | 无锡天脉聚源传媒科技有限公司 | Method and device for loading plug-in in page |
| CN104850436B (en) * | 2015-05-15 | 2018-02-09 | 无锡天脉聚源传媒科技有限公司 | A kind of method and device that plug-in unit is loaded in the page |
| CN105278964B (en) * | 2015-11-23 | 2018-10-12 | 金蝶软件（中国）有限公司 | component rendering method and device |
| CN105278964A (en) * | 2015-11-23 | 2016-01-27 | 金蝶软件（中国）有限公司 | Assembly rendering method and device |
| CN106843661A (en) * | 2015-12-07 | 2017-06-13 | 深圳创锐思科技有限公司 | A kind of method of information exchange, electronic equipment and control terminal |
| CN105511725A (en) * | 2015-12-09 | 2016-04-20 | 网易（杭州）网络有限公司 | Method and device for displaying controls in interface |
| CN107193815A (en) * | 2016-03-14 | 2017-09-22 | 阿里巴巴集团控股有限公司 | A kind of processing method of page code, device and equipment |
| CN106454476A (en) * | 2016-05-31 | 2017-02-22 | 乐视控股（北京）有限公司 | Configuration method and configuration device for focus order in graphical user interface |
| CN106708985A (en) * | 2016-12-12 | 2017-05-24 | 北京奇虎科技有限公司 | Layout method and device for multi-column webpage |
| CN106708985B (en) * | 2016-12-12 | 2020-08-18 | 北京奇虎科技有限公司 | Layout method and device for multi-column webpage |
| CN107066267A (en) * | 2017-03-27 | 2017-08-18 | 网易（杭州）网络有限公司 | Page size processing method, device and equipment |
| CN107357727A (en) * | 2017-07-04 | 2017-11-17 | 广州君海网络科技有限公司 | APP testing results method, apparatus, readable storage medium storing program for executing and computer equipment |
| CN110007915A (en) * | 2018-01-04 | 2019-07-12 | 武汉斗鱼网络科技有限公司 | A kind of linear placement's method and device of adaptive child control |
| CN108647026A (en) * | 2018-05-15 | 2018-10-12 | 中国电子科技集团公司第二十九研究所 | Visualization interface integrated approach based on dynamic grid and system |
| CN108647026B (en) * | 2018-05-15 | 2022-03-18 | 中国电子科技集团公司第二十九研究所 | Visual interface integration method and system based on dynamic grid |
| CN109165060A (en) * | 2018-07-12 | 2019-01-08 | 北京猫眼文化传媒有限公司 | View response region method of adjustment and terminal device in a kind of navigation bar |
| CN109165060B (en) * | 2018-07-12 | 2022-02-18 | 北京猫眼文化传媒有限公司 | Method for adjusting view response area in navigation bar and terminal equipment |
| CN109032749B (en) * | 2018-08-16 | 2021-08-10 | 成都映潮科技股份有限公司 | Method and device for adapting resolution of terminal equipment |
| CN109032749A (en) * | 2018-08-16 | 2018-12-18 | 成都市映潮科技股份有限公司 | A kind of adaptive terminal device resolution method and device |
| CN111176768A (en) * | 2019-12-18 | 2020-05-19 | 福建升腾资讯有限公司 | Nested parent control and child control multi-level display method and device |
| CN112035199A (en) * | 2020-08-13 | 2020-12-04 | 华为技术有限公司 | Interface layout method, electronic equipment and computer readable storage medium |
| CN112596730A (en) * | 2020-12-30 | 2021-04-02 | 广州繁星互娱信息科技有限公司 | Layout adjustment method, device, terminal and storage medium |
| CN115619864A (en) * | 2022-10-25 | 2023-01-17 | 阿里巴巴（中国）有限公司 | Image layout generation method and device and electronic equipment |
| CN116051627A (en) * | 2023-02-02 | 2023-05-02 | 杭州比智科技有限公司 | Method and system for realizing graphic self-adaption based on svg and Lottie |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN101140516A (en) | Method and system for dynamic laying-out interface element | |
| US10528236B2 (en) | Creating a display pattern for multiple data-bound graphic objects | |
| Putnik et al. | Scalability in manufacturing systems design and operation: State-of-the-art and future developments roadmap | |
| CN110377285B (en) | Method and device for generating page skeleton screen and computer equipment | |
| JP5992934B2 (en) | 3D viewing method | |
| RU2004114219A (en) | SYSTEM FOR PROVIDING HOSTING OF GRAPHIC ASSEMBLY / REPRESENTATION OBJECTS | |
| WO2018080542A1 (en) | Developing a non-rectangular user interface | |
| US8229735B2 (en) | Grammar checker for visualization | |
| CN108268262A (en) | Realize the method, apparatus and system that HTML is converted to wechat small routine | |
| US10613725B2 (en) | Fixing spaced relationships between graphic objects | |
| Anslow et al. | User evaluation of polymetric views using a large visualization wall | |
| US11269950B2 (en) | Analysis for framework assessment | |
| US10475223B2 (en) | Generating multiple data-bound graphic objects | |
| Schumann et al. | Evaluation of augmented reality supported approaches for product design and production processes | |
| Lee et al. | Finite element implementation for computer‐aided education of structural mechanics: Frame analysis | |
| CN113326044A (en) | Development method, system and storage medium based on control library | |
| JP2007225726A (en) | Programming learning assisting system, and programming learning assisting method | |
| JP6781819B2 (en) | Task processing method and distributed computing framework system | |
| Bowman et al. | Virtual-SAP: an immersive tool for visualizing the response of building structures to environmental conditions | |
| Eckertz et al. | Digital knowledge base for industrial augmented reality systems based on semantic technologies | |
| JP2011107890A (en) | Design support program and design support device | |
| KR102545966B1 (en) | Apparatus and method for simulation of furniture placement using parametric design | |
| US11023110B2 (en) | Creating an axis for data-bound objects | |
| Cawley et al. | Interactive visualisation to support product configuration in software product lines | |
| Botterweck et al. | Visual configuration in automotive software product lines |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| C02 | Deemed withdrawal of patent application after publication (patent law 2001) | ||
| WD01 | Invention patent application deemed withdrawn after publication |