[Android] #1 뷰(View) & UI 기초 용어 정리

#1 Android UI 용어 정리

#2 뷰(View)의 필수 속성 - wrap_content , match_parent , dp/sp

* 개인적인 안드로이드 공부 내용을 정리한 글 이기에, 잘못된 내용이 있을 수 있습니다.

---

#1 Android UI 용어 정리

뷰(View)는 컨트롤 혹은 위젯으로 불리며 유저의 눈에 보이는 모든 화면의 구성 요소를 일컫는 용어이다.

이러한 뷰를 여러개 포함하고 있는 것을 뷰그룹(ViewGroup)이라 부르며 뷰그룹도 뷰와 같이 다를 수 있다.

안드로이드에서 화면을 구성하는 요소인 뷰(View)와 뷰그룹(ViewGroup)을 구별하기 위해서 뷰의 종류에 따라 다른 이름으로 부르기도 하는데, 일반적인 컨트롤 역할을 하는 것을 위젯(Widget) 뷰들을 포함하고 있으며, 그것들을 배치하는 역할을 하는 것을 레이아웃(Layout) 이라고 부른다.

정리하자면, 화면의 구성요소는 뷰(View) 컨트롤 역할을 하는 뷰를 위젯(Widget) 뷰를 담고있는 그릇을 뷰그룹(ViewFroup) 뷰그룹 안에서 뷰를 배치하는 것을 레이아웃(Layout) 이다.

---

#2 뷰(View)의 필수 속성 - wrap_content , match_parent , dp/sp

아래는 LinearLayout 과 Button 뷰의 xml 코드이다. 뷰는 화면의 일정한 영역을 차지하는 UI 요소이기 때문에 반드시 크기 속성을 가지고 있어야 한다. 위쪽 빨간 네모는 LinearLayout 의 필수 크기 속성이고, 아래쪽 빨간 네모는 Button View 의 필수 크기 속성이다. 속성 앞에 android:는 안드로이드 기본 API에서 정의한 속성이라는 뜻이며, layout_width layout_height 를 통해 뷰의 폭과 높이를 설정한다. (*모든 뷰는 layout_width , layout_height 를 가지고 있어야 하며, 이것이 정의되어 있지 않다면 에러가 발생한다.)

가로 세로 크기 값으로 "wrap_content , match_parent , 단위" 세 가지 값 중 하나를 입력할 수 있다.

1. wrap_content : 뷰 안에 들어있는 내용물(텍스트 or 이미지) 크기에 자동으로 맞춘다.

2. match_parent : 뷰를 담고 있는 뷰그룹의 남은 공간을 꽉 채운다.

3. 단위 : 단위 (dp or sp .. 등) 를 사용해 크기를 지정한다.

dp , dip 는 해상도에 비례하는 크기로 출력되게 할 때 사용하는 단위로, 뷰의 크기 뿐 만 아니라 텍스트의 크기를 지정하는 데도 사용되며, sp , sip 는 글꼴을 기준으로 한 텍스트 크기를 나타낼 때 사용하는 단위이다.

따라서 뷰에는 dp 를 글자 크기에는 sp 단위를 사용하는 것이 일반적이다.

*** 아래 사진의 match_content 는 오타입니다. match_parent 로 수정 ***

위 사진의 가로 세로 크기는 모두 각각 wrap_content , match_parent , 500dp 를 적용 시켰으며 Linear Layout 을 기준으로 제작한 UI이다. 사용하는 레이아웃 에 따라 뷰의 적용 방식은 달라질 수 있다. 따라서 기본적으로 안드로이드가 제공하는 5가지 레이아웃의 특성에 대해서도 잘 숙지해 두어야 한다.

---