QML中定位器的相互嵌套

本文介绍如何在QML中使用定位器的相互嵌套,以改变元素布局。通过Column定位器作为总布局,内含Row定位器来管理按钮顺序,通过调整代码顺序实现按钮一和按钮二在后方显示。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

其实这种嵌套非常容易理解,只需要几行代码,不过说起来则是相当麻烦。

我们的需求是对之前的按钮布局进行改动,在前面的几个示例中,按钮一和按钮二都是在前面的,现在需要在后面。

简单分析一下需求,思路就简单很多了:

首先我们指定一个总的定位器,就用Column定位器,我把按钮一和按钮二放进去,内部呢就用row好了,用它来存放按钮三四五

但是你会发现顺序还是正确的,不急,调换一下顺序,把按钮一和按钮二的代码放到row定位器的下面。

代码如下:


import QtQuick 2.3
import QtQuick.Window 2.2
import QtQuick.Controls 1.4

Window {
    visible: true
    Column{
        anchors.fill: parent

        spacing: 10
        Row{
            Button{
            id:button3
            text:qsTr("按钮三")
            }
            Button{
            id:button4
            text:qsTr("按钮四")
            }
            Button{
            id:button5
            text:qsTr("按钮五")
            }

        }
    Button{
    id:button1
    text:qsTr("按钮一")
    }
    Button{
    id:button2
    text:qsTr("按钮二")
    }


    }
}
</
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值