Тип QML Flow

Располагает своих дочерние элементы рядом друг с другом, переходя на следующую строку при необходимости Подробнее...

• Список всех членов, включая унаследованные члены

Свойства

• add : Переход
• bottomPadding : вещественное число
• effectiveLayoutDirection : перечисление
• flow : перечисление
• layoutDirection : перечисление
• leftPadding : вещественное число
• move : Переход
• padding : вещественное число
• populate : Переход
• rightPadding : вещественное число
• spacing : вещественное число
• topPadding : вещественное число

Подробное описание

Элемент Flow размещает свои дочерние элементы, как слова на странице, разделяя их по строкам или столбцам при необходимости.

Ниже представлен Flow, содержащий различные элементы Text:

    Flow {
        anchors.fill: parent
        anchors.margins: 4
        spacing: 10

        Text { text: "Text"; font.pixelSize: 40 }
        Text { text: "items"; font.pixelSize: 40 }
        Text { text: "flowing"; font.pixelSize: 40 }
        Text { text: "inside"; font.pixelSize: 40 }
        Text { text: "a"; font.pixelSize: 40 }
        Text { text: "Flow"; font.pixelSize: 40 }
        Text { text: "item"; font.pixelSize: 40 }
    }

Элемент Flow автоматически размещает дочерние элементы Text рядом друг с другом, переходя на следующую строку при необходимости:

Если элемент внутри Flow не видим, или если его ширина или высота равна 0, элемент не будет выложен и не будет виден внутри Flow. Кроме того, поскольку Flow автоматически размещает свои дочерние элементы, дочерний элемент внутри Flow не должен устанавливать свои значения x или y или закреплять себя с помощью любого из свойств anchor.

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

См. также Column, Row, Grid, Positioner и Примеры Qt Quick - Расположители.

Документация по свойствам

add : Переход

Это свойство содержит переход, который будет выполнен для элементов, добавленных в этот расположитель. Для расположителя это относится к:

• Элементам, созданным или переродившимся как дочерние элементы расположителя после создания расположителя
• Дочерним элементам, которые изменяют свойство Item::visible со значения false на true и таким образом становятся видимыми

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

Примечание: Этот переход не применяется к элементам, которые уже являются частью расположителя на момент его создания. В этом случае применяется переход populate.

См. также populate, ViewTransition и Примеры Qt Quick - Расположители.

bottomPadding : вещественное число

Эти свойства содержат отступы вокруг содержимого.

Это свойство QML было введено в Qt 5.6.

effectiveLayoutDirection : перечисление

Это свойство содержит эффективное направление вывода Flow.

При использовании присоединённого свойства LayoutMirroring::enabled для локалей макет будет отображаться зеркально. Однако свойство layoutDirection останется неизменным.

См. также Flow::layoutDirection и LayoutMirroring.

flow : перечисление

Это свойство содержит направление вывода макета.

Возможные значения:

• Flow.СлеваНаправо (по умолчанию) - Элементы размещаются рядом друг с другом в соответствии с layoutDirection, пока не будет превышена ширина Flow, затем переходят на следующую строку.
• Flow.СверхуВниз - Элементы размещаются друг под другом сверху вниз, пока не будет превышена высота Flow, затем переходят в следующий столбец.

layoutDirection : перечисление

Это свойство содержит направление вывода макета.

Возможные значения:

• Qt.СлеваНаправо (по умолчанию) - Элементы размещаются сверху вниз и слева направо. Направление вывода зависит от свойства Flow::flow.
• Qt.СправаНалево - Элементы размещаются сверху вниз и справа налево. Направление вывода зависит от свойства Flow::flow.

См. также Grid::layoutDirection, Row::layoutDirection и Примеры Qt Quick - Справа налево.

leftPadding : вещественное число

Эти свойства содержат отступы вокруг содержимого.

Это свойство QML было введено в Qt 5.6.

move : Переход

Это свойство содержит переход, который будет выполнен для элементов, перемещенных внутри расположителя. Для расположителя это относится к:

• Дочерним элементам, которые перемещаются, когда они смещаются из-за добавления, удаления или переупорядочения других элементов в расположителе
• Дочерним элементам, которые перемещаются из-за изменения размера других элементов в расположителе

Переход может использовать свойство ViewTransition для доступа к дополнительным данным об элементе, который перемещается. Однако обратите внимание, что для этого перехода перемещения списки ViewTransition.targetIndexes и ViewTransition.targetItems задаются только при активации этого перехода в результате добавления других элементов в расположитель; в других случаях эти списки будут пустыми. См. документацию ViewTransition для получения дополнительной информации и примеров использования этих переходов.

Примечание: В Qt Quick 1 этот переход применялся ко всем элементам, которые были частью расположителя на момент его создания. Начиная с QtQuick 2 расположители применяют переход populate к этим элементам вместо этого.

См. также add, ViewTransition и Примеры Qt Quick - Расположители.

padding : вещественное число

Эти свойства содержат отступы вокруг содержимого.

Это свойство QML было введено в Qt 5.6.

populate : Переход

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

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

См. также add, ViewTransition и Примеры Qt Quick - Расположители.

rightPadding : вещественное число

Эти свойства содержат отступы вокруг содержимого.

Это свойство QML было введено в Qt 5.6.

spacing : вещественное число

spacing — это количество пикселей, оставленных пустыми между каждым смежным элементом, и по умолчанию равно 0.

См. также Grid::spacing.

topPadding : вещественное число

Эти свойства содержат отступы вокруг содержимого.

Это свойство QML было введено в Qt 5.6.