Tutorial QML Untuk Ubuntu Touch [3]: Menyusun User Interface

Bagian ke-3 tutorial QML untuk Ubuntu Touch ini merupakan penyusunan user interface (ui) dari implementasi logika pada aplikasi. UI yang kita rancang terdiri dari satu kolom dua bari plus tombol clear seperti yang terlihat pada gambar dibawah. Ketika mata uang EUR sebagai basis tampilan awal di sentuh maka akan keluar opsi mata uang lainnya. Begitu pula dengan mata uang tujuan konversi. Di bagian bawah, ada tombol clear untuk me-reset data yang telah dimasukkan. Bandingkan gambar ini dengan hasil akhir program.

Rancangan UI, 1 kolom 2 Baris + clear button

Terakhir, tambahkan kode berikut pada baris ke-99,