如何在qml中移动矩形组件

Rectangle {
    id: rect
    width: 100
    height: 100
    color: "red"
}

PropertyAnimation {
    target: rect
    property: "position"
}

to: Qt.point(200, 200)  // 移动到坐标(200, 200)

duration: 1000  // 动画持续时间为1秒
easing.type: Easing.InOutQuad  // 使用InOutQuad动画类型，可根据需要选择其他类型

onClicked: {
    animation.start()
}

import QtQuick 2.0
import QtQuick.Controls 2.0

ApplicationWindow {
    visible: true
    width: 400
    height: 400

    Rectangle {
        id: rect
        width: 100
        height: 100
        color: "red"

        MouseArea {
            anchors.fill: parent
            onClicked: {
                animation.start()
            }
        }
    }

    PropertyAnimation {
        id: animation
        target: rect
        property: "position"
        to: Qt.point(200, 200)
        duration: 1000
        easing.type: Easing.InOutQuad
    }
}