Belajar Mengenal Atribut Margin Dan Padding Pada Layout Xml

Belajar Mengenal Atribut Margin Dan Padding Pada Layout Xml

Saat kita membangun User Interface ,dengan memakai Layout XML,biasanya kita memakai atribut antara margin dan padding ,untuk mendesain suatu konten View ,yang sedang kita kembangkan, Kedua atribut tersebut ,memiliki fungsi atau hasil tampilan yang berbeda ,meskipun sama-sama mempunyai nilau atau value yang sama. Jika kita memakai atribut margin ,ini dipakai untuk memberi jarak(batasan) antara konten View ,(Seperti :TextView ,Button dll), dengan konten View lain. Sedangkan untuk atribut padding ,digunakan mempertebal atau memperlapis sebuah konten View. Jika kalian masih resah ,kalian dapat melihat ,Contoh gambaranya dibawah ini:

Contoh Perbandingan Margin dan Padding

Seperti pada gambar diatas,jika kita terapkan atribut padding (yang ditandai area warna merah),pada TextView, maka akan mempertebal jarak dari dalam konten. Sedangkan jikalau terapkan ,atribut margin (yang ditandai area warna biru), maka akan memberi jarak antara TextView dengan Parent View(RelativeLayout,LinearLayout) ,atau konten atau view lain, menyerupai pada referensi gambar diatas ,dengan Button.

Nah ,setelah kita melihat Contoh Konsepnya, kini kita coba terapkan ,pada layout XML, di Android Studio.

Contoh Penerapan Margin dan Padding Android Studio

Contoh Code Layout XML:




Contoh atribut padding :

android:paddingBottom=""
android:paddingEnd=""
android:paddingStart=""
android:paddingTop=""
android:paddingRight=""
android:paddingLeft=""

Contoh Atribut Padding

Contoh atribut margin :

            android:layout_margin=""
            android:layout_marginEnd=""
            android:layout_marginBottom=""
            android:layout_marginLeft=""
            android:layout_marginRight=""
            android:layout_marginStart=""
            android:layout_marginTop=""

Contoh Atribut Margin

Baca juga :  Perbedaan atribut gravity dengan layout_gravity pada Layout XML