Kalau pada artikel sebelumnya kita sudah membahas posisi column dan row pada Qt, maka kita akan membahas posisi Grid. Posisi Grid ini mirip seperti tabel yang memuat columns dan rows. Untuk mencobanya berikut langkah-langkahnya Silahkan mengedit project yang ada di
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: Buka
Posisi column pada Qt
Pada artikel ini akan membahas penataan elemen-elemen pada Qt dengan menggunakan column. Dengan menggunakan column maka elemen-elemen akan disusun dalam satu kolom yaitu dari atas ke bawah. Kita akan memodifikasi project yang telah dilakukan di http://www.proweb.co.id/articles/mobile_development/image_qt.html dengan source code seperti
Menambah dan preview QML pada Qt
Kita dapat melakukan eksperimen menambah QML dan melakukan preview QML yang kita buat. Berikut kita akan menambahkan QML pada project Qt yang telah ada kemudian melakukan preview. Untuk menambahkan QML pada project Qt kita adalah seperti berikut ini: Silahkan klik
Menampilkan text pada Qt
Setelah kita berhasil membuat kotak pada Qt kemudian menampilkan gambar pada Qt, maka pada artikel ini kita akan membicarakan menampilkan teks pada Qt. Pada artikel ini kita akan menampilkan teks dengan pesan :“You are never too old to set another
Menampilkan Image pada Qt
Pada artikel ini kita akan menampilkan image dalam QT. Untuk menampilkan image ke dalam Qt maka berikut langkah-langkahnya: Jalankan Wizard untuk Quick QT Application seperti yang dijelaskan di http://www.proweb.co.id/articles/mobile_development/qt_quick_appl.html . Masukkan image ke dalam resources seperti gambar berikut ini:Pilih imagenya:Terlihat
Membuat kotak dengan Qt
Setelah pada artikel sebelumnya kita membahas Memahami alur aplikasi Qt (http://www.proweb.co.id/articles/mobile_development/alur_aplikasi_qt.html) maka kita kan melanjutkan dengan membuat kotak. Kita akan mengedit dari Aplikasi yang baru saja kita buat tersebut. Untuk main.cpp isinya tetap yaitu:#include <QGuiApplication>#include <QQmlApplicationEngine> int main(int argc, char
Memahami alur aplikasi Qt
Setelah kita menjalankan wizard dari Qt untuk membuat aplikasi (http://www.proweb.co.id/articles/mobile_development/qt_quick_appl.html), maka langkah selanjutnya adalah memahami alur dari source-source code yang dihasilkan. Urutan pemahaman alur dari aplikasi yang dihasilkan oleh QT Creator adalah main.cpp:Pada file main.cpp in terlihat memanggil main.qml. main.qml:Pada
Membuat Qt Quick application
Setelah kita belajar membuat project dengan Qt Quick UI, maka kita lanjutkan dengan membuat QT Quick Applications. Langkah-langkah membuat QT Quick Applications adalah Memulai projectNew Project: Application-QT Quick Application: Nama projectnya: Pilih UInya: Pilih kitnya: Pilih Source Controlnya: File-file
Project Qt Quick UI pertama
Untuk lebih memahami QT, baiklah kita mencoba membuat Project QT yang pertama. Langkah-langkah pembuatan project Qt yang pertama adalah:Memulai project: Memilih Application, QT Quick UI: Menamai project: Memilih Versi Qt Quick: Memilih Source Code Control: File yang digenerate:pertama.qml:Pada file pertma.qml