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

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