[Android Studio] Layout이란? Layout 기본예제

Layout이란?

Layout 종류

Linear Layout

- 박스(BOX) 모델을 기반한 Layout

- 한쪽 방향으로 쌓는 방식으로 View들을 수직 또는 수평으로 구성

 

 

Linear Layout 만들어보기

Tip 프로젝트 내 새로운 empty activity 파일 추가하기

내가만든 파일의 xml 파일로 들어간 후 상단 Design을 Code로 변경해준다.

xmlns 앞 드래그 된 코드를 다 지운 후 LinearLayout으로 바꿔준다. 이때 기본값은 horizontal로 설정 돼 있다.

vertical로 변경을 원할 시 Component Tree에서 오른쪽 버튼 클릭 후 convert orientation to vertical 사이트 클릭

코드 내에 vertical이 추가된 것을 확인할 수 있다.

Linear Layout 실습1

 

horizontal layout이 총 6개이기 때문에 6개를 추가해준다

attributes에 background 검색 후 컬러를 변경 해 주자

 

레이아웃 각각 백그라운드 컬러를 지정해줘도 색이 변경되지 않는것을 확인할 수 있다.

layout의 가중치 설정이 되지 않아서 이다.

attributes 내 layout_weight를 1로 설정 해 주자. 

layout_weight를 1로 설정 = 각각의 레이아웃을 1:1:1: .. 비율로 설정해주는 것이다.

 

짠~ 완성

 

Linear Layout 실습2

실습2

Linear Layout을 사용하여 버튼을 균일하게 적용 해 보자

 

일단 왼쪽에 붙어있는 친구들은 vertical layout을 사용, 4번째 8번째 button들은 horizontal layout을 사용하면 될 것 같다.

button이 너무 옆으로 길다..! 그럴땐 layout_width가 match_parent로 설정 돼 있을 것이다,  wrap_content로 바꿔주자!

● wrap_content : 해당 뷰가 그려질 수 있게 필요한 길이만 사용한다. 수동적으로 수치를 지정할 수 있다.

● match_parent : 부모가 가지고 있는 길이를 모두 채울때 사용한다

 

그럼 horizontal layout을 만들어 4번째 button을 추가 해 주자

이때 버튼이 또 사라져 있다면 레이아웃들의 height를 wrap_content로 변경 해 주자

 

정상적으로 잘 추가된 것을 확인할 수 있다! 아래도 똑같은 방법으로 만들어주자

짠~

 

Constraint Layout

- 제약조건(Constraint)을 사용해 화면을 구성하는 Layout

- 복잡한 layout을 단순한 계층구조를 이용하여 표현할 수 있는 ViewGruop

- 각 View는 각 축(X,Y)에 대해 최소 하나의 제약 연결 필요

 

Constraint Layout 제약조건 

Chain linear groups 제어

Chain linear groups 제어 Style