Pada artikel kali ini kita akan membuat suatu interaksi klik menggunakan mouse pada pemrograman Qt. Pemrograman untuk OnCliked ini menggunakan MouseArea. Pemrograman ini mirip dengan pemrograman Javascript . Untuk mencobanya berikut langkah-langkahnya:

  1. Jalankan wizard pembuatan aplikasi Quick Qt Application seperti 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
        Rectangle{
            x:20
            y:20
            width:150
            height: 50
            border.color: “gray”
            border.width: 4
            radius: 4
            Text{
                id:pesan
                x:5
                y:5
                text:”Silahkan klik pada kotak!”

            }
            MouseArea
            {
                width: parent.width
                height: parent.height
                onClicked: pesan.text=”Telah diklik!”
            }
        }
    }
     

  3. Jalankan Run dan tampilan akan seperti berikut ini:

    Silahkan klik pada kotak dan tampilan seperti gambar di bawah ini:

Informasi lebih lanjut silahkan mengunjungi:
1. http://qmlbook.github.io/en/ch04/index.html#mousearea-element .
2. http://doc.qt.io/qt-5/qml-qtquick-mousearea.html .
3. http://doc.qt.io/qt-5/qtqml-syntax-signals.html .

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

Interaksi OnClicked pada Qt
× Ada yang dapat saya bantu ? Available on SundayMondayTuesdayWednesdayThursdayFridaySaturday