Android - Perbedaan “match_parent” dan “wrap_content”

Saat kita mendesain tampilan dari aplikasi yang akan kita buat, kita akan bertemu dengan atribut “match_parent” dan “wrap_content”. Kedua nya berfungsi untuk memberikan nilai dari lebar (android:layout_width) dan lebar (android:layout_height) pada Object (TextView, ListView, ImageView, dst).

Atribut “match_parent” berfungsi agar lebar dan tinggi akan mengikuti layar pada perangkat Android. Sedangkan “wrap_content” berfungsi agar lebar dan tinggi dapat mengikuti object itu sendiri. Pada awalnya, “match_parent” bernama “fill_parent”, jadi jangan heran jika kamu menemukannya dengan garis ditengahnya (“fill_parent”).

Latihan

Mari kita praktikkan perbedaan “match_parent” dan “wrap_content”. Pertama-tama buat dulu project Android Studio. Aku asumsikan kamu sudah membaca artikel sebelumnya tentang cara membuat TextView. Disana telah dijelaskan cara untuk membuat project Android Studio, jadi tidak perlu aku ulangi lagi disini.

Secara default TextView yang berisi “Hello World!” memuat kode android:layout_width=“wrap_content” dan android:layout_height=“wrap_content”. Hal ini akan menyebabkan “Hello World!” diberikan ukuran yang sesuai dengan object TextView itu sendiri.

Berikan baris kode tambahan (android:textColor=”@android:color/white”) dan

(android:background=”@color/colorAccent”) agar bisa tampak dengan jelas tinggi dan lebar object.

Lalu jalankan aplikasi, tekan “Shift+F10“ atau tekan tombol  play berwarna hijau diatas. Hasilnya terlihat jelas seperti ini.

Warna merah muda akan menyesuaikan dengan object TextView. Itu hasilnya jika kamu menggunakan “wrap_content”. Sekarang mari ubah “wrap_content” dengan “match_parent”, lalu jalankan dan lihat apa yang terjadi.

Warna merah muda akan membesar, karena memang disesuaikan dengan layar android. Jika kamu mencoba “fill_parent”, hasilnya akan sama.

Lalu apa yang akan terjadi jika yang kita tulis adalah (android:layout_width=“wrap_content”) dan (android:layout_height=“match_parent”), ataupun sebaliknya ?