Model View Delegate pada Qt

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.