Qt/QML学习-布局管理

QML学习

• 布局管理例程
• 视频讲解
• 代码

main.qml

Window {
    Rectangle {
        anchors.fill: parent
        color: "black"
        Rectangle {
            id: rect1
            width: 128
            height: 96
            x: parent.width / 2 - width / 2
            y: parent.height / 2 - height / 2
            color: "white"
            Text {
                anchors.centerIn: parent
                text: qsTr("rect1")
            }
            MouseArea {
                anchors.fill: parent
                drag.target: rect1
            }
        }

        Rectangle {
            id: rect2
            anchors.left: rect1.right
            anchors.verticalCenter: rect1.verticalCenter
            anchors.leftMargin: 10
            width: 128
            height: 96
            color: "red"
            Text {
                anchors.centerIn: parent
                text: qsTr("rect2")
            }
        }
    }

演示

• 视频讲解