Row 和 RowLayout 有什么区别？

Question

这对 Row 有效，但对 RowLayout 无效。为什么？两者有什么区别？

ApplicationWindow {    
    title: "Testing"
    width: 640
    height: 480

    //RowLayout {
    Row {        
        anchors.fill: parent

        Rectangle {
            id: rect1
            width: parent.width * 0.3
            height: parent.height
            color: "blue"
        }
        Rectangle {
            height: parent.height
            width: parent.width * 0.7
            color: "red"
        }
    }
}

Answer 1

Row 是一个 Item Positioner。定位器项是管理声明性用户界面中项位置的容器项。

RowLayout 是 Qt Quick Layouts 的一部分。它们在声明性用户界面上管理项目的位置和大小，非常适合可调整大小的用户界面。

带有 RowLayout 的代码应如下所示：

RowLayout{
    anchors.fill: parent
    spacing: 0
    Rectangle{
        Layout.fillHeight: true
        Layout.preferredWidth: parent.width * 0.3
        color: "blue"
    }
    Rectangle{
        Layout.fillHeight: true
        Layout.fillWidth: true
        color: "red"
    }
}

Row 和 RowLayout 有什么区别？

What is the difference between Row and RowLayout?

qt

qml

qtquick2