Qt Quick/QML: Alternatif Deklaratif

Penjelasan

Selain Qt Widgets (imperative, ditulis C++ murni seperti materi-materi sebelumnya), Qt punya pendekatan DEKLARATIF bernama Qt Quick — UI-nya ditulis dalam bahasa QML (mirip JSON/CSS dicampur JavaScript untuk logika ringan), cocok untuk UI modern dengan animasi halus, terutama di platform mobile/embedded. Logika berat tetap biasanya ditulis di C++, dihubungkan ke QML.

Contoh Konsep

// main.qml
import QtQuick
import QtQuick.Controls

ApplicationWindow {
    visible: true
    width: 300
    height: 200

    Column {
        anchors.centerIn: parent

        Label {
            text: "Halo dari QML!"
        }

        Button {
            text: "Klik Aku"
            onClicked: console.log("Tombol diklik!")
        }
    }
}

Praktikum

Tulis file QML dengan ApplicationWindow berisi satu Label "Selamat Datang" dan satu Button "Mulai" yang mencetak "Aplikasi dimulai!" ke console saat diklik, disusun vertikal lewat Column.

Editor Latihan

Ketik/edit bebas di sini untuk latihan — kode ini tidak dijalankan.

Tips

QML lebih cocok dipelajari SETELAH cukup familiar dengan konsep dasar Qt Widgets (Signals & Slots, widget hierarchy) — walau syntax-nya beda jauh, konsep intinya (komunikasi antar komponen lewat signal, hierarchy parent-child) tetap sama, jadi fondasi dari materi-materi sebelumnya tetap relevan.

← Kembali JSON Handling dengan QJsonDocument Lanjutkan → Packaging & Deployment Dasar