Belajar Mengenal atribut Margin dan Padding pada Layout XML - Okedroid.com | Belajar Coding Aplikasi Java Android Online
Okedroid.com | Belajar Coding Aplikasi Java Android Online

Belajar Mengenal atribut Margin dan Padding pada Layout XML

Saat kita membangun User Interface ,dengan menggunakan Layout XML,biasanya kita menggunakan 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 memiliki nilau atau value yang sama. Jika kita menggunakan atribut margin ,ini digunakan 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 bingung ,kalian bisa melihat ,Contoh gambaranya dibawah ini:


Perbedaan Atribut Margin dan Padding pada Layout XML Android
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 jika terapkan ,atribut margin (yang ditandai area warna biru), maka akan memberi jarak antara TextView dengan Parent View(RelativeLayout,LinearLayout) ,atau konten atau view lain, seperti pada contoh gambar diatas ,dengan Button.


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

Contoh Penerapan Margin dan Padding 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 Android XML Layout
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 Android XML Layout
Contoh Atribut Margin

Baca juga :  Perbedaan atribut gravity dengan layout_gravity pada Layout XML

0 Komentar untuk "Belajar Mengenal atribut Margin dan Padding pada Layout XML"

Silakan berkomentar sesuai dengan Postingan/Artikel yang di bahas.
Jangan SPAM di komentar ini . NO BACKLINK /LINK HIDUP

Back To Top
-->