Method and system for dynamic laying-out interface element

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 [0001] The invention relates to the technical field of man-machine interface, in particular to a method and system for dynamically arranging interface elements in a two-dimensional plane. Background technique [0002] In the human-machine interaction process (Human Machine Interaction), there is a level, which is what we call the interface. Human-machine interface GUI (Graphical User Interface, Graphical User Interface) is a communication environment needed for users to communicate with computers. [0003] In the two-dimensional plane of the usual man-machine interface, the layout of various interface elements is very important, and because all visual information (including background color) on the screen is drawn by the control. Therefore, by performing layouts for various controls, the layout of all elements on the screen can be realized. Among them, in order to determine the position of the controls in the interface, the following schemes are generally a...

AI Technical Summary

Problems solved by technology

[0011] For example, the absolute positioning methods of Scheme 1 and Scheme 2 have the advantages of conforming to habits and being easy to use; however, absolute positioning cannot be dynamically changed at runtime

When the display size of the interface where the control is located changes (for example, due to the adjustment of the resolution), the layout position of the control in the interface should change dynamically, but the above schemes 1 and 2 using the absolute positioning method Cannot change dynamically, it is difficult to achieve dynamic effects

[0012] For scheme 3, although the dynamic adjustment of the position of the control can be realized, it is more complicated to implement

For example, using the grid positioning method mainly divides the content of the web page into several areas, and then fills the corresponding content into different tables; processing speed (such as parsing and downloading)

In addition, the grid-like layout in the interface automation design tool is very inconvenient for users of IDE (Integrated Development Environment, computer program integrated development environment, such as eclipse, Visual Studio, Jbuilder, etc.). There is not enough freedom when dragging and placing controls (you need to construct a grid with certain rows and columns, and you need to accurately place the corresponding controls to the corresponding grid)

In addition, it is a boring and complicated work to figure out and set the numerous weights of rows, columns, and cells manually when the interface is complex, and it is very error-prone

Images