관리 메뉴

java,javascript,android,php,sql,공부용,메모용

Android Studio / 안드로이드 앱만들기 공부 / 레이아웃 종류 / 상대레이아웃 속성정리 본문

모바일/안드로이드앱

Android Studio / 안드로이드 앱만들기 공부 / 레이아웃 종류 / 상대레이아웃 속성정리

yy_dd2 2020. 9. 18. 20:51
반응형

02. 레이아웃 익히기

어려운 레이아웃을 공부하려면 이 레이아웃을 꼭 알고 넘어가야함

- 제약 레이아웃 ConstraintLayout : 제약 조건 기반 모델 / 제약조건을 사용해 화면을 구성하는 방법 / 안드로이드 스튜디오에서 자동으로 설정하는 디폴트 레이아웃


- 리니어 레이아웃 LinearLayout : 박스(Box) 모델 한 쪽 방향으로 차례대로 뷰를 추가하며 화면을 구성하는 방법 / 뷰가 차지할 수 있는 사각형 영역을 할당

- 프레임 레이아웃 FrameLayout : 싱글 Single 모델 / 가장 상위에 있는 하나의 뷰 또는 뷰그룹만 보여주는 방법 / 여러 개의 뷰가 들어가면 중첩하여 쌓게 됨, 가장 단순하지만 여러 개의 뷰를 중첩한 후 각 뷰를 전환하여 보여주는 방식으로 사용


- 테이블 레이아웃 TableLayout : 격자Grid 모델 / 격자 모양의 배열을 사용하여 화면을 구성하는 방법 / HTML 에서 많이 사용하는 정렬 방식과 유사하지만 많이 사용 안함

- 상대 레이아웃 RelativeLayout : 규칙(Rule) 기반 모델 / 부모 컨테이너나 다른 뷰와의 상대적 위치로 화면을 구성하는 방법 / 제약 레이아웃을 사용하게 되면서 상대 레이아웃은 권장하지 않음 

 


상대 레이아웃 RelativeLayot  속성정리

속성 설명
layout_alignParentTop 부모 컨테이너의 위쪽과 뷰의 위쪽을 맞춤
layout_alignParentBottom 부모 컨테이너의 아래쪽과 뷰의 아래쪽을 맞춤
layout_alignParentLeft 부모 컨테이너의 왼쪽 끝과 뷰의 왼쪽 끝을 맞춤
layout_alignParentRight 부모 컨테이너의 오른쪽 끝과 뷰의 오른쪽 끝을 맞춤
layout_centerHorizontal 부모 컨테이너의 수평 방향 중앙에 배치
layout_centerVerical 부모 컨테이너의 수직 방향 중앙에 배치
layout_centerInParent 부모 컨테이너의 수평과 수직 방향 중앙에 배치

상대 레이아웃에서 부모 컨테이너와의 상대적 위치를 이용하는 속성

 

부모 컨테이너가 아닌 다른 뷰와의 상대적 위치를 이용해 뷰를 배치할 수 있는 속성은 아래와 같다

속성 설명
layout_above 지정한 뷰의 위쪽에 배치
layout_below 지정한 뷰의 아래쪽에 배치
layout_toLeftOf 지정한 뷰의 왼쪽에 배치
layout_toRihtOf 지정한 뷰의 오른쪽에 배치
layout_alignTop 지정한 뷰의 오른쪽에 배치
layout_alignBottom
지정한 뷰의 내용물의 기준선을 맞춤

 

반응형
Comments