XML Layout Dasar Teori

Workshop Struktur dan Pemakaian Teknologi Game 45

3.1 Tujuan Pembelajaran

1. Memahami tentang pembuatan layout dengan XML pada Android 2. Memahami tentang apa sajakah fitur dari Basic Widget dan Selection Widget

3.2 Dasar Teori

Dalam pembuatan sebuah interface di Android, diperlukan beberapa elemen penting. Diantaranya terdapat sebuah elemen dasar, yaitu Layout. Layout adalah sebuah arsitektur user interface dalam Activity. Selain layout, terdapat beberapa elemen lainnya, yaitu Basic Widget dan Selection Widget.

3.2.1 XML Layout

Sebagaimana namanya, layout berbasis XML merupakan sebuah spesifikasi dari hubungan antar widget yang mana container yang dimiliki dikodekan dalam format XML. Secara spesifik, Android menganggap layout berbasis XML sebagai sebuah resources sumber daya. Dengan demikian, file-file layout disimpan di dalam direktori res atau layout di dalam project Android Anda. Setiap layout XML terdiri dari elemen-elemen tree yang menspesifikasi layout dari widget dan container yang juga menciptakan sebuah hirarki View. Atribut di dalam elemen XML adalah properties, menggambarkan bagaimana sebuah widget seharusnya terlihat atau bagaimana seharusnya container berjalan. Seperti contoh berikut, jika sebuah elemen button mempunyai nilai atribut dari android:textStyle=”bold”, itu berarti bahwa teks yang muncul pada button harus dalam bentuk font tebal. SDK dari Android melakukan pengiriman dengan sebuah tool aapt yang digunakan pada layout. Tool ini otomatis dipanggil oleh toolchain Android Anda seperti Eclipse, dan sebagainya. Penting untuk diketahui oleh seorang developer bahwa aapt meng-generate R.java source file di dalam project Anda, yang mana Workshop Struktur dan Pemakaian Teknologi Game 46 mengijinkan Anda untuk mengakses layout dan widget-widget di dalam layout tersebut secara langsung dari kode Java. Berikut ini beberapa layout yang dikenal dalam Android : • Frame Layout Layout ini merupakan layout XML yang paling sederhana. Frame Layout menyusun child dimulai dari layar kiri atas. Hanya satu view yang ada pada layar. • Linear Layout Linear Layout menambahkan masing-masing child pada sebuah garis lurus, baik itu secara vertikal, maupun horizontal. Vertikal layout mempunyai sebuah child View per baris, sedangkan horizontal layout mempunyai sebuah baris tunggal View. Layout ini mengijinkan Anda untuk melakukan spesifikasi “weight” dari masing-masing child View yang mengontrol ukuran relatifnya di dalam space yang tersedia. • Relative Layout Dalam menggunakan relative layout, Anda dapat menentukan posisi dari masing-masing child View relatif satu sama lain dan batas-batas layar. • Table Layout Tabel layout mengijinkan Anda untuk memodifikasi tata letak menggunakan grid baris dan kolom. Tabel dapat menampung banyak baris dan kolom, dan kolom dapat diatur untuk shrink or grow. • Absolute Layout Pada absolute layout, masing-masing posisi child View ditunjukkan dalam koordinat absolut. Dengan menggunakan class ini, Anda dapat menjamin layout yang tepat dari komponen Anda. Dibandingkan dengan manager yang sebelumnya, mendeskripsikan sebuah layout secara absolut berarti bahwa layout yang digunakan tidak bisa secara dinamis menyesuaikan resolusi, maupun orientasi layar yang berbeda

3.2.2 Basic Widgets