Перейти к основному содержимому

Flex

Виджет Flex можно использовать как альтернативу виджетам Row и Column. Он позволяет динамически устанавливать ось макета (горизонтальную или вертикальную) на основе определенных условий или логики. Это особенно полезно для творческих адаптивных макетов, где дочерние элементы должны быть горизонтальными, когда экран широкий, и вертикальными, когда экран узкий.

flex.png

Добавление виджета Flex

Чтобы использовать виджет Flex, добавьте его из раздела Элементы макета палитры виджетов, затем добавьте дочерние виджеты внутрь него. В свойствах панели установите условие для свойства Is Horizontal. Когда это условие оценивается как True, элементы будут размещены горизонтально.

Рассмотрим пример приложения электронной коммерции, где недавние заказы отображаются вертикально на мобильных устройствах и переходят к горизонтальному макету на более крупных экранах для более эффективного использования доступного пространства.

Лучшие практики
  • Если вам нужно только простое вертикальное или горизонтальное расположение, рассмотрите использование Row или Column.
  • Для очень большого количества дочерних элементов рассмотрите использование ListView или GridView вместо Flex, так как они обеспечивают лучшую производительность при прокрутке больших списков элементов.
  • Если содержимое превышает предел экрана, можно включить прокрутку для доступности содержимого. Однако, если вы хотите избежать прокрутки вообще и все же поместить все содержимое на экран, рассмотрите использование виджета Wrap.

Настройка

Когда свойство Is Horizontal отключено, виджет Flex ведет себя как Column, а когда включено, он действует как Row. Настройки, такие как выравнивание по главной оси, выравнивание по поперечной оси, возможность прокрутки и интервал работают так же, как и для виджетов Column и Row.