Semua elemen antarmuka pengguna dalam aplikasi Android dibangun menggunakan objek {@link android.view.View} dan {@link android.view.ViewGroup}. {@link android.view.View} adalah objek yang menarik sesuatu di layar dan dapat berinteraksi dengan pengguna. {@link android.view.ViewGroup} merupakan sebuah objek yang menyimpan objek {@link android.view.View} lainnya (dan {@link android.view.ViewGroup}) untuk mendefinisikan layout antarmuka.
Android menyediakan sekumpulan subkelas {@link android.view.View} dan {@link android.view.ViewGroup} yang menawarkan kontrol input umum (seperti tombol dan bidang teks) serta berbagai model layout (seperti layout linear atau relatif).
Antarmuka pengguna untuk setiap komponen aplikasi Anda didefinisikan menggunakan hierarki objek {link android.view.View} dan {@link android.view.ViewGroup}, seperti yang ditampilkan dalam gambar 1. Setiap kelompok tampilan merupakan kontainer tak terlihat yang mengelola tampilan anak, sementara tampilan anak ini dapat menjadi kontrol input atau widget lain yang menarik sebagian dari UI. Pohon hierarki ini bisa sederhana atau bisa juga kompleks bergantung kebutuhan (namun yang sederhana paling baik untuk kinerja).
Gambar 1. Ilustrasi dari hierarki tampilan, yang mendefinisikan layout UI.
Untuk mendeklarasikan layout, Anda dapat menyediakan objek {@link android.view.View} dalam kode dan mulai membangun pohon, namun cara termudah dan terefektif untuk mendefinisikan layout adalah dengan file XML. XML menawarkan struktur layout yang dapat dibaca manusia, serupa dengan HTML.
Nama elemen XML untuk tampilan sesuai dengan kelas Android yang diwakilinya. Dengan demikian elemen
<TextView> membuat widget {@link android.widget.TextView} dalam UI Anda,
dan elemen <LinearLayout> membuat kelompok tampilan {@link android.widget.LinearLayout}
.
Misalnya, layout vertikal sederhana dengan tampilan teks dan tombol akan tampak seperti ini:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical" >
<TextView android:id="@+id/text"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="I am a TextView" />
<Button android:id="@+id/button"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="I am a Button" />
</LinearLayout>
Saat Anda memuat sumber daya layout di aplikasi, Android akan menginisialisasi setiap simpul layout menjadi objek runtime yang bisa Anda gunakan untuk mendefinisikan perilaku tambahan, query status objek, atau memodifikasi layout.
Untuk mendapatkan panduan lengkap mengenai pembuatan layout UI, lihat Layout XML.
Anda tidak harus membuat semua UI menggunakan objek {@link android.view.View} dan {link android.view.ViewGroup}. Android menyediakan beberapa komponen aplikasi yang menawarkan layout UI standar yang tinggal Anda definisikan kontennya. Komponen UI ini masing-masing memiliki set API unik yang dijelaskan dalam masing-masing dokumennya, seperti Action-Bar, Dialog, dan Pemberitahuan Status.