[안드로이드 스튜디오] 레이아웃 다루기 2. Relative Layout(상대, 렐러티브 레이아웃)

Relative Layout

 

상대 레이아웃은 레이아웃 내부에 포함된 위젯을 상대적인 위치로 배치하는 레이아웃이다.

상대 레이아웃이 배치를 하는 두 가지의 부류가 있는데

 

1. 상하좌우로 배치
2. 다른 위젯의 상대 위치로 배치

가 있다. 자세히 알아보자.

 

Relative Layout의 상하좌우에 배치

 

상대 레이아웃 안에서 위치를 배치할 때는 7가지 속성 값으로 배치한다.

 

 

그래서 만약 버튼을 각각의 위치로 배치를 하고싶다면

 

위젯 속성에서 layout_속성="true" 로 설정하면 된다.

 

<RelativeLayout
    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">

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_alignParentTop="true"
        android:text="Top/center"/>

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_centerVertical="true"
        android:text="left/vertical"/>

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:text="center/center"/>

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_centerVertical="true"
        android:text="right/center"/>

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_centerHorizontal="true"
        android:text="bottom"/>

</RelativeLayout>

 

다른 위젯의 상대 위치에 배치

 

다른 위젯의 상대적 위치에 배치하는 기능은 기준 위젯의 id 값을 지정해서 사용한다.

 

@+id/기준 위젯 아이디의 형식으로 사용하는데, 상하좌우는

 

상하좌우

• layout_above
• layout_below
• layout_toLeftOf
• layout_toRightOf

 

상단, 중앙, 하단

• layout_alignTop
• layout_alignBaseline
• layout_alignBotton

 

좌측 우측 기준

• layout_alignLeft
• layout_alignRight

 

<Button
        android:id="@+id/baseBtn/>

<Button
        android:layout_alignTop="@+id/baseBtn/>

 

와 같이 작성한다면 baseBtn을 기준으로 layout_alignTop 으로 배치를 시도한다.