View Class

🌟뷰 클래스란?

뷰(View)는 애플리케이션에서 가시적으로 표현되는 모든 것을 말한다. 화면 구성과 관련한 클래스를 통칭하여 뷰 클래스라고 한다. 액티비티 화면을 구성할 때 사용하는 클래스는 모두 View의 하위 클래스이다.

안드로이드 SDK는 사용자 인터페이스를 구성하는데 사용할 수 있는 여러 뷰 클래스를 제공한다. 이러한 뷰들을 위젯 혹은 컴포넌트라고 부른다. SDK가 제공하지 않는 위젯은 뷰 클래스의 서브 클래스를 만들거나 뷰 클래스를 상속받는 새로운 컴포넌트를 생성해서 새로운 뷰를 생성할 수 있다.

- 클래스 예시

• View： 모든 뷰 클래스의 최상위 클래스이다. 액티비티는 View의 서브 클래스만 화면에 출력한다.

• ViewGroup： View의 하위 클래스지만 자체 UI는 없어서 화면에 출력해도 아무것도 나오지 않는다. 다른 뷰 여러 개를 묶어서 제어할 목적으로 사용한다. 일종의 그릇 역할을 하는 클래스로, 일반적으로 컨테이너 기능이라고 표현된다. 실제로는 ViewGroup의 서브 클래스인 레이아웃 클래스를 사용한다.

• TextView： 특정 UI를 출력할 목적으로 사용하는 클래스, 문자열을 출력하는 뷰이다.

• 이외에도 여러 클래스가 존재한다.

​

🌟 계층 구조

사용자 인터페이스의 각 뷰는 화면의 직사각형 영역을 나타낸다. 뷰는 영역 안에 그려지는 것에 대한 책임이 있으며, 화면의 뷰 영역에서 발생하는 이벤트(터치 등)에 응답해야할 책임도 있다.

사용자 인터페이스 화면은 뷰 계층 구조로 구성된다. 그리고 뷰 계층 구조는 계층 구조 트리(tree)의 맨 위에 위치한 루트(root) 뷰와 그 밑의 가지에 위치한 자식 뷰로 되어 있다. 컨테이너 뷰의 자식 뷰는 자신의 부모 뷰 위에 포개져서 화면에 나타나되, 부모 뷰의 화면 영역 경계 안에만으로 그 범위가 제한된다.

아래 예시의 인터페이스는 버튼과 체크 상자 뷰가 위치하는 방법을 제어하는 레이아웃 뷰를 포함한다. 아래 오른쪽 이미지는 사용자 인터페이스를 자식 뷰들과 관련된 레이아웃 뷰들을 나타내고 있다.

사용자 인터페이스 화면은 최상위에 루트 뷰를 갖는 뷰 계층 구조(뷰 트리)의 형태로 구성된다. 이처럼 객체를 계층 구조로 만들어 이용하는 패턴을 컴포지트 패턴 또는 문서 객체 모델(DOM: document object model)이라고 한다.

사용자 인터페이스를 구성하는 다양한 뷰들 간의 관계를 가장 분명하게 보여주는 것이 위와 같은 뷰 계층 구조 다이어그램(diagram)이다. 사용자 인터페이스가 화면에 보일 때 안드로이드 런타임은 뷰 계층 구조를 순회한다. 이때 루트 뷰에서 시작해서 트리의 아래로 내려가면서 각 뷰를 나타낸다.

​

🐣 미니 실습

​

🌱 참고 자료

1. [Android 구조 및 개념] 안드로이드 뷰 계층 구조(view hierarchy)
2. [Android 강의6] 안드로이드 뷰 클래스(View)
3. <안드로이드 뷰, 뷰그룹, 레이아웃> 개념 정리
4. Do it! 깡쌤의 안드로이드 앱프로그래밍 with 코틀린 (강성윤)