[Android] 뷰(View)와 뷰의 크기 속성

📌 뷰의 속성

• 뷰(View) : 사용자 눈에 보이는 화면의 구성요소. 컨트롤 or 위젯이라고 불림.
• 뷰그룹(ViewGroup) : 뷰를 여러 개 포함하고 있는 것으로, 또다른 뷰그룹도 넣을 수 있음. 뷰를 상속하여 만들어짐. 뷰그룹 안에서 뷰의 위치 지정 가능.

📌 위젯과 레이아웃으로 구별되는 뷰

각각의 역할을 구분하기 위해 뷰의 종류에 따라 다른 이름으로 부르기도 한다.

• 위젯(Widget) : 뷰 중에서 화면에 보이면서 일반적인 컨트롤의 역할을 하는 것.
• 레이아웃(Layout) : 뷰그룹 중에서 내부에 뷰들을 포함하고 있으면서 그것들을 배치하는 역할을 하는 것.

✔ 정리

뷰 : 화면 구성 요소

위젯 : 사용자 눈에 보이는 컨트롤 역할을 하는 뷰

뷰그룹 : 뷰를 담고 있는 그릇

레이아웃 : 뷰그룹 안의 뷰를 배치하는 것

📌 뷰의 크기 속성

모든 뷰는 반드시 크기 속성을 가지고 있어야 한다. 뷰는 화면의 일정 영역을 차지하기 때문이다. 만약 뷰의 가로, 세로 크기 속성이 없으면 오류가 난다.

텍스트 뷰는 XML 레이아웃에서 위와 같은 형태로 들어가 있다. 간단하게 살펴보자면,

• <TextView>태그를 이용하여 텍스트뷰를 표현한다.
• 대부분 android: 라는 단어가 앞에 붙어있으며, 이는 안드로이드 기본 API에서 정의한 속성이라는 뜻이다.
• 공통된 속성은 layout_width와 layout_height로, 뷰가 가질 수 있는 내부 속성 중 필수 속성이다. 뷰가 화면 안에 들어있으려면 뷰의 크기와 위치가 결정되어야 하기 때문이다.
• 가로, 세로의 크기 값으로는 다음 세 가지 값 중 하나가 들어갈 수 있다.

구분	설명
wrap_content	뷰에 들어 있는 내용물의 크기에 자동으로 맞춘다.
match_parent	뷰를 담고 있는 뷰그룹의 여유공간을 꽉 채운다.
숫자로 크기 지정	숫자 + dp나 px와 같은 단위를 사용해 크기를 지정한다.

📌 버튼의 크기 속성 바꾸기

layout_width와 layout_height의 속성을 바꿔보았다. 둘 다 wrap_content로 되어있을 때는 텍스트에 맞게 버튼의 크기가 조정되고, layout_width를 240dp로 바꿨을 때는 가로의 길이가 더 길어진 것을 볼 수 있다.

모두 wrap_content로 되어있는 경우(좌) / layout_width를 240dp로 한 경우(우)

리니어 레이아웃으로 바꿀경우, 왼쪽 하단에 Component Tree창에서 ConstraintLayout 항목에 마우스 오른쪽 버튼을 클릭하고, [Convert view...] 메뉴를 선택한다.

그럼 다음과 같은 창이 뜨는데, LinearLayout으로 바꿔준다.

그리고나서 모두 match_parent로 바꾸다면 다음과 같은 결과가 나온다.

LinearLayout에서 match_parent로 바꾼 경우

따라서, 동일한 속성이라도 뷰(버튼)을 담고 있는 레이아웃이 어떤 것인지에 따라서 뷰에 적용되는 방식이 달라진다. 또한 각각의 레이어마다 필수 속성도 조금씩 다르다.