qml之创建两个矩形的缓动动画

 

import QtQuick 2.9
import QtQuick.Window 2.2


Window {
    visible: true
    width: 640
    height: 480
    title: qsTr("Hello World")


    Rectangle{
        id:rect1
        width:450
        height: 480
        color: "green"

      MouseArea{
          anchors.fill: parent
         onClicked:PropertyAnimation{

             target: rect1
             property: "width"
             from:450
             to:600
             duration: 500
             easing.type: Easing.Linear
         }

      }



    }

    Rectangle{
        id:rect2
        width: 640-rect1.width
        height:480
        anchors.left: rect1.right
        anchors.leftMargin: 4


        color: "blue"
    }



}