"Telp keluargamu, mereka metrindukanmy"
irtoh

Contoh Wrap_content dan Fill_parent di android

Android wrap_content and fill_parent example

(fill_parent sudah deprecated dan diganti menjadi match_parent)

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”

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" >

    <Button
        android:id="@+id/btnButton1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Hptekno"/>

</RelativeLayout>

android-wrap-content1

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).

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" >

    <Button
        android:id="@+id/btnButton1"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="Hptekno"/>

</RelativeLayout>

android-wrap-content2

3. fill_parent – height

Ubah “layout_height” menjadi “fill_parent”, sekarang tinggi dari tombol akan mengikuti tinggi dari parentnya “RelativeLayout”,tetapi lebarnya menyesuaikan dari isi.

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" >

    <Button
        android:id="@+id/btnButton1"
        android:layout_width="wrap_content"
        android:layout_height="fill_parent"
        android:text="Button ABC"/>

</RelativeLayout>

android-wrap-content3

4. fill_parent – width, height

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

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" >

    <Button
        android:id="@+id/btnButton1"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:text="Button ABC"/>

</RelativeLayout>

android-wrap-content4

via mkyong

wiliarko

Comments are closed.

Berita Handphone dan Teknologi
Hptekno. All rights reserved.
Pondok Tirta Mandala
blok S3 no 11
Depok
wiliarko_156@yahoo.co.id
Phone 0856 9430 2642