如何将 QQuickItem 的中心转换为新中心

Question

我有一个 Qt QML 应用程序。以下是应用程序的完整代码：

代码：

import QtQuick 2.9
import QtQuick.Window 2.2

Window {
    id: app_main_window
    visible: true
    width: 800
    height: 600
    title: qsTr("Hello QML")

    Rectangle {
        id: my_item_1
        x: 100
        y: 100
        width: 100
        height: 100
        color: "grey"
        visible: true
        z: 1
    }

    Rectangle {
        id: my_item_2
        x: 400
        y: 400
        width: 100
        height: 100
        color: "grey"
        visible: true
        z: 1

        MouseArea {
            anchors.fill: parent
            onClicked: {
                // How can I change the center of my_item_1  to some arbitrary new center. lets say app_main_window's center. this involves another question. how can I get app_main_window's center?
            }
        }
    }
}

问题：
我的问题很简单。 如何可以将任何QQuickitem 的中心 更改为新中心？因此，在上述情况下，当my_item_2 获得点击事件时，如何 将my_item_1 的中心更改为新中心（Qt.point(some_x_center, some_y_center)）。 另外，是否有可能获得另一个项目的中心？点赞app_main_window或my_item_2的中心来申请目标my_item_1？

PS：
我已经简化了代码以使问题变得客观。我的实际代码中有一个相当复杂的逻辑，我需要在不使用锚点的情况下将my_item_1 之类的东西重新对齐到一个新的中心，因为我试图这样做的QQuickitem 被缩放并平移到一个新点。

Answer 1

如果无法使用锚点，则必须手动计算中心并分配它。

快速示例：

Item
{
    anchors.fill: parent

    Rectangle
    {
        id: nonParentOrSibling
        width: 200
        height: 200
        x: 350
        y: 240
        color: "red"
    }

}

Rectangle
{
    id: rectToMove

    width: 100
    height: 100
    y: 200
    color: "blue"

    MouseArea
    {
        anchors.fill: parent
        onClicked:
        {
            var itemCenter = Qt.point(nonParentOrSibling.x + nonParentOrSibling.width / 2, nonParentOrSibling.y + nonParentOrSibling.height / 2)
            rectToMove.x = itemCenter.x - rectToMove.width / 2
            rectToMove.y = itemCenter.y - rectToMove.height / 2
        }
    }
}

请注意，这是一次移动，如果目标移动，矩形不会移动。

要使其跟随目标，您必须使用 Qt.binding 重新绑定它。

如果 rectToMove 与 nonParentOrSibling 不在同一坐标系中，您可以使用 Item.mapToItem() 和 mapFromItem() 来调整坐标。