Membuat animasi geser pada Qt

Pada artikel kali ini kita akan membuat animasi geser dari sebuah image pada Qt.  Percobaan kali ini merupakan modifikasi dari Menampilkan Image pada Qt yang ada di http://www.proweb.co.id/articles/mobile_development/image_qt.html . Untuk membuat animasi berikut langkah-langkahnya

1. Buka kembali project Menampilkan Image pada Qt pada http://www.proweb.co.id/articles/mobile_development/image_qt.html .
    
2. Edit main.qml menjadi 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
           }
       }
   }
    

3. Hasil animasi adalah gambar akan bergeser dari kiri ke kanan dari x=40 hingga x=240 seperti gambar berikut 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.