Column属性说明

继承自 Item
相关控件：Flow Row

Column是一种将其子项目沿单个列放置的类型。它可以用作垂直定位一系列物品而不使用锚固件的方便方式。

本文: https://www.lovejia.win/blog/article/Column.html
参考原文：http://doc.qt.io/qt-5/qml-qtquick-column.html
参考译文：http://blog.csdn.net/vampire_armand/article/details/38980851

属性说明

add : Transition

往Column中增加组件或一个组件由不可见变得可见时，这个过渡触发。过渡能用ViewTransition属性去访问添加在子组件上的细节。
参阅ViewTransition。
注意：在Column创建时已经是列的一部分的子组件不会触发这个过渡，取代的，是触发populate过渡。

bottomPadding : real / leftPadding : real / padding : real / rightPadding : real / topPadding : real

这些属性在内容周围保留了填充。

move : Transition

当由于添加，移除或重新排列子组件导致组件失去当前所处的位置，或改变组件的大小导致子组件失去位置时，这个过渡被触发。过渡能用ViewTransition属性去访问添加在子组件上的细节。注意对这个过渡来说，只有当过渡被在移动组件的位置添加组件而失去位置所触发时，ViewTransition.targetIndexes和ViewTransition.targetItems列表才被设置。其他情况，列表是空的。
注意：在Qt Quick 1，Column被创建时的所有存在子组件，都使用这个过渡。而在Qt Quick 2中，使用populate这个过渡来处理Column的第一次创建。

populate : Transition

Column第一次被创建时，已经是Column的一部分的子组件触发的过渡。过渡能用ViewTransition属性去访问添加在子组件上的细节。

spacing : real

相邻的子组件之间的保留空间，默认为0。

功能简述

Column是一种将其子项目沿单个列放置的类型。它可以用作垂直定位一系列物品而不使用锚固件的方便方式。

例

下面的例子是一个包含三个不同大小的矩形的列：

import QtQuick 2.0
Column {
    spacing: 2

    Rectangle { color: "red"; width: 50; height: 50 }
    Rectangle { color: "green"; width: 20; height: 50 }
    Rectangle { color: "blue"; width: 50; height: 20 }
}

如果列中的项目不可见，或者宽度或高度为0，则该项目不会布局，并且不会在列中显示。

下面示例列将move属性设置为特定的Transition。当按下空格键时，绿色矩形的可见值被切换。当它出现和消失时，蓝色矩形在列内移动，移动过渡自动应用于蓝色矩形：

Column {
    spacing: 2

    Rectangle { color: "red"; width: 50; height: 50 }
    Rectangle { id: greenRect; color: "green"; width: 20; height: 50 }
    Rectangle { color: "blue"; width: 50; height: 20 }

    move: Transition {
        NumberAnimation { properties: "x,y"; duration: 1000 }
    }

    focus: true
    Keys.onSpacePressed: greenRect.visible = !greenRect.visible
}