Pada artikel sebelumnya kita telah membahas membuat animasi geser pada Qt(http://www.proweb.co.id/articles/mobile_development/animasi_qt.html), maka pada artikel ini kita akan membuat animasi berputar. Untuk mencobanya kita lakukan langkah berikut ini

  1. Buka kembali project kita sebelumnya mengenai Membuat animasi geser yang ada di http://www.proweb.co.id/articles/mobile_development/animasi_qt.html .
     
  2. Edit main.qml :
    import QtQuick 2.4
    import QtQuick.Window 2.2
    Window {
        visible: true
        width: 500
        height: 200
        Image {
            x:10
            y:40
            source: “../pic/pesawat1.jpg”

            RotationAnimation on rotation {
                to: 360
                duration: 4000
                loops: Animation.Infinite
            }
        }
    }
     

  3. Hasil dari animasi berputar ini dapat kita lihat seperti pada gambar berikut ini:

    Dari sini terlihat bahwa gambar berputar hingga 360 derajat.

Informasi lebih lanjut silahkan mengunjungi
1. http://qmlbook.github.io/en/ch05/index.html#animations .

Kunjungi www.proweb.co.id untuk menambah wawasan anda.

Animasi berputar pada Qt