Belajar Mengenal Match Parent Dan Wrap Content Pada Layout Xml

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 dipakai , yang biasa kita kenal ,yaitu match_parent (dulu fill_parent) dan wrap_content , kedua  nilai atribut ini dipakai untuk memilih jenis lebar (width) atau tinggi (height) , pada ViewGroup dan View  di Aplikasi Android. Atribut match_parent ialah salah satu nilai atribut ,yang berfungsi biar lebar atau tinggi, sanggup mengikuti layar atau screen pada perangkat Android. Sedangkan untuk wrap_content adalah salah satu nilai atribut, yang berfungsi biar lebar atau tinggi ,dapat mengikuti object (seperti :TextView ,Button dll) tersebut.  

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

dasar hirarki ui android development

Seperti yang aku sudah katakan sebelumnya ,perbedaan dari penerapan match_parent , dan wrap_content ialah ,jika match_parent digunakan biar lebar atau tinggi, mengikuti layar atau screen pada perangkat Android, Makara penerapan ini secara default dipakai pada ParentView ,Tapi tak menutup kemungkinan juga, sanggup dipakai pada ChildView. Sedangkan untuk wrap_content , akan mengikuti bentuk dari obyek tersebut. Biasanya memang hanya dipakai untuk ChildView.

Contoh Penggunaan :

Sebagai pola penggunaan ,kita akan memakai 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 alasannya ,Button atau ChildView ini berada pada ParentView dari RelativeLayout ,yang memiliki 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