본문 바로가기

[Android Studio] ConstraintLayout 사용하기

by rudals.kim 2021. 1. 5. 댓글 개
반응형

오랜만에 안드로이드 어플리케이션을 작성할 필요가 있어서 살펴보니 그간 많은 것이 바뀌었네요.

 

제가 마지막으로 안드로이드 어플리케이션을 작성했으때만 해도 이클립스에서 android sdk를 설치하고 만들었었는데, 지금은 Android Studio라는 개발 프로그램도 따로 있고, 레이아웃도 Relative/Linear 레이아웃말고 ConstraintLayout이 새로 생긴듯 보입니다.

 

간단하게 어플리케이션 작성하려고 시작했는데 Layout 부터 막히지만, 구글에서 한글 가이드 웹페이지를 지원해 주고 설명도 잘 되어있어서 배우기는 어렵지 않은것 같습니다. 

 

ConstraintLayout으로 반응형 UI 빌드  |  Android 개발자  |  Android Developers

ConstraintLayout으로 반응형 UI 빌드   Android Jetpack의 구성요소 ConstraintLayout을 사용하면 플랫 뷰 계층 구조(중첩 뷰 그룹이 없음)로 크고 복잡한 레이아웃을 만들 수 있습니다. 동위 보기와 상위 레

developer.android.com

Constraint라는 말 자체가 제약이라는 의미인데 각 component의 위치에 제약을 걸어서 레이아웃을 구성하는것으로 보입니다. 

 

이미지와 텍스트뷰 component의 아래쪽 제약조건을 서로 연결시키면 아래쪽 정렬로 배치를 할 수 있습니다.

이미지와 텍스트뷰 component의 윗쪽 제약조건을 서로 연결시키면 윗쪽 정렬로 배치를 할 수 있습니다.

이미지와 텍스트뷰 component의 아래/윗쪽 제약조건을 서로 연결시키면 가운데 정렬로 배치를 할 수 있습니다.

즉 스크린 상/하/좌/우 와 각 component들 간에 제약조건을 설정하여 레이아웃을 구성하는게 ConstraintLayout인것 같습니다. 이것저것 배치하여 아래와 같은 레이아웃을 작성하였습니다.

이런식으로 구성 후 에뮬레이터와 안드로이드 폰에서 실행 해 보니 레이아웃대로 구성된 화면이 잘 나옵니다.

반응형

댓글