뷰의 패딩과 마진의 차이

Stack Overflow에 자주 검색, 등록되는 문제들과 제가 개발 중 찾아 본 문제들 중에서 나중에도 찾아 볼 것 같은 문제들을 정리하고 있습니다.

Stack Overflow에서 가장 먼저 확인하게 되는 가장 높은 점수를 받은 Solution과 현 시점에 도움이 될 수 있는 가장 최근에 업데이트(최소 점수 확보)된 Solution을 각각 정리하였습니다.

 

아래 word cloud를 통해 이번 포스팅의 주요 키워드를 미리 확인하세요.

Difference between a View's Padding and Margin

뷰의 패딩과 마진의 차이

 문제 내용 

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

뷰 마진과 패딩의 차이점은 무엇입니까?

 

 

 

 높은 점수를 받은 Solution 

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:

다음은 텍스트뷰의 패딩 및 마진 그림입니다.

 

xml layout for the image above

위 이미지의 xml 레이아웃

<?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

관련 링크

• Gravity vs layout_gravity
• Match_parent vs wrap_content

 

 

 

 가장 최근 달린 Solution 

In simple words:

간단히 말하면:

 

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

패딩 - 뷰 테두리 안에 공백을 만듭니다.
여백 - 뷰 테두리 외부에 공백을 만듭니다.

 

 

 

출처 : https://stackoverflow.com/questions/4619899/difference-between-a-views-padding-and-margin