Menampilkan Image pada Qt

Pada artikel ini kita akan menampilkan image dalam QT. Untuk menampilkan image ke dalam Qt maka berikut langkah-langkahnya:

1. Jalankan Wizard untuk Quick QT Application seperti yang dijelaskan di http://www.proweb.co.id/articles/mobile_development/qt_quick_appl.html .
    
2. Masukkan image ke dalam resources seperti gambar berikut ini:
   
   Pilih imagenya:
   
   Terlihat ../pic/pesawat1.jpg sudah masuk ke QML Resources:
   
     
3. Edit main.qml seperti gambar berikut :
   

   Atau source code yang lengkap adalah :
   import QtQuick 2.4
   import QtQuick.Window 2.2

   Window {
       visible: true
       Image {
           source: “../pic/pesawat1.jpg”
       }
   }

4. Kalau dilakukan Run maka hasilnya adalah seperti gambar berikut ini:
   

Informasi lebih lanjut silahkan mengunjungi:
1. http://doc.qt.io/qt-5/qml-qtquick-image.html .
2. http://doc.qt.io/qt-5/qquickimageprovider.html .
3. http://qmlbook.github.io/en/ch04/index.html#image-element .

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