Ringkasan UI

Semua elemen antarmuka pengguna dalam aplikasi Android dibangun menggunakan objek View dan ViewGroup. View adalah objek yang menarik sesuatu di layar dan dapat berinteraksi dengan pengguna. ViewGroup merupakan sebuah objek yang menyimpan objek View lainnya (dan ViewGroup) untuk mendefinisikan layout antarmuka.

Android menyediakan sekumpulan subkelas View dan ViewGroup yang menawarkan kontrol masukan umum (seperti tombol dan bidang teks) serta berbagai model layout (seperti layout linier atau relatif).

Layout Antarmuka Pengguna

Antarmuka pengguna untuk setiap komponen aplikasi Anda didefinisikan menggunakan hierarki objek View dan ViewGroup, seperti yang ditampilkan dalam gambar 1. Setiap kelompok tampilan merupakan kontainer tak terlihat yang mengelola tampilan anak, sementara tampilan anak ini dapat berupa kontrol masukan atau widget lain yang menggambar sebagian dari UI. Pohon hierarki ini bisa sederhana atau bisa juga kompleks sesuai 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 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 TextView dalam UI Anda, dan elemen <LinearLayout> membuat kelompok tampilan 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 melakukan inisialisasi setiap simpul layout menjadi objek waktu proses yang bisa Anda gunakan untuk mendefinisikan perilaku tambahan, kueri status objek, atau memodifikasi layout.

Untuk mendapatkan panduan lengkap mengenai pembuatan layout UI, lihat Layout XML.

Komponen Antarmuka Pengguna

Anda tidak harus membangun semua UI menggunakan objek View dan ViewGroup. Android menyediakan beberapa komponen aplikasi yang menawarkan layout UI standar yang tinggal Anda definisikan materinya. Komponen UI ini masing-masing memiliki set API unik yang dijelaskan dalam masing-masing dokumennya, seperti Menambahkan Bilah Aplikasi, Dialog, dan Notifikasi Status.