qml動畫邊距變化

Question

我想動畫邊距值動畫變化QML，但我不能。動畫不能正常工作

這是我的狀態

State { 
    name: "up" 
    PropertyChanges { 
     target: drag_line 
     anchors.topMargin: 50 
    } 

與轉型我想

​​

我也嘗試了一些動漫，但它也沒有工作。有什麼辦法，我是不是做錯了什麼

Answer 1

的屬性不是margin但anchors.topMargin

這是我的工作例如：

ApplicationWindow { 
    visible: true 
    width: 500 
    height: 500 

    Rectangle { 
    width: 100 
    height: 100 
    anchors.centerIn: parent 
    color: "red" 

    Rectangle { 
     id: iRect 
     color: "blue" 
     width: 40 
     height: 40 
     anchors.top: parent.top 

     states: [State { 
     name: "up" 
     when: iMouseArea.pressed 
     PropertyChanges { 
      target: iRect 
      anchors.topMargin: 50 
     } 
     }] 

     transitions: [ 
     Transition { 
      to: "up" 
      NumberAnimation { properties:"anchors.topMargin"; easing.type: Easing.InOutQuad;duration: 300 }   
     } 
     ] 
    } 

    MouseArea{ 
     id: iMouseArea 
     anchors.fill: parent 
    } 
    } 
}