QML中定位器的相互嵌套

最新推荐文章于 2024-10-08 20:45:48 发布

原创

最新推荐文章于 2024-10-08 20:45:48 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#QML #QT

本文介绍如何在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("按钮二")
    }


    }
}
</