一、描述

Flow 会自动并排放置子项,并根据需要进行换行。

    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 中的某个项目不可见,或者它的宽度或高度为 0,则该项目将不会被布置并且在 Flow 中也不可见。

由于 Flow 会自动定位其子项,因此 Flow 中的子项不应设置其 x 或 y 位置或使用任何锚属性锚定自身

二、属性成员

1、flow : enumeration

此属性保存布局的流程。

  • Flow.LeftToRight:默认,根据 layoutDirection 将项目彼此相邻放置,直到超过 Flow 的宽度,然后包装到下一行。
  • Flow.TopToBottom:项目从上到下彼此相邻放置,直到超过 Flow 的高度,然后包装到下一列。

其他属性、信号、函数见:Row(行定位器)Column(列定位器)Grid(网格定位器)

Logo

北京人形旗下天工造物具身智能开源社区,聚焦具身天工与慧思开物两大平台

更多推荐