RelativeLayout 와 LinearLayout 뷰면적 ,상대적위치

안녕하세요 누누입니다.

안드로이드 xml 뷰를 만들다 보면 여러 가지 레이아웃을 사용하게 됩니다.

 

RelativeLayout은 (0,0)좌표에 중첩되어 쌓이는 뷰입니다.

최상위 부모나 id를 참조해서 특정 뷰의 상대적인 위치를 지정 가능합니다. 

 

layout_above    ~의 위에 배치하라

layout_below    ~의 밑에 배치하라

layout_toLeftOf  ~의 왼쪽에 배치하라

layout_toRightOf ~의 오른쪽에 배치하라 

layout_alignTop     ~와 위쪽 변을 맞춰라
layout_alignBottom ~와 밑쪽 변을 맞춰라
layout_alignLeft     ~와 왼쪽 변을 맞춰라
layout_alignRight    ~와 오른쪽 변을 맞춰라

layout_alignParentTop     true이면 부모와 위쪽 변을 맞춰라
layout_alignParentBottom true이면 부모와 밑쪽 변을 맞춰라
layout_alignParentLeft     true이면 부모와 왼쪽 변을 맞춰라
layout_alignParentRight    true이면 부모와 오른쪽 변을 맞춰라

layout_centerHorizontal true이면 부모의 수평 중앙에 배치하라
layout_centerVertical    true이면 부모의 수직 중앙에 배치하라
layout_centerInParent   true이면 부모의 수평, 수직 중앙에 배치하라

layout_alignParentLeft   true이면 부모의 왼쪽으로 붙여라

layout_alignParentRight    true 이면 부모의 오른쪽으로 붙여라 

 

등 자주 사용하는 속성입니다.

 

LinearLayout은 가로 또는 세로로 순차적으로 나열되는 레이아웃입니다.

android:orientation=""으로 가로 또는 세로로 설정이 가능합니다. 

LinearLayout은 레이아웃안의 뷰들의 면적이 조절 가능합니다.

 

<LinearLayout
android:orientation="vertical"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:layout_weight="1">
<TextView
android:layout_marginTop="6.5dp"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="12sp"
android:textColor="#929292"
android:lineSpacingExtra="5sp"
android:text="사고차량"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="15sp"
android:textColor="#333333"
android:lineSpacingExtra="2sp"
android:text="12가 1234"
/>
</LinearLayout>

<LinearLayout
android:orientation="vertical"
android:layout_weight="1"
android:layout_width="wrap_content"
android:layout_height="match_parent">
<TextView
android:layout_marginTop="6.5dp"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="12sp"
android:textColor="#929292"
android:lineSpacingExtra="5sp"
android:text=android:text="사고차종종"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="15sp"
android:textColor="#333333"
android:lineSpacingExtra="2sp"
android:text="제네시스 G90"
/>
</LinearLayout>

<LinearLayout
android:orientation="vertical"
android:layout_weight="1"
android:layout_width="wrap_content"
android:layout_height="match_parent">
<TextView
android:layout_marginTop="6.5dp"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="12sp"
android:textColor="#929292"
android:lineSpacingExtra="5sp"
android:text="사고유형"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="15sp"
android:textColor="#333333"
android:lineSpacingExtra="2sp"
android:text=android:text="잠금장치해제"
/>
</LinearLayout>

 

다음과 같이 3개의 레이아웃을 삼분할하여 분배가 가능합니다.

 

 

자주 사용하는 두 가지의 레이아웃을 소개해드렸습니다. 짧은 소개였지만 레이아웃 안에서의 화면 분할을 원하시면 LinearLayout을 상대적인 위치 값을 이용하고 싶으시면 RelativeLayout을 사용하시면 되겠습니다.

 

다들 즐 코딩하세요 ^^!