The layout mechanisms for many GUI toolkits are hard to understand, the associated tools and API's often difficult to use. This work investigates new, easy-to-understand layout mechanisms and evaluates its implementation. We will analyze the requirements for the definition of layouts of a graphical user interface. Part of the issue is that several aspects need to be considered simultaneously while laying-out a component: the alignment with other components as well as its own behaviour while resizing its container. Moreover, the used tools should isolate the designer/drawer from the implementation details of the framework. We present the details of our new GUI layout system, discuss the choices we made for our new layout algorithm and detail implementation issues. Moreover, we present also the user interface for our new GUI builder system that contains several innovations, such as a preview window to show the effects of layout configuration choices in real-time. We present an evaluation of our new system by attacking the complex GUI layout problem mentioned above.
[1]
Satoshi Matsuoka,et al.
Declarative programming of graphical interfaces by visual examples
,
1992,
UIST '92.
[2]
Donald E. Knuth,et al.
The TeXbook
,
1984
.
[3]
Scott E. Hudson,et al.
Interactive specification of flexible user interface displays
,
1990,
TOIS.
[4]
Scott E. Hudson,et al.
Providing visually rich resizable images for user interface components
,
2000,
UIST '00.
[5]
Steven K. Feiner,et al.
Inferring constraints from multiple snapshots
,
1993,
TOGS.
[6]
Paul R. Calder,et al.
Composing user interfaces with InterViews
,
1989,
Computer.
[7]
Stéphane Chatty,et al.
Revisiting visual interface programming: creating GUI tools for designers and programmers
,
2004,
UIST '04.
[8]
Pierre Dragicevic,et al.
Artistic resizing: a technique for rich scale-sensitive vector graphics
,
2006,
SIGGRAPH '06.
[9]
Luca Cardelli,et al.
Building user interfaces by direct manipulation
,
1988,
UIST '88.