qml動畫出乎意料的行爲

Question

爲什麼具有「Behavior on 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。但是在它有機會讓動畫更改動畫之前，您可以用rect.y-=50啓動另一個NumberAnimation，取消第一個動畫。

如何爲每個x屬性更改創建動畫？

最初更改後不要立即更改x座標。如果您根據最終結果告訴我們您想要做什麼，我們可能會進一步幫助您。