[안드로이드 공부] RelativeLayout 상대 레이아웃

오늘은 RelativeLayout을 공부했다.

 

RelativeLayout(상대 레이아웃) : 다른 뷰나 부모 뷰와의 상대적인 위치를 이용해 뷰를 배치하는 방법

 

상대 레이아웃의 사용법은 위의 사진과 같다.

---

새로운 프로젝트 파일을 만들어준다.

그리고 디자인탭의 코드창으로 들어가서 최상위 레이아웃을 RelativLayout으로 바꾸어준다.

최상위 레이아웃이 정상적으로 바뀌어있다.

일단 버튼을 왼쪽 위끝에 놓아보자. 

layout_alignParentLeft = 부모 컨테이너의 왼쪽끝과 뷰의 왼쪽 끝을 맞춘다

layout_alignParentRight = 부모 컨테이너의 오른쪽 끝과 오른쪽 끝을 맞춘다

start는 왼쪽과 유사하다.

그리고 여기엔 안나온 Top, bottom등도 있다.

 

크기는 가로를 width를 match_parent로 바꾸어준다.

 

그리고 두번째 버튼을 끌어다 놓고 동그라미를 누르고 끌어서 위의 첫번째 버튼의 밑의 동그라미에 붙이면

오른쪽 사진과 같이 위의 버튼에 연결이 된다.

코드를 보면 코드가 몇개가 추가되었다. 

layout_below : 기준뷰 (첫번째 버튼) 하단에 해당뷰(두번째 버튼)의 상단을 붙인다.

layout_centerHorizontal : 부모뷰의 가로 중앙에 정렬시킨다.

 

그리고 below의 값인 @+id/button은 첫번째 버튼의 id값이다.

 

 

그리고 크기 값을 모두 match_parent로 바꾸고 기존뷰 즉, 첫번째 버튼에 가까이 놓게 되면 이렇게 꽉차게 된다.

그리고 3번째 버튼을 오른쪽 밑 끝에 붙여주고 가로 길이를 match_perent로 바꾸어준다.

그리고 두번째 버튼에 android:layout_below="(3번째 버튼의 id값)"을 넣어주면

이런 화면이 나오게 된다.

 

RelativeLayout은 옛날에만 썼지만, 지금은 제약 레이아웃인 constraintlayout을 많이 쓴다.

그래도 아는게 좋은것 같다.