Belajar tentang Android Layout

Tutorial Android App : Belajar tentang Android Layout

Untuk mengawali tutorial mengenai Android Layout ini mari kita melakukan navigasi ke res/layout/activity_main.xml, dan double-click pada file tersebut. File ini adalah yang disebut dengan Android Layout File. 

Untuk semua tutorial pada aplikasi-mobile.com kita akan menggunakan layar Text, bukan layar Design. Sekarang marilah kita klik tab Text yang terdapat di bagian bawah dari tampilan anda. 

Lantas tampilan anda akan berubah menjadi seperti berikut :

Ini adalah tampilan Layout dari Android di dalam bentuk xml-nya. Di sini kita mempunyai dua element dari View  yaitu RelativeLayout dan TextView. 

Apa itu View ?

View adalah SuperClass dari semua GUI pada Android; seperti TextView yang digunakan sebagai tempat penampung Text, dan ImageView yang digunakan sebagai tempat penampung Image. Macam-macam View yang sering digunakan antara lain :

• TextView
• ImageView
• EditText
• Button
• ProgressBar
• ImageButton
• CheckBox
• DatePicker
• WebView

Macam-macam View tersebut dapat kita kelompokkan menjadi satu wadah, yaitu dengan menggunakan ViewGroup.

Apa itu ViewGroup ?

ViewGroup merupakan SubClass dari View yang bertugas sebagai wadah dari semua instance dari View. Contohnya antara lain :

• LinearLayout
• RelativeLayout
• ListView
• GridView

Daftar diatas merupakan ViewGroup yang sering dipergunakan saja. Dari pengertian di atas kita bisa simpulkan bahwa activity_main.xml mempunyai ViewGroup RelativeLayout yang berisikan TextView. 

Sekarang kita lihat pada TextView element. 

TextView ini mempunyai beberapa attributes, yaitu :

• android:text = default text yang muncul pada TextView ini. Di sini bertuliskan @string/hello_world yang artinya bahwa lokasi text berada pada file res/values/strings.xml di dalam item dengan id/name hello_world. Percobaan untuk penggantian text ini akan kita lakukan pada modul selanjutnya.
• android:layout_width = lebar dari TextView ini.
• android:layout_height = tinggi dari TextView ini.

Sekarang kita akan coba untuk menambah attribute baru pada TextView ini :

Kita tambahkan attribute android:id="@+id/text1" pada TextView, yang akan memberikan ID / Identifier yang jelas kepada View ini, yang dapat kita pergunakan dari Controller / Activity kita nantinya.