Flow元素可以用于QML元素的布局,和Row、Column以及Grid是一伙的,尤其是和Grid很像。

Flow流将其子元素一个接一个放置,如果空间不够则另起一行(或列)。

相比Grid,它不需要设置行属性和列属性。

例:

为了效果更明显,我们让Flow元素和其父亲(灰色的矩形)一样大。

Flow没有设置行和列,虽然没有设置但从显示效果上可以看到五个矩形被分成了两行,

由于红色矩形之后的空间不足以方向蓝色的矩形,因此另起了一行。

 

和Grid一样,通过设置flow属性改变排列的顺序,默认值为LeftToRight,还有一个值

是TopToBottom,设置为后者表示按照从上到下的属性排列,放不下时另起一列。

例:

可以看到先从上到下排列三个矩形,剩余的空间高度也放不下蓝色的矩形,因此

另起一列。

 

其余属性spacing、padding及add、move和populate和Row是类似的。

相关内容搜索《「入门」QML中的Row元素了解一下》。

 

---> 文章来源于我的个人博客:fearlazy
---> 编程是一件怎么也学不会的事情,但是如果能享受学习的过程也是挺好的。