了解行和列布局

Question

我想了解为什么在使用qmlscene进行显示时，此示例没有绘制任何Rectangle？是否可以合并和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

您看起来像是将Rectangle的width设置为其各自父公司Column的width。但这些没有任何width轮流设置。

尝试设置width都Column的S-如下：

width: parent.width/2 

这应该行分成两个Column秒。我假设这是你正在寻找的行为，如果不是，你可以尝试QML Grid控制来获得更好的纹理控制布局。