반응형

View의 외부와 내부의 간격을 설정해보자.


간격을 한눈에 보기 편한 button으로 실험하려고 한다.

xml에서 button들을 생성시켰다.

아무런 간격설정도 없는 상태로 button들을 생성시켰다.

현재까지 아는 한에서의 간격 설정은 2가지 방법이 있다.

  • padding : View 내부의 간격을 설정
  • margin : View 외부와의 간격을 설정

 

물론 padding과 margin 모두 어느 곳을 기준으로 간격을 설정할지에 대해 여러가지 값들이 존재한다.

기본 margin 외에도 여러가지 기준 설정들이 있다.
padding도 동일하게 여러 기준 설정들이 있다.

 


먼저 margin 설정을 보자.

margin 설정

기본 margin은 상하좌우를 모두 값만큼 간격을 주고, 그 외 기준점을 설정할 경우 해당 기준에서 값만큼 간격을 주어 위치하는 것을 볼 수 있다.


다음으로 padding을 봐보자.

padding 설정

padding도 margin과 마찬가지로 기본 padding의 경우 상하좌우에서 동일하게 값 만큼 떨어져서 표시된다. 그 외 기준점을 설정했을 경우 해당 기준점에서 값 만큼 떨어져서 표현시키는 것을 확인할 수 있다.


View들의 간격을 설정하는 padding과 margin에 대해 알아보았다. 

반응형
  • 네이버 블러그 공유하기
  • 네이버 밴드에 공유하기
  • 페이스북 공유하기
  • 카카오스토리 공유하기