Row 和 RowLayout 有什么区别?

问题描述

这在 Row 中可以正常工作，但在 RowLayout 中无效.为什么?两者有什么区别?

This works as intended with Row, but not with RowLayout. Why? What is the difference between the two?

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"
        }
    }
}

推荐答案

Row 是一个 项目定位器.定位项是在声明性用户界面中管理项位置的容器项.

Row is a Item Positioner. Positioner items are container items that manage the positions of items in a declarative user interface.

RowLayout 是 Qt 快速布局的一部分.它们在声明式用户界面上管理项目的位置和大小，非常适合可调整大小的用户界面.

RowLayout is part of Qt Quick Layouts. They manage both the positions and the sizes of items on a declarative user interface, and are well suited for resizable user interfaces.

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

Your code with RowLayout should look like this:

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 有什么区别?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！