Untuk memudahkan pemeliharaan source code dalam pengembangan aplikasi, kita akan memisahkan sisi business logic dan user interface. Atau dalam bahasa Indonesia kita menyebutnya pemisahan logika proses bisnis dan tampilan. Dengan pemisahan ini maka source code akan terlihat rapi, mudah dipahami dan mudah dikembangkan.

Dalam Qt kita mengenal Model View Delegate, mirim dengan MVC atau Model View Controller yang ada pada framework pemrograman yang lain.

Langkah-langkah membuat Model View Delegate pada Qt adalah seperti berikut ini:

  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
        ListModel {
            id: nameModel
            ListElement { name: “Aris” }
            ListElement { name: “Guntara” }
            ListElement { name: “Visia” }
            ListElement { name: “Gracia” }
            ListElement { name: “Victorine” }
        }
        Component {
            id: nameDelegate
            Text {
                text: name;
                font.pixelSize: 24
            }
        }

        ListView {
            anchors.fill: parent
            model: nameModel
            delegate: nameDelegate
        }
    }

  3. Jika kita Run maka hasilnya:

Untuk info lebih lanjut silahkan mengunjungi : http://doc.qt.io/qt-5/qtquick-modelviewsdata-modelview.html .

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

Model View Delegate pada Qt
× Ada yang dapat saya bantu ? Available on SundayMondayTuesdayWednesdayThursdayFridaySaturday