Auto Layout

grThe Auto Layout function is used to help quickly and easily place widgets within a grid layout.

This function can either be access via a Frame object and switching on the setting

Free Placement
Horizontal List
Vertical List
Grid
Flexbox

place objects freely in any location

place objects in different columns

place objects in different rows

place objects into a grid layout

place objects right next to each other

or by creating a pre-defined frame object called:

This is the default state of normal frame where you are free to place objects inside it in any location.

Objects inside this frame would be placed into different columns

Objects inside this frame would be placed into different rows

Objects inside this would be placed into a grid layout

Objects will automatically snap next to each other

Margin

For all of the auto layout options (Horizontal, Vertical, Grid, Flexbox), there is the option to define the spacing horizontally and vertically in number of pixels.

Resizing

When an object is placed inside a layout, it is possible to define whether you like Grid to resize the object.

Fixed

Grid will try to keep the original size of the object.

Fill

Grid will resize the object horizontally or vertically so that it fills the size of the column/row

Expanding

Gridl will expand the object horizontally or vertically so that it fills up the remaining empty space

Scroll Area

Scroll area allows you to define a bigger canvas size than the frame that it sits in.

When the scroll area is a bigger size, the frame size act as a smaller window into that scroll area and you are then able to move/scroll around in that bigger space.

Last updated