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
- 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 .
- 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
}
}
} - 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.