360旋转

import QtQuick 2.0



Rectangle {

 id: rect

  width: 360; height: 630

  Image {

      id: front

      source: "1.png"

      Image {

          id: back

          source: "2.png"

states: State {

        name: "rotated"; PropertyChanges { target: back; rotation: 180 }

                   }

 RotationAnimation on rotation {

     id:animation2

     running:false

              easing.type: Easing.InOutBack;

              duration:900

                   loops: 1

                   from: 0

                   to: 360

               }

          MouseArea {

              anchors.fill: parent

              onClicked:{animation2.running = true;back.state="rotated"

                  Component.onCompleted=back.destroy(1000)}}

          }

      }

  }