Menambah dan preview QML pada Qt

Kita dapat melakukan eksperimen  menambah QML dan melakukan preview QML yang kita buat. Berikut kita akan menambahkan QML pada project Qt yang telah ada kemudian melakukan preview.

Untuk menambahkan QML pada project Qt kita adalah seperti berikut ini:

1. Silahkan klik Add New seperti gambar berikut ini:
   
     
2. Silahkan memilih QML seperti pada gambar berikut ini:
   
   Lanjutkan dengan Choose

3. Silahkan mengisi nama file QML kita seperti gambar berikut ini:
   
   Klik Next
4. Silahkan konfirmasi seperti gambar berikut ini:
   
   Silahkan klik Finish dan tampilan akan seperti berikut ini:
   

 

 

 

Terlihat bahwa wizard menghasilkan default Rectangle. Selanjutnya kita akan melakukan preview pada QML kita seperti langkah berikut ini:

1. Edit QML yang telah dihasilkan misal seperti berikut ini:
   import QtQuick 2.0

   Rectangle {
       width: 400
       height: 200
       border.color: “red”;
       border.width: 2
   }

2. Silahkan mencari file qmlscene pada instalasi Qt anda kemudian gunakan untuk preview seperti contoh berikut ini:
   

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

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