[안드로이드 기본 개념] 화면 구성 (View Component, Layout), 화면 구성 방법(xml 파일)

View Component

안드로이드 화면을 구성하는 요소들을 View Component 라고 한다.

예를 들어 텍스트, 이미지, 토글 버튼, 로딩 바, 이미지 버튼 등을 가리킨다.

 

화면을 구성하는 방법으로는 2가지가 존재한다.

1. xml 파일의 Design 모드에서 story board 를 활용해 Drag&Drop 하는 방식 (자동으로 코딩됨)

2. xml 파일에 직접 코딩하는 방식

 

 

---

Layout 생성

 

화면 구성은 res > layout 폴더에 저장되고 처리된다.

 

 

새로운 xml 파일을 생성할 때에는

layout 폴더 위에서 오른쪽 마우스 버튼을 클릭해 New > layout > Layout Resource File 을 클릭하고,

 

 

파일 명을 적고 OK 하면 된다.

Root element 에는 기본적으로 사용할 layouts 를 설정할 수 있고,

Directory name 은 layout 으로 설정해야 layout을 인식될 수 있다.

 

 

 

---

Stroy Board 활용

 

 

디자인모드에서 보이는 창으로 

왼쪽에 Palette 메뉴에서는 원하는 요소를 마우스로 클릭해 화면으로 가져다 놓으면 요소가 등록되고, 

오른쪽에 Attributes 메뉴에서는 해당 요소의 속성을 지정하면 된다.

 

 

 

Palette 부분에서 중요하게 익혀야할 개념은 Layouts 이다.

Layouts 는 배치관리자로 화면의 배치를 담당한다.

 

많이 쓰이는 배치관리자는 아래와 같다.

ConstraintLayout

LinearLayout(horizontal) - 수평정렬

LinearLayout(Vertical) - 수직정렬

FrameLayout

 

---

xml 파일에 직접 코딩

Split 모드, Code 모드에서 직접 코드를 짜면서 화면을 구성할 수 있다.

아래의 화면은 Split 모드의 창이며, 이 모드에서는 바로 어떻게 화면이 출력되는지 보여준다.