Pada artikel sebelumnya kita telah membuat dua artikel masing-masing
1. Membuat animasi geser Qt
2. Membuat animasi putar Qt

Pada artikel kali ini kita akan menggabungkan dua animasi tersebut dan hasilnya bisa ditebak yaitu berputar sambil bergeser atau bisa dikatakan menggelinding.

Untuk mencobanya berikut langkah-langkahnya

  1. Silahkan membuka kembali project sebelumnya yaitu http://www.proweb.co.id/articles/mobile_development/animasi_putar_qt.html atau http://www.proweb.co.id/articles/mobile_development/animasi_qt.html .
  2. Edit main.qml seperti berikut ini:
    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”

            NumberAnimation on x {
                to: 240
                duration: 4000
                loops: Animation.Infinite
            }

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

  3. Hasil coding akan menggelinding seperti gambar di bawah ini:

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

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

Menggabungkan beberapa animasi pada Qt