뷰(View)

출처 : https://www.edwith.org/boostcourse-android/lecture/17039/

[LECTURE] 1) 뷰의 속성 : edwith

 

 

뷰(View)

• 안드로이드 기본 화면을 구성하는 모든 기본 화면 구성요소
• 흔히 컨트롤(Control)이나 위젯(Widget)이라 불리는 UI 구성 요소

 

뷰 그룹(View Group)

• 뷰들을 여러 개 포함하고 있는 것
• 뷰 그룹도 뷰에서 상속해 뷰가 된다.
• 버튼뿐만 아니라 이것들을 포함하는 눈에 보이지 않는 영역을 포함

 

위젯(Widget)

• 뷰 중에서 일반적인 컨트롤의 역할을 하고 있는 것
• 버튼, 텍스트 등

 

레이아웃(Layout)

• 뷰 그룹 중에서 내부의 뷰들을 포함하고 있으며 그것들을 배치하는 역할을 한다.
• 레이아웃도 뷰이기 때문에 레이아웃 안에 레이아웃을 포함시킬 수 있다. (리니어 레이아웃)

[그림1] 뷰 

 

 

뷰의 크기 지정 방법

 

뷰의 가로 크기와 세로 크기 

**가로 크기와 세로 크기는 뷰의 필수 속성이다.

[그림2] 뷰의 가로 크기 지정

 

match_parent

• 뷰 그룹에 남아 있는 여유 공간을 채움

wrap_content

• 뷰에 들어 있는 내용물의 크기에 따라 뷰의 크기가 결정

크기 값 지정

• 크기를 고정된 값으로 직접 지정하고 싶을 때 사용
• ex) "100px", "200dp"

 

뷰의 크기 지정에 사용되는 단위

[그림3] 뷰의 크기 지정 단위

 

 

뷰의 영역

• 테두리를 기준으로 바깥쪽이 마진, 안쪽이 패딩
• 뷰의 영역은 마진까지를 포함

[그림4] 뷰의 영역

 

뷰의 배경색

• background 속성으로 배경색 설정
• 배경 이미지를 설정할 수 있다.
• 배경색은 ARGB를 기준으로 16진수 두 자리씩 할당하며 # 뒤에 코드를 붙인다.

 

[그림5] 뷰의 배경색

 

 

예)

    <!--    android:background="@color/colorAccent"-->
    <!--    android:background:"FFDCDCDCDC"-->