Modul 02 - Layout

Layout adalah suatu tata letak pada Android untuk mengatur segala macam komponen / widget seperti teks, gambar, list, video atau komponen lainnya sehingga tampilan pada aplikasi yang kita buat nantinya terlihat rapi dan nyaman dilihat oleh pengguna.

User Interface (UI) Hierarchy

Sebelum masuk tentang layout lebih lanjut, alangkah lebih baik kita mengenal User Interface Hierarchy terlebih dahulu.

UI terdiri dari hirarki / susunan objek yang dinamakan views - setiap elemen / komponen pada layar dapat dikatakan sebuah view.

• Sebuah view pasti mempunyai lokasi

• Sebuah view juga mempunyai dimensi dan di representasikan dalam height dan width

• Views dapat digabungkan dalam satu grup yaitu sebuah view group

Contoh View Hierarchy

UI Aplikasi Sederhana dan Component Tree

UI Hierarchy dari Aplikasi Sederhana

Jenis Layout

1. Linear Layout

Layout yang menyejajarkan semua child view-nya dalam satu arah, secara vertical atau horizontal . Kita dapat menetapkan arah layout dengan menambahkan attribute android:orientation .

Source : https://codelabs.developers.google.com

2. Relative Layout

Layout mengatur posisi relatif pada sebuah view terhadap view lainnya di dalam satu view group.

https://javatutorial.net

3. Constraint Layout

Pada dasarnya Constraint Layout hampir mirip dengan Relative Layout yaitu menggunakan relatif dan posisi view bergantung pada view lainnya. Namun, pada Constraint Layout terdapat penambahan jarak, sudut dan guid line yang telah ditentukan dari masing-masing komponen secara relative terhadap komponen lainnya.

Constraint Layout memungkinkan anda membuat tata letak yang besar dan kompleks/rumit dengan flat view hierarchy ( no nested view groups ) .

Setiap constraint merepresentasikan sebuah koneksi atau alignment terhadap view lainnya, parent layout .

ConstraintLayout allows you to create large and complex layouts with a flat view hierarchy (no nested view groups)