Posisi Row pada Qt

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.