안드로이드 - 랠러티브 레이아웃(Relative Layout)

RelativeLayout은 자식 뷰 또는 부모 뷰 간의 관계에 따라 배치를 적용하는 레이아웃입니다. 

 

1. RelativeLayout의 기본속성 - gravity 속성과 ignoregravity 속성

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <RelativeLayout
        ...
        android:gravity="bottom"
        android:ignoreGravity="@id/button1">

        <Button
            android:id="@+id/button1"
            ...
            android:text="View 1" />

        <Button
            android:id="@+id/button2"
            ...
            android:text="View2" />
    </RelativeLayout>
</android.support.constraint.ConstraintLayout>

▼ RelativeLayout을 최상단에 배치하고 그 아래 Button 뷰 2개를 배치하였습니다. RelativeLayout 의 속성 gravity를 "bottom"으로 지정하였기 때문에 하위 뷰들은 하단에 배치가 되야합니다. 다만 ignoreGravity 속성의 속성값으로 id 속성값이 button1인 뷰를 지정하였습니다. 해당 뷰는 gravity 속성값으로 지정한 "bottom"을 무시한다는 의미입니다.

 

 

 

▼ 차이가 보이시나요 ? View1도 원래 부모 ViewGroup의 gravity 속성값에 따라 하단에 배치되어야 하지만 ingnoreGravity 속성값으로 지정이 되면서 이를 무시해버립니다.

---

2. 부모 뷰 그룹간의 관계에 따른 배치

RelativeLayout은 자식 뷰들간에 관계에 따라 배치를 할 수도 있지만 부모 뷰 그룹과의 관계를 통해서도 배치를 할 수 있습니다. 아래는 각 속성에 따라 배치가 되는 형태입니다.

 

 

▼ 표와 그림을 참고하여 각 속성에 따라 배치되는 영역을 참고하시면 될 것 같습니다.

---

3. 자식 뷰 간의 관계 배치 속성

RelativeLayout은 자식 뷰 간의 관계를 통해서도 배치가 가능합니다.