FlexBox

CSS-like flex container configured directly via LayoutStyle flexbox properties.

Overview

FlexBox is the direct UniGUI equivalent to CSS display: flex. Unlike LinearBox and WrapPanel, it does not store secondary orientation or spacing states.

Everything — direction, wrapping, main-axis justification (justifyContent), cross-axis alignment (alignItems), and item gaps (rowGap, columnGap) — is configured directly on its layoutStyle().

Flex Justification & Alignment

FlexBox flex = new FlexBox();
flex.layout(style -> style
        .flexDirection(FlexDirection.ROW)
        .justifyContent(Justify.SPACE_BETWEEN)
        .alignItems(Align.CENTER)
        .gap(8.0f));

Related links

• LayoutStyle
• LinearBox

API

FlexBox()

Constructor

Creates an unconstrained FlexBox container with ROW direction.