Question

我想了解为什么这个示例在使用Rectangle显示时不会绘制任何qmlscene？是否可以将Row和Column组件合并在一起以创建网格？

import QtQuick 2.7
import QtQuick.Controls 1.4
import QtQuick.Controls 2.1
import QtQuick.Controls.Material 2.0
import QtQuick.Dialogs 1.2
import QtQuick.Layouts 1.3

Pane {
    anchors.fill: parent
    Row {
        anchors.fill: parent
        Column {
            anchors.top: parent.top
            anchors.bottom: parent.bottom
            Rectangle {border.color: "red";color: "blue"; anchors.left: parent.left;anchors.right: parent.right; height: parent.height;width: parent.width}
        }
        Column {
            anchors.top: parent.top
            anchors.bottom: parent.bottom
            Rectangle {border.color: "red";color: "green";anchors.left: parent.left;anchors.right: parent.right; height: parent.height; width: parent.width}
        }
    }
}

使用Qt 5.8测试，我得到一个空的白色屏幕。

Answer 1

您似乎将width的{{1}}设置为各自父Rectangle的{{1}}。但是这些不会依次设置width。

尝试按以下方式设置Column的{{1}}：

width

这应该将行拆分为两个width。我假设这是您正在寻找的行为，如果不是，您可以尝试使用QML Grid控件来更好地控制布局。

了解行和列布局

1 个答案: