Kalau pada artikel sebelumnya kita telah membahas posisi column pada Qt, kali ini kita akan membahas posisi Row pada Qt.

Posisi Row pada Qt ini kita akan menyusun item-item ke dalam baris/row yang sama. Untuk mencobanya maka berikut langkah-langkahnya:

  1. Buka kembali project yang ada di http://www.proweb.co.id/articles/mobile_development/column_qt.html .
  2. Buka main.qml dan ubah seperti berikut ini:
    import QtQuick 2.4
    import QtQuick.Window 2.2

    Window {
        visible: true

        Row {
            spacing: 10

            Image {
                source: “../pic/pesawat1.jpg”
            }

            Rectangle {
                    y: 30
                    width: 100; height: 100
                    color: “blue”
            }
        }
    }

  3. Kalau kita jalankan Run maka tampilan akan muncul seperti gambar berikut ini:

    Tampak bahwa kotak biru akan muncul pada baris yang sama dengan gambar sebelumnya.

Informasi lebih lanjut silahkan mengunjungi:
1. http://doc.qt.io/qt-5/qml-qtquick-row.html .
2. http://qmlbook.github.io/en/ch04/index.html#positioning-elements .

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

Posisi Row pada Qt
× Ada yang dapat saya bantu ? Available on SundayMondayTuesdayWednesdayThursdayFridaySaturday