Layout

유민국·2023년 6월 7일

멋쟁이사자처럼 안드로이드

소개

안드로이드 애플리케이을 개발할 시 화면의 구성해야 한다.
안드로이드는 화면을 구성할 때 배치되는 뷰들이 어디에 배치된다는 좌표를 설정하지 않는다.
안드로이드는 좌표가 아닌 배치되는 모양을 결정하게 된다.
개발자가 배치되는 모양을 결정하고 뷰들을 배치하면 안드로이드 OS가 단말기에 적합한 좌표를 계산하고 뷰들을 배치하게 된다.

Space

Space는 Layout은 아니지만 Layout을 이용해 화면을 구성할 때 보조 수단으로 사용하는 View
화면을 구성할 때 여백이 필요할 경우 사용한다.
명시적으로 여백을 표시하기 위해 사용

LinearLayout

방향성을 가지고 view 를 배치하는 layout 이다.
가로 혹은 세로방향으로 배치할 수 있으며 한 칸에 하나의 view 만 배치할 수 있다.
안드로이드에서 가장 많이 사용하는 layout 으로 여러 LinearLayout을 조합하여 다양한 모양을 만들 수 있다.

주요속성

orientation : 배치되는 방향을 결정한다.
weight : LinearLayout 안에 배치되는 View 들의 비율을 설정한다.

FrameLayout

FrameLayout 은 중첩해서 view 를 배치할 수 있는 Layout 이다.

내부에 배치된 View 들이 같은 자리에 계속 배치되는 layout 이다.
화면을 구성하기 보단 탭 등과 같은 기능을 만들 때 사용하는 경우가 많다.
FrameLayout에 배치되는 view 는 모두 좌측 상단에 배치된다.
margin 속성이나 layout_gravity 속성을 이용해 배치되는 위치를 결정하여 사용한다.

TableLayout

표를 작성하는 방법으로 view 를 배치하는 layout 이다, HTML의 table 태그와 유사하다.

구조

TableLayout 안에 TableRow를 배치한다.
TableRow는 줄 하나를 의미한다.
TableRow에 view 를 배치하면 배치한 view 의 개수 만큼 칸이 생겨난다.

주요 속성

stretchColumns : TableRow 안의 view 들이 가로로 늘어날 비율을 설정한다.
shrinkColumns : TableRow 안의 view 들이 화면에 보일 수 있도록 줄어들게 한다.
layout_column : view 가 배치될 위치를 설정한다.
layout_span : view 가 배치될 칸의 개수를 설정한다.

GridLayout

Grid를 설정하여 View를 배치하는 Layout이다.
TableLayout을 보완하기 위해 제공되는 Layout이다.

주요 속성

rowCount : 그리드 레이아웃의 줄의 개수
columnCount : 그리드 레이아웃의 칸의 개수

GridLayout 에 배치되는 View의 주요 속성
layout_column : View가 배치될 칸이 위치 (0 부터 시작)
layout_row : View가 배치될 줄의 위치 (0부터 시작)
layout_columnSpan : View가 차지할 칸의 수
layout_rowSpan : View가 차지할 줄의 수
layout_columnWeight : 남은 공간을 차지할 가로 비율
layout_rowWeight : 남은 공간을 차지할 세로 비율

RelativeLayout

현재 많이 사용하고 있음
Parent나 다른 view와의 관계를 설정하여 배치하는 layout 이다.
Relative Layout에는 특별한 속성이 없지만 배치되는 view 들의 속성을 이용해 배치를 결정하게 된다.

배치되는 view 들의 주요 속성

layout_alignParentTop : 자신의 상단을 parent 의 상단 부분과 일치 시킨다.
layout_alignParentBottom : 자신의 하단을 parent 의 하단 부분과 일치 시킨다.
layout_alignParentLeft : 자신이 좌측 부분을 parent 의 좌측 부분과 일치 시킨다.
layout_alignParentRight : 자신의 우측 부분을 parent 의 우측 부분과 일치 시킨다.
layout_alignWithParentMissing : 다른 view 를 정렬 기준으로 설정하였을 경우 기준으로 설정한 view 가 없을 때는 parent 를 기준으로 정렬하게 된다.

layout_centerHorizontal : 세로 방향의 중앙에 정렬한다.
layout_centerVertical : 가로 방향의 중앙에 정렬된다.
layout_centerInParent : 가로 세로 모두 중앙에 정렬된다.

layout_alignTop : 자신의 상단 부분을 지정된 view 의 상단 부분에 일치 시킨다.
layout_alignBottom : 자신의 하단 부분을 지정된 view 의 하단 부분에 일치 시킨다.
layout_alignLeft : 자신의 좌측 부분을 지정된 view 의 좌측에 일치 시킨다.
layout_alignRight : 자신의 우측 부분을 지정된 view 의 우측에 일치 시킨다.
layout_alignBaseline : 자신의 Baseline 부분과 지정된 view 의 Baseline을 일치시킨다.

layout_above : 지정된 view 상단에 배치한다.
layout_below : 지정된 view 하단에 배치한다.
layout_toRightOf : 지정된 view 우측에 배치한다.
layout_toLeftOf : 지정된 view 좌측에 배치한다.