QML中Column的使用及示例

其实它和Row是相同的，依旧是添加五个按钮：

import QtQuick 2.3
import QtQuick.Window 2.2
import QtQuick.Controls 1.4

Window {
    visible: true
    width: 300
    height: 300
    Rectangle{
    anchors.fill: parent
    Column{
    anchors.left: parent.left
    anchors.leftMargin: 4
    anchors.bottom: parent.bottom
    anchors.bottomMargin: 4

    Button{
    id:button1
    text:qsTr("按钮1")
    }
    Button{
    id:button2
    text:qsTr("按钮2")
    }
    Button{
    id:button3
    text:qsTr("按钮3")
    }
    Button{
    id:button4
    text:qsTr("按钮4")
    }
    Button{
    id:button5
    text:qsTr("按钮5")
    }
    }
    }
    }

要是非要找点不同，那就是位置了，看效果图：

从图上可以看出，按钮5是在最下面的。

我们的代码想要表达的意思是布局从左下角开始，没错，这里的布局也就从左下角开始了。QT自动为我们进行了优化，使得按钮1在最上面，按钮5在最下面，而且位置非常恰当。