#1 Android — Mengenal Layout Pada Android Studio
Memahami layouting atau konsep penerapan layout pada Android Studio

Sumber : Gambar 1
Sebelum kita mulai menerapkan konsep layouting pada android studio, ada baiknya kita mengetahui apa sih Layouting tersebut.
Seperti yang di jelasakan dalam situs resmi Android Developer : Layout menentukan struktur tampilan aplikasi yang disajikan ke pengguna, semua element pada layout dibuat menggunakan hirarki objek View dan ViewGroup. Dalam hal ini kita harus memahami apa itu objek View dan ViewGroup tersebut.
“Bayangkan kita ingin menaruh beberapa barang dalam sebuah kotak, agar barang yang kita masukan terlihat rapi tentu kita akan berfikir barang apa yang akan kita masukan terlebih dahulu dan bagaimana kita akan menempatkannya ,apakah kita akan menaruh barang — barang tersebut sejajar kebawah, kesamping, ditumpuk dan lain sebagainya”
Dalam kasus tersebut, kita asumsikan bahwa kotak tersebut adalah ViewGroup yang berfungsi untuk membungkus barang. Sedangakan barang yang dimasukan ke kotak kita asmusikan sebagai View. Nah kesimpulannya konsep Layouting itu merupakan kumpulan dari View yang di bungkus dengan ViewGroup dan diterapkan sesuai dengan yang kita inginkan.

Sumber : Gambar 2
Selain itu di dalam ViewGroup kita dapat memasukan ViewGroup lain sebagai pembungkus View . Jika di ibaratkan kita bisa memasukan kotak kecil di dalam kotak besar dan di dalam kotak kecil tersebut kita dapat memasukan kotak lebih kecil lagi begitupun seterusnya ;)
Selanjutnya kita akan coba menerpakan contoh layout pada Android Studio, Silahka Copy dan Paste Kode di bawah ini :

Perhatikan Gambar 3 diatas, gambar tersebut merupakan bentuk implementasi layout pada apilikasi android. Berikut merupakan penjelasan dari masing — masing warna serta keterangannya.
1 . GroupView 1 ( Warna Pink )
GroupView 1 merupakan parent / induk dari semua view yang artinya digunakan sebagai pembungkus semua View yang ada di dalamnya
2 View 1 ( Warna Hijau Tua)
Terdapat 3 ( tiga ) buah view yang posisinya sejajar ke bawah yang merupakan view yang dibungkus oleh induknya dalam hal ini yaitu GroupView 1
3 .GroupView 2 ( Warna Biru)
GroupView 2 merupkan sebuah GroupView yang berada pada GroupView induknya, GroupView2 ini digunakan sebagai pembungus view lain dalam hal ini yaitu untuk membungkus Dua buah ImageView yang sejajar kesamping
4 .View 2 ( Warna Biru)
View 2 yang di tampilkan dengan 2 buah ImageView tersebut sebuah view yang berada dalam GroupView 2.
Kenapa View 2 Membutuhkan Group View ?
Oke pasti teman — teman bertaya, kenapa View 2 tersebut menggunakan GroupView, pada tampilan gambar di atas kita dapat melihat bahwa semua View berjajar kebawah, dalam hal ini karena kita menggunakan Vertical LinearLayout ( penjelasan pada tutorial selanjutnya ). Oleh karena itu untuk membuat kedua gambar tersebut sejajar kesamping kita membutuhkan ViewGroup lain untuk membungkusnya.
Itu saja dari saya semoga bermanfaat, ini merupakan tulisan pertama saya mohon untuk di maklumi jika ada kesalahan dalam penulisan dan lain sebagainya.
Terima Kasih ;)
