qml动画意外行为

Question

为什么带有“在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} }
}}

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

Answer 1

第一个rect.x+=50启动NumberAnimation。但在它有机会为属性更改设置动画之前，您可以使用NumberAnimation启动另一个rect.y-=50，取消第一个动画。

  

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

最初更改后，请勿立即更改x坐标。如果您告诉我们您要在最终结果方面做些什么，我们可能会帮助您。