Animation qml动画意外行为

为什么带有“x上的行为”动画的矩形移动到左侧，而没有动画保持其位置（如预期的那样）

---

以及如何为每个x属性更改创建动画？

第一个

rect.x+=50

启动

数字信息。但是在它有机会设置属性更改的动画之前，您启动另一个
NumberAnimation
，使用
rect.y-=50
，取消第一个动画

以及如何为每次x属性更改创建动画

最初更改x坐标后，不要立即更改它。如果您告诉我们您在最终结果方面正在尝试做什么，我们可能会进一步帮助您

Window {
visible: true
width: 800
height: 600

Rectangle
{
 id: rect
 x: 300
 y: 0
 width: 100
 height:100
 color: "red"
 MouseArea {
     anchors.fill: parent
     onClicked: {
         rect.x+=50
         rect.x-=50
     }
 }
 Behavior on x { NumberAnimation {duration: 400} }
}}