[Android] View, ViewGroup, XML Layout 이란?

Android에서 View, ViewGroup, XML Layout은 사용자 인터페이스(Ui)를 설계하고 구성하는데 사용되는 중요한 개념과 구성 요소이다.

오늘은 이러한 것들에 대해서 정리를 해보자.

공식 문서에 나와있는 이미지

 

View 란?

View는 Android 애플리케이션에서 사용자 인터페이스의 기본 구성 요소이다. 버튼, 텍스트상자, 이미지, 체크박스와 같은 사용자가 보는 Ui 요소는 모두 View의 하위 클래스이다. View는 사용자 입력을 처리하고 화면에 그래픽 요소를 그릴 수 있다!

View 객체를 일반적으로 위젯 이라고 부르며, 위에서도 언급했듯 Button 또는 TextView와 같은 여러 서브 클래스 중 하나 일 수 있다.

공식문서 View

 

ViewGroup 이란?

ViewGroup을 일반적으로는 레이아웃 이라고 부르며, LinearLayout 또는 ConstraintLayout과 같은 다양한 레이아웃 구조를 제공하는 여러 유형중 하나이다.

ViewGroup은 View의 하위클래스이며, 다른 View 요소들을 포함하고 그룹화하는데 사용한다.

ViewGroup은 포함된 View 요소들을 배치하고 정렬하는 데 사용된다.

공식문서에서 ViewGroup

 

XML Layout이란?

XML은 Android 애플리케이션의 사용자 인터페이스를 정의하기 위해 사용되는 마크업 언어이다.

XML 레이아웃 파일은 애플리케이션의 레이아웃 구조를 설명하며, View 및 ViewGroup 요소를 구성하고 배치하는데 사용된다.

XML 레이아웃 파일은 리소스 디렉터리(res/layout)에 저장되며, 애플리케이션 코드에서 인플레이트(inflate)하여 실제 Ui를 생성한다.

 

간단한 예제 ( LinearLayout을 사용하여 버튼을 수직으로 배치하는 간단한 XML 레이아웃 예제)

<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <Button
        android:id="@+id/button1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="버튼 1" />

    <Button
        android:id="@+id/button2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="버튼 2" />

</LinearLayout>

 

참고

https://ju-hy.tistory.com/22

View, ViewGroup, XML Layout 이란?

https://developer.android.com/guide/topics/ui/declaring-layout?hl=ko 

레이아웃  |  Android 개발자  |  Android Developers