Row属性说明

继承自 Item
相关控件：Flow Grid

Row是一种类型，它沿着单个行定位其子项。它可以用作一种方便的方法来水平放置一系列物品而不使用锚。

本文: https://www.lovejia.win/blog/article/Row.html
参考原文：http://doc.qt.io/qt-5/qml-qtquick-row.html
参考译文：http://blog.csdn.net/xuancailinggan/article/details/50864103

属性说明

add : Transition

往Row中增加组件或先创建位置，后给位置相应的子组件或一个组件由不可见变得可见时，这个过渡触发。过渡能用ViewTransition属性去访问添加在子组件上的细节。
注意：在Row创建时已经是Row的一部分的子组件不会触发这个过渡，取代的，是触发populate过渡。

bottomPadding : real / leftPadding : real / padding : real / rightPadding : real / topPadding : real

这些属性在内容周围保留了填充。

effectiveLayoutDirection : enumeration

此属性保存行的有效布局方向。
当使用附加属性LayoutMirroring :: enabled进行语言环境布局时，行定位器的可视布局方向将被镜像。但是，layoutDirection的属性将保持不变。

layoutDirection : enumeration

此属性保存行的layoutDirection。
可能的值：
Qt.LeftToRight（默认） - 项目从左到右布局。如果明确设置了行的宽度，左锚点将保留在行的左侧。
Qt.RightToLeft - 项目从右到左布局。如果明确设置了行的宽度，右侧的锚点将保留在该行的右侧。

move : Transition

此属性保持在定位器内移动的项目的运行转换。对于定位器，这适用于：
*由于定位器中其他物品的添加，移除或重新布置而移动时的移动的儿童物品
*由于调整定位器中其他项目的大小而重新定位的子项目
转换可以使用ViewTransition属性访问有关正在移动的项目的更多详细信息。
注意：对于此移动过渡，只有当此转换由定位器中添加其他项目触发时，才会设置ViewTransition .targetIndexes和ViewTransition .targetItems列表; 在其他情况下，这些列表将为空。
注意：在Qt Quick 1中，此转换已应用于在其创建时作为定位器一部分的所有项目。从QtQuick 2起，定位器应用填充过渡到这些项目。

populate : Transition

此属性保存在创建定位器时作为此定位器一部分的项目要运行的转换。在首次创建定位器时运行转换。
转换可以使用ViewTransition属性访问有关要添加的项目的更多详细信息。

spacing : real

相邻的子组件之间的保留空间，默认为0。

功能简述

Row是一种类型，它沿着单个行定位其子项。它可以用作一种方便的方法来水平放置一系列物品而不使用锚。

例

下面的例子是一个包含三个不同大小的矩形的行：

import QtQuick 2.0
Row {
    spacing: 2
    Rectangle { color: "red"; width: 50; height: 50 }
    Rectangle { color: "green"; width: 20; height: 50 }
    Rectangle { color: "blue"; width: 50; height: 20 }
}

如果列中的项目不可见，或者宽度或高度为0，则该项目不会布局，并且在该行中不可见。此外，由于行自动水平位置的孩子，一个行内的一个子项不应设置它的点¯x位置或水平使用锚本身left，right，anchors.horizontalCenter，fill或centerIn anchors。如果需要执行这些操作，请考虑定位项目而不使用行。

注意：行中的项目可以使用Positioner附加属性来访问有关其在行中的位置的更多信息。

以下示例中尝试添加五个按钮，并且这些按钮在同一行：

import QtQuick 2.0
Window {  
    visible: true  
    width: 300  
    height: 300  
    Rectangle{  
        anchors.fill: parent  
        Row{  
        anchors.left: parent.left  
        anchors.leftMargin: 4  
        anchors.bottom: parent.bottom  
        anchors.bottomMargin: 4  
            Button{  
            id:button1  
            text:qsTr("按钮1")  
            }  
            Button{  
            id:button2  
            text:qsTr("按钮2")  
            }  
            Button{  
            id:button3  
            text:qsTr("按钮3")  
            }  
            Button{  
            id:button4  
            text:qsTr("按钮4")  
            }  
            Button{  
            id:button5  
            text:qsTr("按钮5")  
            }  
        }  
    }  
}