This documentation is currently available in Portuguese. English and other languages are on the way.

UI — Building the interface

Layouts

Arranging components on screen — grid, vertical, horizontal and responsiveness, one layout per page with example and diagram.

Distributes children with equal spacing along an axis, preserving each one's size.

Grid of columns by fraction, one row height per tallest content.

Lays out children side by side, each at the container's height.

No automatic arrangement — manual positioning (setBounds) or relative (setRelativeBounds).

Positions and sizes by anchors — relative to the container or to another component.

How to ensure any layout adapts to screen size, density and font.

Stacks children top to bottom, each at the container's width.