[Android] 안드로이드 View 요소 종류와 역할

안드로이드 View 요소 종류와 역할

위젯

1. TextView (텍스트뷰)

텍스트뷰는 문자열을 표현합니다. 텍스트뷰의 문자열은 화면에 고정되며 사용자가 수정할 수 없는 문자열입니다.

2. EditText (에디트텍스트)

에디트텍스트는 문자열을 입력받는 위젯입니다. 사용자에게 입력을 받을 수 있습니다.

3. Button (버튼)

클릭할 수 있게 하는 것이 버튼입니다. 앱을 사용하다보면 확인이나 취소버튼을 쉽게 볼 수 있습니다.

4. CheckBox (체크박스)

사용자가 여러 개를 선택할 수 있는 버튼입니다. '체크됨' 과 '체크되지않음' 을 나타냅니다. 

5. Switch / ToggleButton (스위치 / 토글버튼)

스위치와 토글버튼은 모양만 조금 다를뿐 용도는 거의 동일합니다. 스위치와 토글버튼의 주 용도는 온/오프 상태표시 입니다.

6. RadioButton (라디오버튼)

사용자가 여러 개 중에서 한 개만 선택할 수 있는 버튼입니다. 

7. ImageView / ImageButton (이미지뷰 / 이미지버튼)

이미지뷰는 단순히 그림을 출력하는 기능을 하고, 이미지버튼은 버튼처럼 클릭하는 용도로 쓰입니다. 이미지버튼은 그림으로 표현된 버튼을 만들 때 사용합니다.

 

레이아웃

레이아웃은 ViewGroup 클래스로부터 상속받으며 내부에 무엇을 담는 용도로 쓰입니다. 레이아웃 안에 존재하는 위젯을 배치하게 해줍니다.

 

1. LinearLayout (리니어레이아웃)

리니어레이아웃은 선형 레이아웃이라고도 합니다. 레이아웃의 왼쪽 위부터 아래쪽 또는 오른쪽으로 차례대로 배치합니다.

2. RelativeLayout (렐러티브레이아웃)

렐러티브레이아웃은 상대 레이아웃이라고도 합니다. 위젯 자신이 속한 레이아웃의 상하좌우 위치를 지정하여 배치하거나 다른 위젯으로부터 상대적인 위치를 지정합니다. 

3. TableLayout (테이블레이아웃)

위젯을 행과 열의 개수를 지정한 테이블 형태로 배열합니다.

4. GridLayout (그리드레이아웃)

테이블레이아웃과 비슷하지만 행 또는 열을 확장하여 다양하게 배치할 때 더 편리합니다.

5. FrameLayout (프레임레이아웃)

위젯을 왼쪽 위에 겹쳐서 배치하여 중복되어 보이는 효과를 낼 수 있습니다. 여러 개의 위젯을 배치한 후 상황에 따라서 필요한 위젯을 보이는 방식에 주로 활용됩니다.

6. ConstraintLayout (컨스트레인트레이아웃)

레이아웃 구성 시 위젯의 위치와 크기를 유연하게 조절할 수 있게 해주는 레이아웃입니다. "constraint" 는 "제약" 이라는 뜻으로 여러 제약을 적용하여 위젯의 위치와 크기를 결정합니다. 각각의 제약을 만족시키는 레이아웃으로 구성되고 하면에 보여집니다.

뷰 컨테이너

뷰 컨테이너는 ViewGroup을 상속하면서 다른 위젯을 담는 컨테이너 역할을 합니다. 주로 레이아웃을 제외한 것들을 뷰 컨테이너라고 합니다.

 

1. ScrollView (스크롤뷰)

위젯이나 레이아웃이 화면에 넘칠 때 스크롤 효과를 보여주는 것을 말합니다. 수직이나 수평으로 스크롤을 하는 기능입니다. 주의할 점은 스크롤뷰에는 단 하나의 위젯만을 넣을 수 있습니다. 

2. SlidingDrawer (슬라이딩드로어)

슬라이딩드로어는 서랍을 뜻합니다. 위젯을 서랍처럼 열어서 보여주거나 닫아서 감춥니다.

3. ViewFliper (뷰플리퍼)

뷰플리퍼는 안에 여러 개의 위젯을 배치하고 필요에 따라 화면을 왼쪽이나 오른쪽으로 밀어서 하나의 위젯씩 화면에 보여주는 방식입니다.

4. ListView (리스트뷰)

리스트뷰는 데이터를 리스트 모양을 보여주며 리스트 중 하나를 선택하는 용도로 사용됩니다.

5. GridView (그리드뷰)

그리드뷰는 사진이나 그림을 격자 모양으로 배치해줍니다.

6. Gallery (갤러리)

갤러리는 사진이나 이미지를 배치하고 좌우로 스크롤해서 볼 수 있게 해줍니다. 

7. Spinner (스피너)

스피너는 PC의 드롭다운 박스와 비슷한 기능을 합니다. 화면이 작은 스마트폰에서 여러 개 중 하나를 선택할 수 있도록 확장하여 옵션을 보여주는 용도로 쓰입니다.