Belajar Mengenal Match Parent dan Wrap Content pada Layout xml

Saat kita sedang mendesain pada layout XML ,untuk keperluan User Interface/ User Experience Aplikasi Android. Terdapat dua atribut yang sangat umum digunakan , yang biasa kita kenal ,yaitu match_parent (dulu fill_parent) dan wrap_content , kedua  nilai atribut ini digunakan untuk menentukan jenis lebar (width) atau tinggi (height) , pada ViewGroup dan View  di Aplikasi Android. Atribut match_parent adalah salah satu nilai atribut ,yang berfungsi agar lebar atau tinggi, dapat mengikuti layar atau screen pada perangkat Android. Sedangkan untuk wrap_content adalah salah satu nilai atribut, yang berfungsi agar lebar atau tinggi ,dapat mengikuti object (seperti :TextView ,Button dll) tersebut.  

Oke baiklah ,setelah kita mengenal apa itu Match Parent dan Wrap Content . Sekarang kita coba melihat Contoh penggunaan atau penerapanya pada layout.xml. Yang pasti disini kita akan mengacu pada layout xml di (app/res/layout/layout.xml). Jadi bukan pada logic atau codingan pemrograman Java. Sebelum itu untuk lebih jelasnya ,kalian bisa melihat gambar ,dasar hirarki ui dari pengembangan Aplikasi Android, dibawah ini.

dasar hirarki ui android development

Seperti yang saya sudah katakan sebelumnya ,perbedaan dari penerapan match_parent , dan wrap_content adalah ,jika match_parent digunakan agar lebar atau tinggi, mengikuti layar atau screen pada perangkat Android, Jadi penerapan ini secara default digunakan pada ParentView ,Tapi tak menutup kemungkinan juga, bisa digunakan pada ChildView. Sedangkan untuk wrap_content , akan mengikuti bentuk dari obyek tersebut. Biasanya memang hanya digunakan untuk ChildView.

Contoh Penggunaan :

Sebagai contoh penggunaan ,kita akan menggunakan widget Button ,yang termasuk dalam kategori View atau ChildView.  untuk menempatkan nilai atribut match_parent atau wrap_content ,pada  android:layout_width= "" dan  android:layout_height= ""

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


    <Button
            android:text="Okedroid.com"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentTop="true"
            android:layout_centerHorizontal="true"
            android:layout_marginTop="150dp"/>
</RelativeLayout>

Hasil :

Hasil dari lebar dan tinggi wrap_content

Disini karena ,Button atau ChildView ini berada pada ParentView dari RelativeLayout ,yang mempunyai nilai atribut lebar dan tinggi  match_parent, secara default. Maka ,jika widget Button kita terapkan nilai atribut match_parent ,pada lebar atau tinggi, akan sejajar dengan ukuran ParentView dari RelativeLayout.

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


    <Button
            android:text="Okedroid.com"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_alignParentTop="true"
            android:layout_centerHorizontal="true"
            android:layout_marginTop="150dp"/>
</RelativeLayout>

Hasil dari lebar match_parent dan tinggi wrap_content

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


    <Button
            android:text="Okedroid.com"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            />
</RelativeLayout>

Hasil dari lebar wrap_content dan tinggi match_parent

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


    <Button
            android:text="Okedroid.com"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            />
</RelativeLayout>

Hasil dari lebar dan tinggi match_parent

Nah kurang lebih itulah Pengertian dan Perbedaan penerapan dari  Match Parent dan Wrap Content pada Layout xml. Artikel ini juga merupakan remake , dari artikel Belajar Cara Membuat fill_parent dan wrap_content di Layout xml

Baca juga : Belajar Mengenal atribut Margin dan Padding pada Layout XML

Location:

Share :