Перейти к содержанию

FlexBox

Flex-контейнер, настраиваемый напрямую через свойства LayoutStyle, аналог CSS display: flex.

Обзор

FlexBox — прямой эквивалент CSS display: flex в UniGUI. В отличие от LinearBox и WrapPanel, он не хранит промежуточных состояний ориентации или зазоров.

Все параметры — направление потока, перенос строк, распределение по главной оси (justifyContent), выравнивание по поперечной оси (alignItems) и отступы (gap) — настраиваются напрямую через layoutStyle().

Выравнивание во FlexBox

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

Связанные ссылки

API

FlexBox()

Конструктор

Создаёт контейнер FlexBox с направлением ROW по умолчанию.