编程技术分享平台

网站首页 > 技术教程 正文

「入门」QML中Column元素知多少?(qml function)

xnh888 2024-11-08 14:44:03 技术教程 25 ℃ 0 评论

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
---> 编程是一件怎么也学不会的事情,但是如果能享受学习的过程也是挺好的。

Tags:

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表