By Ragunath Jawahar


2011-01-06 21:11:08 8 Comments

What is the difference between a View's Margin and Padding?

14 comments

@Steve 2014-09-12 10:19:34

Let's just suppose you have a button in a view and the size of the view is 200 by 200, and the size of the button is 50 by 50, and the button title is HT. Now the difference between margin and padding is, you can set the margin of the button in the view, for example 20 from the left, 20 from the top, and padding will adjust the text position in the button or text view etc. for example, padding value is 20 from the left, so it will adjust the position of the text.

@mohammed nathar 2018-02-28 05:51:36

In simple words:

  1. Padding - creates space inside the view's border.
  2. Margin - creates space outside the view's border.

@scorpiodawg 2018-01-08 20:27:16

In addition to all the correct answers above, one other difference is that padding increases the clickable area of a view, whereas margins do not. This is useful if you have a smallish clickable image but want to make the click handler forgiving.

For eg, see this image of my layout with an ImageView (the Android icon) where I set the paddingBotton to be 100dp (the image is the stock launcher mipmap ic_launcher). With the attached click handler I was able to click way outside and below the image and still register a click.

enter image description here

@navylover 2018-06-12 07:32:39

A practical and useful tip!

@AN.Anannthakrrishnan 2017-02-01 04:58:37

Padding means space between widget and widget original frame. But the margin is space between widget's original frame to boundaries other widget's frame.enter image description here.

@Suragch 2014-08-27 06:30:14

To help me remember the meaning of padding, I think of a big coat with lots of thick cotton padding. I'm inside my coat, but me and my padded coat are together. We're a unit.

But to remember margin, I think of, "Hey, give me some margin!" It's the empty space between me and you. Don't come inside my comfort zone -- my margin.

To make it more clear, here is a picture of padding and margin in a TextView:

enter image description here

xml layout for the image above

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="10dp"
        android:background="#c5e1b0"
        android:textColor="#000000"
        android:text="TextView margin only"
        android:textSize="20sp" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="10dp"
        android:background="#f6c0c0"
        android:textColor="#000000"
        android:text="TextView margin only"
        android:textSize="20sp" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="#c5e1b0"
        android:padding="10dp"
        android:textColor="#000000"
        android:text="TextView padding only"
        android:textSize="20sp" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="#f6c0c0"
        android:padding="10dp"
        android:textColor="#000000"
        android:text="TextView padding only"
        android:textSize="20sp" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="10dp"
        android:background="#c5e1b0"
        android:textColor="#000000"
        android:padding="10dp"
        android:text="TextView padding and margin"
        android:textSize="20sp" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="10dp"
        android:background="#f6c0c0"
        android:textColor="#000000"
        android:padding="10dp"
        android:text="TextView padding and margin"
        android:textSize="20sp" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="#c5e1b0"
        android:textColor="#000000"
        android:text="TextView no padding no margin"
        android:textSize="20sp" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="#f6c0c0"
        android:textColor="#000000"
        android:text="TextView no padding no margin"
        android:textSize="20sp" />

</LinearLayout>

Related

@user4702646 2015-08-02 11:12:35

In simple words:
padding changes the size of the box (with something).
margin changes the space between different boxes

@jinosh 2015-07-03 04:24:01

Padding
Padding is inside of a View.For example if you give android:paddingLeft=20dp, then the items inside the view will arrange with 20dp width from left.You can also use paddingRight, paddingBottom, paddingTop which are to give padding from right, bottom and top respectively.

Margin
Margin is outside of a View. For example if you give android:marginLeft=20dp , then the view will be arranged after 20dp from left.

@Pawan Kumar Singh 2015-07-03 02:24:38

Margin refers to the extra space outside of an element. Padding refers to the extra space within an element. The margin is the extra space around the control. The padding is extra space inside the control.

It's hard to see the difference with margin and padding with a white fill, but with a colored fill you can see it fine.

@Akshay Paliwal 2015-02-04 08:54:39

Below image will let you understand the padding and margin-

enter image description here

@Cristian 2011-01-06 21:15:55

Padding is the space inside the border, between the border and the actual view's content. Note that padding goes completely around the content: there is padding on the top, bottom, right and left sides (which can be independent).

Margins are the spaces outside the border, between the border and the other elements next to this view. In the image, the margin is the grey area outside the entire object. Note that, like the padding, the margin goes completely around the content: there are margins on the top, bottom, right, and left sides.

An image says more than 1000 words (extracted from Margin Vs Padding - CSS Properties):

alt text

@Seva Alekseyev 2011-06-23 14:24:54

The answer is for HTML/CSS, the question was about Android. Android's view model is inspired by HTML, but not identical. For one thing, the border is not a first-class sizable object there.

@SharkAlley 2012-06-24 20:52:57

NOTE: In Android, the layout_width property includes content and padding. (In HTML, the css width property refers to content width only.) As Seva said, Android has no built in concept of borders. You can use a 9-patch png background or an xml vector drawable to add a border in Android.

@ArtOfWarfare 2012-11-13 20:39:57

It's also worth noting that the background is modified based on the margin but not the padding (in Android.)

@The Hungry Androider 2015-10-28 15:00:14

In Android, what is here referred to as the "border", is actually the 'view container'. This should clarify things a bit I would hope.

@Seva Alekseyev 2011-01-06 21:14:07

Padding is within the view, margin is outside. Padding is available for all views. Depending on the view, there may or may not be a visual difference between padding and margin.

For buttons, for example, the characteristic button background image includes the padding, but not the margin. In other words, adding more padding makes the button look visually bigger, while adding more margin just makes the gap between the button and the next control wider.

For TextViews, on the other hand, the visual effect of padding and margin is identical.

Whether or not margin is available is determined by the container of the view, not by the view itself. In LinearLayout margin is supported, in AbsoluteLayout (considered obsolete now) - no.

@Akli 2012-12-06 16:25:51

Sometimes you can achieve the same result by playing only with padding OR margin. Example :

Say View X contains view Y (aka : View Y is inside View X).

-View Y with Margin=30 OR View X with Padding=30 will achieve the same result: View Y will have an offset of 30.

@raja 2012-11-02 08:19:43

Padding is the space inside the border between the border and the actual image or cell contents. Margins are the spaces outside the border, between the border and the other elements next to this object.

@Floern 2011-01-06 21:15:09

Padding is inside of a View.

Margin is outside of a View.

This difference may be relevant to background or size properties.

Related Questions

Sponsored Content

48 Answered Questions

[SOLVED] Is there a unique Android device ID?

8 Answered Questions

33 Answered Questions

24 Answered Questions

[SOLVED] What are MVP and MVC and what is the difference?

18 Answered Questions

[SOLVED] android:drawableLeft margin and/or padding

20 Answered Questions

[SOLVED] What is the difference between gravity and layout_gravity in Android?

16 Answered Questions

[SOLVED] What is the difference between match_parent and fill_parent?

10 Answered Questions

[SOLVED] Set margins in a LinearLayout programmatically

7 Answered Questions

[SOLVED] Android : difference between invisible and gone?

Sponsored Content