Saat ini kita akan membuat sebuah Model View yang sederhana pada Qt. Dilihat dari namanya maka akan ada pemisahan antara Model dan View, dengan  kata lain ada pemisahan antara pengolahan data dan penyajian tampilan. Untuk lebih jelasnya marilah kita segera mencoba.

Langkah-langkah membuat Model View yang sederhana pada Qt adalah

  1. Jalankan wizard untuk membuat 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
        Column {
            Repeater {
                model: [“Senin”,”Selasa”,”Rabu”,”Kamis”,”Jumat”,”Sabtu”,”Minggu”]
                Text {
                    text: modelData
                }
            }
        }
    }
      

  3. Jika kita jalankan Run maka tampilan akan seperti berikut ini:

    Terlihat bahwa data dikumpulkan dalam model, kemudian ditampilkan dalam Text, dan dilakukan berulang karena kita menggunakan Repeater.

Untuk info lebih lanjut silahkan mengunjungi :

1. http://qmlbook.github.io/en/ch06/index.html#basic-models
2. http://doc.qt.io/qt-5/qtquick-modelviewsdata-modelview.html .
2. http://doc.qt.io/qt-4.8/qdeclarativemodels.html .

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

Model View sederhana pada Qt