Column-QT开发中文网

在 QML（Qt Modeling Language）中，Column 是一个布局组件，用于垂直排列其子项。它会根据添加的子项自动调整大小，并将子项从上到下依次排列。

主要特点

垂直排列：Column 会按照顺序将其子项从上到下进行排列。
自动调整大小：Column 会根据包含的子项的高度来自动设置自己的高度。
间距控制：可以通过 spacing 属性设置子项之间的垂直间距。
对齐方式：可以使用 anchors.horizontalCenter, anchors.left, anchors.right 等属性来控制子项在水平方向上的对齐方式。

示例

以下是一个简单示例，展示如何使用 Column 来组织多个文本和按钮：

import QtQuick 2.15
import QtQuick.Controls 2.15

ApplicationWindow {
    visible: true
    width: 300
    height: 400

    Column {
        anchors.centerIn: parent // 将 Column 居中放置在父窗口中
        spacing: 10 // 设置子项之间的间距为10像素
        
        Text {
            text: "Welcome to QML!"
            font.pointSize: 20
            horizontalAlignment: Text.AlignHCenter // 水平居中对齐
        }

        Button {
            text: "Click Me"
            onClicked: {
                console.log("Button clicked!")
            }
        }

        Text {
            text: "Enjoy Learning!"
            font.pointSize: 16
            horizontalAlignment: Text.AlignHCenter // 水平居中对齐
        }
        
        Button {
            text: "Another Button"
            onClicked: {
                console.log("Another button clicked!")
            }
        }
    }
}