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.  



 Saat kita sedang mendesain pada layout XML  Belajar Mengenal Match Parent dan Wrap Content pada Layout xml



Oke sepakat ,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). Kaprikornus 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.

 Saat kita sedang mendesain pada layout XML  Belajar Mengenal Match Parent dan Wrap Content pada Layout xml
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, Kaprikornus 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 rujukan 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 :


 Saat kita sedang mendesain pada layout XML  Belajar Mengenal Match Parent dan Wrap Content pada Layout xml
Hasil dari lebar dan tinggi wrap_content

Disini alasannya ialah ,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>


 Saat kita sedang mendesain pada layout XML  Belajar Mengenal Match Parent dan Wrap Content pada Layout xml
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>


 Saat kita sedang mendesain pada layout XML  Belajar Mengenal Match Parent dan Wrap Content pada Layout xml
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>



 Saat kita sedang mendesain pada layout XML  Belajar Mengenal Match Parent dan Wrap Content pada Layout xml
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



Sumber https://www.okedroid.com/
Show comments
Hide comments

0 Response to "Belajar Mengenal Match Parent Dan Wrap Content Pada Layout Xml"

Post a Comment

Blog ini merupakan Blog Dofollow, karena beberapa alasan tertentu, sobat bisa mencari backlink di blog ini dengan syarat :
1. Tidak mengandung SARA
2. Komentar SPAM dan JUNK akan dihapus
3. Tidak diperbolehkan menyertakan link aktif
4. Berkomentar dengan format (Name/URL)

NB: Jika ingin menuliskan kode pada komentar harap gunakan Tool untuk mengkonversi kode tersebut agar kode bisa muncul dan jelas atau gunakan tool dibawah "Konversi Kode di Sini!".

Klik subscribe by email agar Anda segera tahu balasan komentar Anda

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel

close