Column可以将它的子元素排列成一列,对于要将多个元素布局成一列的情况,使用

Column要比使用anchors快捷得多。

 

1.Column的使用就是将需要布局的元素放在其内部即可。

示例:

2.使用spacing设置Column内部元素之间的间隔。

接上例:

3.设置Column子元素四周的空白使用leftPadding、topPadding、rightPadding和bottomPadding。

示例:

从运行效果可以看到左边距和上边距,由于三个矩形元素的大小固定,所以右边距和下边距没有效果。

 

4.除了以上属性,Column元素还有三个属性的值是Transition(过渡),这三个属性是populate、add、和move。

它们分别用来设置Column子元素创建时、添加时和移动时的过渡效果(添加动画)。

以populate为例:

在没有添加populate属性时,运行程序可以看到三个矩形已经排列好了。添加populate后可以看到三个矩形

位置变化的过程。当然你也可以设置别的动画效果,这取决于Transition内部怎么写。

 

---> 文章来源于我的个人博客:fearlazy
---> 编程是一件怎么也学不会的事情,但是如果能享受学习的过程也是挺好的。