ColumnLayout QML Type

Identical to GridLayout , but having only one column. 更多...

import 语句：	import QtQuick.Layouts 1.12
继承：	Item

所有成员列表，包括继承成员

特性

layoutDirection : enumeration
spacing : real

详细描述

It is available as a convenience for developers, as it offers a cleaner API.

Items in a ColumnLayout support these attached properties:

ColumnLayout{
    spacing: 2
    Rectangle {
        Layout.alignment: Qt.AlignCenter
        color: "red"
        Layout.preferredWidth: 40
        Layout.preferredHeight: 40
    }
    Rectangle {
        Layout.alignment: Qt.AlignRight
        color: "green"
        Layout.preferredWidth: 40
        Layout.preferredHeight: 70
    }
    Rectangle {
        Layout.alignment: Qt.AlignBottom
        Layout.fillHeight: true
        color: "blue"
        Layout.preferredWidth: 70
        Layout.preferredHeight: 40
    }
}

Read more about attached properties here .

另请参阅 RowLayout , GridLayout ，和 Column .

特性文档编制

layoutDirection : enumeration

This property holds the layout direction of the column layout - it controls whether items are laid out from left ro right or right to left. If Qt.RightToLeft is specified, left-aligned items will be right-aligned and right-aligned items will be left-aligned.

可能的值：

Qt.LeftToRight (default) - Items are laid out from left to right.
Qt.RightToLeft - Items are laid out from right to left

This property was introduced in QtQuick.Layouts 1.1.

另请参阅 GridLayout::layoutDirection and RowLayout::layoutDirection .

spacing : real

This property holds the spacing between each cell. The default value is 5 .