Mengenal ListView pada Qt

Kalau pada artikel sebelumnya kita telah membahas pengenalan ListModel pada Qt, maka kali ini kita akan membicarakan ListView pada Qt. Jika ListModel berkaitan dengan data, maka ListView berkaitan dengan tampilan atau View.

Untuk mencoba berikut langkah-langkahnya:

1. Silahkan menjalankan wizard Qt Quick Application seperti yang dijelaskan pada artikel http://www.proweb.co.id/articles/mobile_development/qt_quick_appl.html.
     
2. Edit main.qml seperti berikut ini:
   import QtQuick 2.4
   import QtQuick.Window 2.2

   Window {
       visible: true
       ListModel {
           id: buahModel

           ListElement {
               name: “Pisang”
               cost: 15
           }
           ListElement {
               name: “Mangga”
               cost: 20
           }
           ListElement {
               name: “Semangka”
               cost: 25
           }
       }

       ListView {
           width: 180; height: 50
           model: buahModel
           delegate: Text {
               text: name + ” harganya : ” +cost
           }
       }
   }

3. Silahkan menjalankan Run dan tampilan akan seperti berikut ini:
   

Informasi lebih lanjut silahkan mengunjungi
1. http://doc.qt.io/qt-5/qml-qtqml-models-listmodel.html .
2. http://doc.qt.io/qt-5/qml-qtquick-listview.html .

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