반응형

이 게시물은 다음 링크를 참조하여 학습했습니다.

 

안드로이드 렐러티브레이아웃. (Android RelativeLayout)

1. 안드로이드 RelativeLayout 클래스. [안드로이드 리니어레이아웃. (Android LinearLayout)]에서 설명한 LinearLayout 을 사용하여 UI 레이아웃을 구성하다보면, 원하는 배치 구조를 만들기가 쉽지 않은 경우

recipes4dev.tistory.com

이번 시간에는 RelativeLayout에 대해 정리해보려 한다.

1. RelativeLayout

 Relative의 사전적 정의는 "상대적인"이다. 이는 레이아웃의 요소들을 상대적으로 나열하고 싶을때 유용하게 사용한다.

 RelativeLayout의 default 값은 orientation = horizontal, start = Left/Top 이다.

 RelativeLayout에서 사용가능한 속성은 다음과 같이 있다.

속성 설명
layout_toLeftOf 뷰(View)를 기준 뷰(Anchor View)의 왼쪽에 배치
layout_toRightOf 뷰(View)를 기준 뷰(Anchor View)의 오른쪽에 배치
layout_above 뷰(View)를 기준 뷰(Anchor View)의 위에 배치
layout_below 뷰(View)를 기준 뷰(Anchor View)의 아래에 배치
layout_toStartOf 뷰(View)를 기준 뷰(Anchor View)의 시작에 배치
layout_toEndOf 뷰(View)를 기준 뷰(Anchor View)의 끝에 배치
layout_alignParentLeft 뷰(View)를 부모(Parent) 영역 내에서 왼쪽에 배치
layout_alignParentRight 뷰(View)를 부모(Parent) 영역 내에서 오른쪽에 배치
layout_alignParentTop 뷰(View)를 부모(Parent) 영역 내에서 위에 배치
layout_alignParentBottom 뷰(View)를 부모(Parent) 영역 내에서 아래에 배치
layout_centerHorizontal 뷰(View)를 부모(Parent) 영역 내에서 가로 방향 가운데 배치
layout_centerVertical 뷰(View)를 부모(Parent) 영역 내에서 세로 방향 가운데 배치
layout_centerInParent 뷰(View)를 부모(Parent) 영역 내에서 정 중앙에 배치
layout_alignParentStart 뷰(View)를 부모(Parent) 영역 내에서 시작에 배치
layout_alignParentEnd 뷰(View)를 부모(Parent) 영역 내에서 끝에 배치
layout_alignLeft 뷰(View)의 왼쪽을 기준 뷰(View)의 왼쪽에 맞춤
layout_alignRight 뷰(View)의 오른쪽을 기준 뷰(View)의 오른쪽에 맞춤
layout_alignTop 뷰(View)의 위를 기준 뷰(View)의 위에 맞춤
layout_alignBottom 뷰(View)의 아래를 기준 뷰(View)의 아래에 맞춤
layout_alignBaseline 뷰(View)의 폰트 기준선(Baseline)을 기준 뷰(View)의 폰트 기준선(Baseline)에 맞춤

 

 1) 뷰와 뷰 사이의 상대적 위치를 결정할 때

  뷰와 뷰 사이의 상대적 위치를 결정할 때는 위의 속성표에서 검은색 속성들을 사용한다.

  해당 속성들은 기준뷰의 ID값을 속성값으로 받는다.

 2) 부모인 RelativeLayout 기준으로 상대적 위치를 결정할 때

  부모인 RelativeLayout 기준으로 상대적 위치를 결정할 때는 위의 속성표에서 빨간색 속성들을 사용한다.

  해당 속성들은 true 또는 false의 boolean값을 속성값으로 받는다.

 3) 맞춤 정렬을 하고자 할 때

  한글이나 워드에서처럼 왼쪽 정렬, 가운데 정렬 등 맞춤 정렬을 하고자 할 때는 파란색 속성들을 사용한다.

  해당 속성들은 1)과 마찬가지로 기준뷰의 ID값을 속성값으로 받는다.

반응형

+ Recent posts