기초

ConstraintLayout Guideline의 begin, end, percent 사용법을 화면 분할, 이미지/텍스트 기준선 예시로 정리합니다.

ConstraintLayout chain weight와 packed bias를 이용해 1:1, 1:2:1 비율 배치와 탭 UI를 만드는 방법을 설명합니다.

ConstraintLayout percent, minWidth, maxWidth로 화면 크기에 따라 View 크기를 조절하는 방법을 0dp 조건, percent 값, 모바일/태블릿 비교 예시로 정리합니다. 잘못된 percent 설정 체크리스트까지 함께 설명합니다.

ConstraintLayout dimensionRatio로 1:1, 16:9 이미지 비율을 만들고 0dp 조건, W/H 기준, ratio가 깨지는 제약 실수를 XML과 배치 이미지로 정리합니다. 카드 썸네일 예시까지 함께 설명합니다.

ConstraintLayout baseline 정렬을 top 정렬과 비교하고 label/value UI와 form row에서 높이가 다른 TextView의 글자 기준선을 맞추는 방법을 예시 이미지와 XML로 정리합니다.

ConstraintLayout bias 사용법을 horizontalBias, verticalBias, 0.0, 0.5, 1.0 위치 비교와 margin 포함 예시로 쉽게 정리하고 실무에서 안 먹는 이유도 함께 설명합니다.