QML:如何使用布局填充矩形

时间:2018-03-27 09:10:23

标签: qt layout qml

我的页面中间有一个矩形,我想用布局填充矩形。这是我想要实现的基本层次结构:

import QtQuick 2.0

Item {   
    Rectangle {        
        width: parent.width/3
        height: parent.height/3
        anchors.centerIn: parent

        ColumnLayout {                
            Rectangle {
                width: parent.width
                height: parent/4
                color: "red"
            }

            Rectangle {
                width: parent.width
                height: parent/4 
                color: "blue"
            }
        }        
    }
}

这个问题是在Rectangle中定义ColumnLayout最终会出错(Qt Creator会强调这个词)。这有什么问题?

1 个答案:

答案 0 :(得分:0)

在你的情况下你正在做

height: parent/4

应该是

height: parent.height/4

并尝试使用Item for layout而不是Rectangle看看

Item {
    width: 900
    height: 900

    Item {
        width:  parent.width/3
        height: parent.height/3
        ColumnLayout {
            anchors.fill: parent
            Rectangle {
                width: parent.width
                height: parent.height/4
                color: "red"
            }

            Rectangle {
                width: parent.width
                height: parent.height/4
                color: "blue"
            }
        }
    }
}