RelativeLayout

300x250

300x250

RelativeLayout 은 하단과 같이 view 들을 서로 간의 상대적 위치에 따라 배치 한다.

 

How to

◼ RelativeLayout in XML

 

RelativeLayout.LayoutParams

View group 이 view 를 배치할 때 따르는 규칙이다.

 

 

◼ ViewGroup.LayoutParams

View 의 크기를 설정한다.

 - layout_width : view 너비

 - layout_height : view 높이

◼ ViewGroup.MarginLayoutParams

View 주변의 여백을 설정한다.

XML 속성	의미	상세 그림
layout_margin	해당 view 의 상, 하, 좌, 우 여백 설정
layout_marginLeft	해당 view 의 좌측 여백 설정
layout_marginTop	해당 view 의 상단 여백 설정
layout_marginRight	해당 view 의 우측 여백 설정
layout_marginBottom	해당 view 의 하단 여백 설정

 

◼ RelativeLayout.LayoutParams

1. RelativeLayout 영역내 view 가 정렬되는 속성

 

2. 기준 view 와 대상 view 간의 관계에 의해 배치되는 속성.

XML 속성	의미	상세 그림
layout_above	기준 view 의 상위 배치
layout_below	기준 view 의 하위 배치
layout_toLeftOf	기준 view 의 좌측 배치
layout_toRightOf	기준 view 의 우측 배치
layout_alignTop	기준 view 의 상위에 맞춤
layout_alignBottom	기준 view 의 하위에 맞춤
layout_alignLeft	기준 view 의 좌측에 맞춤
layout_alignRight	기준 view 의 우측에 맞춤
layout_alignBaseline	기준 view 의 수직 중앙에 맞춤

Attributes

◼ id

id 는 해당 RelativeLayout 을 유일하게 식별할 수 있는 속성이다.

◼ RelativeLayout 영역내 view 가 정렬되는 속성

(상세 설명은 위쪽의 RelativeYout.LayoutParams 1 을 참조하자)

[layout_alignParentLeft | layout_alignParentTop | layout_alignParentRight | layout_alignParentBottom |  layout_centerHorizontal | layout_centerVertical | layout_centerInParent]

 

 

◼ 기준 view 와 대상 view 간의 관계에 의해 배치되는 속성

(상세 설명은 위쪽의 RelativeYout.LayoutParams 2 을 참조하자)

[layout_above | layout_below | layout_toLeftOf | layout_toRightOf |  layout_alignTop | layout_alignBottom | layout_alignLeft | layout_alignRight | layout_alignBaseLine]