모각코 코틀린<기초편>5일차

오늘은 Layout에 대해 배웠다.

학교 수업때 배운 Layout 내용과 연관성이 있는 것 같았다.

 

Layout의 종류

 

Layout은 여러 컴포넌트를 묶는 뷰 그룹이다.

 

Linear Layout

단어처럼 컴포넌트들을 차례대로 나열한다.

세로 가로 둘다 가능하다.

단순한 리스트뷰일 때 사용한다.

Frame Layout

액자 안에 그림을 끼우는 방식의 컴포넌트 배치이다.

컴포넌트 배치보다는 Web view 용 등을 위한 레이아웃을 추가할 때 주로 사용한다.

약간 자료구조 시간에 배운 Stack개념과 비슷한 것 같다.

 

Constraint Layout

컴포넌트의 상하좌우에 필요한 제약을 추가하여 원하는 위치에 배치하는 Layout이다.

Relative Layout 보다는 Constraint Layout이 더 빠르고 최근에 만들어져서 더 좋다.

 

Constraint Layout 사용방법

✅ layout_constraintBottom_toBottomOf="parent" (13번째 줄)

👉 컴포넌트의 bottom(하단)을 parent(부모 요소)의 bottom(하단)에 맞춘다 .

​

✅ layout_constraintEnd_toEndOf="parent" (14번째 줄)

👉 컴포넌트의 end(오른쪽)을 parent(부모 요소)의 end(오른쪽)에 맞춘다.

 

이렇게 할 수 있다.

 

또한 디자인 모드에서 사진처럼 조절을 할 수 있다.

 

이러한 단어를 익혀두면 제약을 만들 때 더 좋다.

✔ 상 = top

✔ 하 = bottom

✔ 좌 = start (=left ; sdk 버전이 낮을 경우 left 사용)

✔ 우 = end (=right ; sdk 버전이 낮을 수록 right 사용)

​

학교에서 배울 때는 Layout에 정확한 느낌을 알지 못했는데 이번에 정확히 깨달은 것 같다.

 

https://codemate.kr/project/%EC%95%88%EB%93%9C%EB%A1%9C%EC%9D%B4%EB%93%9C-APP-%EB%A9%94%EC%9D%B4%ED%8A%B8-%EC%BD%94%ED%8B%80%EB%A6%B0-%EA%B8%B0%EC%B4%88%ED%8E%B8/5-1.-%EB%8B%A4%EC%96%91%ED%95%9C-Layout-%EA%B3%BC-Constraint-Layout

안드로이드 APP 메이트 - 코틀린 기초편 :: #5-1. 다양한 Layout 과 Constraint Layout | 코드메이트