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.

« | »