Row元素的作用和Column的作用是类似的,关于Column元素的内容,请

搜索《QML中Column元素知多少?》。

 

只不过Row元素是将其子元素排成一行,直接看例子:

从例子中可以看到把三个矩形元素放到Row的内部,三个矩形排成一行。

默认情况下Row的子元素是按照从左到右的顺序排列的,但是Row元素可以设置

layoutDirection属性来改变方向,将该属性的值设置为"RightToLeft"表示从右到左排列。

测试一下:

可以看到第一个绿色矩形放置在了最右侧。

然而当Row设置关联属性LayoutMirroring.enabled为true时,此时设置从右到

左的布局方向就没有效果了。因为LayoutMirroring.enabled为true时表示镜像,

从右到左的布局的镜像就是从左到右(有点负负得正的意思)。

测试一下:

该示例效果同第一张图。

 

除以上属性,Row元素的spacing、padding以及add、move和populate过渡属性

和Column是一样的。以下演示move属性:

我们通过按下空格键隐藏/显示中间黄色的矩形,从而导致红色矩形移动。

例子中设置move效果是x,y属性的动画效果,因此可以看到元素移动的过程。

 

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