[Android Studio] 4. 레이아웃 정의와 종류에 대한 정리

안녕하세요. 똥돼지입니다.

안드로이드 앱 개발 시 처음 가장 많이 고민하는 것이 바로 화면 배치일 것이라고 생각한다. 많은 경험이 있는 개발자에게는 익숙하고 편하지만, 앱 개발이 처음인 분들에게는 여간 어려운 일이 아니다. 저 역시 처음 공부를 시작하는 1인으로 화면 배치에 대해 많은 고민을 하였다.
이렇듯 안드로이드 앱에서 꼭 필요한 화면을 배치하는 레이아웃에 대하여 공부해 보려고 한다.

---

안드로이드 프로그래밍 레이아웃(Layout)의 정의 및 종류와 설명

 

1. 레이아웃(Layout)이란?

• 레이아웃이란 앱에서 사용자 인터페이스를 위한 구조를 정의하는 틀이며, 보이지 않는 컨테이너이다.
• 안드로이드 스튜디오에서 다양한 레이아웃 구조를 제공하여, 여러 가지 형태로 사용 가능하다.
• XML 파일을 통하여 다양한 화면 크기와 방향으로 여러 가지 레이아웃을 배치할 수 있다.

 

2. 레이아웃 종류

1. 리니어 레이아웃(Linear Layout)
2. 릴레티브 레이아웃(Relative Layout)
3. 프레임 레이아웃(Frame Layout)
4. 테이블 레이아웃(Table Layout)

 

3. 각 레이아웃에 대한 설명

1) 리니어 레이아웃(Linear Layout)

• 가장 기본적으로 사용하는 레이아웃으로 수평 또는 수직 방향으로 UI를 배치할 수 있다.
• 방향을 가지는 속성은 'orientation'이다.
  
  • Virtical : 수직 방향으로 배치
  • Horizontal : 수평 방향으로 배치

orientation 속성 - 출처 https://lktprogrammer.tistory.com/132

 

2) 릴레티브 레이아웃(Relative Layout)

• 부모 또는 자식 뷰의 상대적 위치 관계를 정의하여 UI를 배치하는 레이아웃으로 기준은 다른 자식 뷰들이 될 수도 있고, 부모 자체가 될 수도 있다. 리니어 레이아웃보다 유동적으로 UI를 배치할 수 있다.

릴레티브(상대) 레이아웃 - 출처 https://codenet.tistory.com/15

 

3) 프레임 레이아웃(Frame Layout)

• 여러 개의 뷰를 중첩하여 배치할 수 있고, 그중 하나의 뷰를 전면에 배치하여 화면으로 출력할 수 있다.
• 뷰들의 화면 전환 시 유용하게 사용할 수 있다.

프레임 레이아웃 - 출처 https://recipes4dev.tistory.com/127

 

4) 테이블 레이아웃(Table Layout)

• UI를 격자 형태로 배치하여 여러 개의 UI들을 동일한 크기로 배치하기 유용하고, 릴레티브(상대) 레이아웃의 배치보다 속성 사용이 적어 사용하는데 편리하다.

테이블 레이아웃 - 출처 https://recipes4dev.tistory.com/138

 

이번에는 안드로이드 앱 개발 시 레이아웃의 정의에 대하여 알아보았고, 각 레이아웃에 대하여 큰 틀에서 간략하게 설명을 해보았습니다. 다음에는 각 레이아웃의 상세 사용법 및 예제에 대하여 작성하려고 합니다.

각각의 레이아웃을 얼마나 더 효율적이고 용도에 맞게 사용하는지 알아볼 것입니다.