ConstraintLayout 1.1 버전 업데이트: 주요 신규 기능 및 개선 사항 안내

안드로이드 UI 개발에 널리 사용되는 ConstraintLayout 라이브러리가 1.1 버전으로 업데이트되었습니다. 이번 업데이트에는 개발 생산성과 레이아웃 유연성을 향상시키는 여러 가지 새로운 기능과 개선 사항이 포함되어 있습니다. 주요 변경 내용을 자세히 살펴보겠습니다.

ConstraintLayout 1.1 주요 신규 기능

1. 퍼센트(Percents) 기반 크기 설정

이제 뷰의 너비(width) 또는 높이(height)를 부모 컨테이너 크기의 특정 비율(퍼센트)로 설정할 수 있습니다. 이 기능은 다양한 화면 크기 및 방향에 대응하는 반응형 레이아웃을 구현할 때 유용합니다. 퍼센트 기반 크기를 적용하려면 해당 차원의 크기를 0dp(match_constraint)로 설정해야 합니다.

// 너비를 match_constraint로 설정
    android:layout_height="100dp"
    app:layout_constraintWidth_percent="0.7" // 부모 너비의 70%로 설정
    ... />

app:layout_constraintHeight_percent 속성을 사용하여 높이도 동일한 방식으로 비율 설정이 가능합니다.

2. 체인(Chains) 기능 개선

여러 뷰를 수평 또는 수직으로 연결하여 그룹화하고 정렬하는 체인(Chains) 기능의 안정성이 향상되었으며, 기존에 보고된 여러 버그들이 수정되었습니다. 이를 통해 체인 스타일(spread, spread_inside, packed) 적용 시 더욱 일관되고 예측 가능한 레이아웃 동작을 기대할 수 있습니다.

3. 배리어(Barriers)

배리어는 하나 이상의 참조된 뷰들의 특정 가장자리(예: start, end, top, bottom)를 기준으로 가상의 경계선을 생성하는 헬퍼 객체입니다. 이 경계선에 다른 뷰들을 제약할 수 있어, 동적으로 크기가 변하는 뷰들에 유연하게 대응하는 레이아웃을 구성할 때 유용합니다. 예를 들어, 여러 텍스트 뷰 중 가장 긴 텍스트 뷰의 끝에 맞춰 다른 UI 요소를 배치하는 경우에 활용될 수 있습니다.

Barrier를 사용하여 동적으로 변하는 콘텐츠에 대응하는 레이아웃 예시

4. 그룹(Groups)

Group 헬퍼를 사용하면 XML 레이아웃 파일 내에서 여러 뷰들을 논리적인 그룹으로 묶을 수 있습니다. 이 그룹을 통해 참조된 모든 뷰들의 가시성(visibility) 상태 (예: View.VISIBLE, View.INVISIBLE, View.GONE)를 코드에서 한 번에 제어할 수 있어 관리가 용이해집니다.

// Java/Kotlin 코드에서:
// titleGroup.setVisibility(View.GONE);

위 예시에서 title_group의 가시성을 변경하면 text_title과 text_subtitle 뷰의 가시성이 함께 변경됩니다.

5. 원형 제약(Circular Constraints)

원형 제약은 특정 뷰(중심점)를 기준으로 다른 뷰를 원형 경로상에 배치할 수 있도록 하는 기능입니다. 중심 뷰의 ID, 중심으로부터의 거리(반지름), 그리고 각도를 지정하여 뷰의 위치를 결정합니다. 주로 FloatingActionButton(FAB)이나 원형 메뉴와 같은 UI 요소 배치에 활용될 수 있습니다.

Circular Constraints를 사용하여 FAB을 배치한 예시

6. 기타 최적화 및 개선 사항

위에 언급된 주요 기능 외에도, ConstraintLayout 1.1 버전에서는 전반적인 성능 최적화, 레이아웃 계산 효율성 증대, 그리고 안드로이드 스튜디오의 레이아웃 편집기(Layout Editor) 지원 강화 등 다양한 내부 개선이 이루어졌습니다.

결론

ConstraintLayout 1.1은 안드로이드 개발자들에게 더욱 강력하고 유연한 UI 구성 도구를 제공합니다. 새롭게 추가된 기능들을 통해 복잡한 레이아웃도 보다 효율적으로 구현할 수 있게 되었으며, 기존 기능들의 안정성 또한 향상되었습니다. 프로젝트에 적용하여 이러한 개선 사항들을 직접 경험해 보시기를 권장합니다.

ConstraintLayout 1.1에 대한 더 자세한 정보는 Google Developers Medium 블로그의 공식 발표문에서 확인하실 수 있습니다.