Contoh Wrap_content dan Fill_parent di android

==================

Android wrap_content and fill_parent example

Dalam pembuatan aplikasi di android kita selalu menemukan kata “wrap_content” atau “fill_parent” pada komponen “layout_width” dan “layout_height”, taukah kamu perbedaan antara keduanya ?

Wrap_content – komponen yang menyesuaikan besar ukuran sesuai dari isian.

fill_parent – komponen yang besar ukuranya mengikuti besar dari induk komponenya untuk lebih jelasnya kita lanjut di bawah ini:

1. wrap_content.

Sebuah tombol kita setting tinggi dan lebarnya sebagai “wrap_content”, tombol akan ditampilkan sesuai dengan besaran dari tulisanya saja contoh “Hptekno”

1.
2.
3.    android:layout_width="fill_parent"
4.    android:layout_height="fill_parent" >
5. 
6.   
7.        android:id="@+id/btnButton1"
8.        android:layout_width="wrap_content"
9.        android:layout_height="wrap_content"
10.        android:text="Hptekno"/>

2. fill_parent – width

Ubah “layout_width” menjadi “fill_parent”, sekarang lebar dari tombol akan menyesuaikan dengan lebar layar yang ada sesuai dari lebar parentnya (RelativeLayout), tetapi tingginya tetap menyesuaikan isi (tinggi tulisan).

    
1.
2.
3.    android:layout_width="fill_parent"
4.    android:layout_height="fill_parent" >
5. 
6.   
7.        android:id="@+id/btnButton1"
8.        android:layout_width="fill_parent"
9.        android:layout_height="wrap_content"
10.        android:text="Hptekno"/>

4. fill_parent – width, height

Rubah “layout_width” dan “layout_height” menjadi “fill_parent”, tombol akan ditampilkan menyesuaikan dengan besarnya layar (full).

1.xml version="1.0" encoding="utf-8"?>
2.
3.    android:layout_width="fill_parent"
4.    android:layout_height="fill_parent" >
5. 
6.   
7.        android:id="@+id/btnButton1"
8.        android:layout_width="fill_parent"
9.        android:layout_height="fill_parent"
10.        android:text="Button ABC"/>