View Hierarchy 뷰 계층 구조

View Hierarchy 

뷰의 계층구조

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:gravity="center"
    tools:context=".MainActivity">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:padding="24dp"
        android:text="@string/question_text"
        />

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="horizontal">

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginRight="10dp"
            android:text="@string/true_button"
            />
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/false_button"
            />
            
    </LinearLayout>
    
</LinearLayout>

위의 코드는 아래의 표처럼 계층을 가진 상태로 구성된다. 

view에 해당하는 모든 xml 코드들은 이런 식으로 구성되어있다. 

 

LinearLayout
TextView	LinearLayout
	Button	Button

최고 상단 루트(뿌리에)에 속하는 요소는 LinearLayout이다. 

이 것에는 안드로이드 리소스 xml 네임스페이스를 지정해줘야한다. 

그 코드가 바로 익숙한 아래의 코드이다. 

xmls:android="http://schemeas.android.com/apk/res/android"

 

ViewGroup 에는 Linear, Constraint, Frame 등 다양한 서브클래스가 있다. 

ViewGroup에 포함되는 모든 View들은 뷰그룹의 자식(Child)라 부른다.

Linearlayout의 자식은 Textview, Linearlayout이며, 

두번째 linearlayout의 자식은 2개의 Button 이다.