[Android] 13. 레이아웃 : 리니어 레이아웃과 속성

# 레이아웃 : 리니어 레이아웃과 속성

 

 

# 레이아웃 : 리니어 레이아웃

: 위젯을 가로 또는 세로 한 줄로 배치하기 위한 레이아웃으로, 리니어 레이아웃의 속성만 변경해주어도 기존에 배치되어 있던 위젯들의 방향 변경이 가능하다.

 

 

 

- 리니어 레이아웃의 사용법

1. UI 편집기 우측 상단에 있는 [Code] 버튼 클릭 후 모드 변경

 

2. 화면이 XML 코드를 직접 편집 가능한 모양으로 변경

 

3. XML 코드의 2행을 아래와 같이 수정

'androidx.constraintlayout.widget.ConstraintLayout'  --> .'LinearLayout'

변경 전

변경 후

 

4. 다시 우측 상단의 [Design] 버튼 클릭 후 모드 변경

-->  컴포넌트 트리의 최상위 레이아웃이 리니어 레이아웃으로 변경됨을 확인 가능

 

 

 

- 중복 리니어 레이아웃의 형태

: 한 화면에서 위젯을 수평과 수직으로 다양하게 배치해야 하는 경우에는 리니어 레이아웃 안에 리니어 레이아웃을 생성하는 방식 이용

-->  밖의 큰 리니어 레이아웃을 3개의 작은 리니어 레이아웃으로 분류한 후 각 리니어 레이아웃 안에 필요한 위젯을 배치하는 방식

 

 

 

 

# 레이아웃 : 리니어 레이아웃의 속성

 

- 주요 속성

orientation	레이아웃 안에 배치할 위젯의 수직, 수평 방향 설정
gravity	레이아웃 안에 배치할 위젯의 정렬 방향 설정
layout_gravity	자신의 위치를 부모의 어느 부분에 위치시킬지 설정
padding	레이아웃 안에 배치할 위젯의 여백 설정
layout_weight	레이아웃이 전체 화면에서 차지하는 공간의 가중값 설정
baselineAligned	레이아웃 안에 배치할 위젯 정렬

 

ex) orientation, layout_weight 주요 속성 실습

 

 

 

- orientation 속성

: 리니어 레이아웃에서 가장 기본적인 속성으로, 설정값으로 vertical과 horizontal을 지정할 수 있다.

vertical	리니어 레이아웃 안에 포함될 위젯의 배치를 왼쪽 위부터 수직 방향으로 쌓음
horizontal	리니어 레이아웃 안에 포함될 위젯의 배치를 왼쪽 위부터 수평 방향으로 쌓음

 

ex) Line 8 추가하여 orientation 속성 부여하기

 

 

 

- gravity 속성

: 레이아웃 안의 위젯의 위치 배치를 결정하는 속성으로, 기본값은 '좌측 상단'이다.

 

+ 부여 가능한 속성값의 종류는 아래와 같으며, 속성값은 2개를 조합하여 사용할 수 있다.

속성값	설명
top	위쪽에 배치
bottom	아래쪽에 배치
left	왼쪽에 배치
right	우측에 배치
center_vertical	수직 중앙에 배치
center_horizontal	수평 중앙에 배치
center	수평과 수직의 중앙에 배치

 

ex 1) right | bottom  -->  우측 하단에 정렬하라는 의미

Line 8 주목

버튼들이 우측 하단에 배치된 것을 확인

 

 

ex 2) Line 8을 추가하여 버튼 gravity 속성 부여하기

 

 

 

- layout_gravity 속성

: 자신의 위치를 부모의 어느 부분에 둘지를 결정하는 속성으로, 부여 가능한 속성값으로는 left, bottom, top, center, right 등이 있다.

 

+ gravity는 레이아웃에, layout_gravity는 주로 위젯에 지정한다. 

 

ex) Line 12, 19, 26을 추가하여 버튼들의 layout_gravity 속성 부여하기

 

 

 

- baselineAligned 속성

: 크기가 다른 위젯들을 정렬하는 속성으로, true와 false 값을 지정할 수 있다.

 

ex) Line 8을 수정하여 baselineAligned 속성값 부여하기

baselineAligned 속성값이 false 인 경우

 

baselineAligned 속성값이 true 인 경우

 

 

 

- layout_weight 속성

: 중복 리니어 레이아웃에서 사용되는 속성으로, 레이아웃이 전체 화면에서 차지하는 공간의 가중값을 설정한다.

 

+ 리니어 레이아웃을 여러 개 사용하는 경우 각 레이아웃의 크기를 지정해야 하는데, 이때 레이아웃을 화면 전체에 채워야 하기 때문에 주로 전체 화면에 대한 비율(%)로 지정한다.

-->  이 비율에 따라 부모 레이아웃의 나머지 영역을 차지하는 비율이 결정됨

 

ex) Line 15, 22, 28을 추가하여 버튼들에 layout_width 속성 부여하기