[android] ConstraintLayout에서의 아이템 관련 속성 설정

14 Dec 2023

android

안녕하세요! 안드로이드 앱을 개발하시는데 ConstraintLayout을 사용하고 계신가요? ConstraintLayout은 안드로이드 스튜디오에서 화면을 디자인하는 데 매우 강력한 도구입니다. 이 포스트에서는 ConstraintLayout에서의 아이템 관련 속성을 설정하는 방법에 대해 알아보겠습니다.

1. 레이아웃 제약 설정

ConstraintLayout을 사용하면 뷰들 간의 상대적인 위치를 설정할 수 있습니다. 아래는 ConstraintLayout을 사용하여 두 개의 버튼을 가로로 정렬하고 간격을 설정하는 예시입니다.

<androidx.constraintlayout.widget.ConstraintLayout 
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <Button
        android:id="@+id/button1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Button 1" />

    <Button
        android:id="@+id/button2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Button 2" />

    <androidx.constraintlayout.widget.Constraint
        android:layout_width="0dp"
        android:layout_height="0dp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toStartOf="@id/button2"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintBottom_toBottomOf="parent" />
    
    <androidx.constraintlayout.widget.Constraint
        android:layout_width="0dp"
        android:layout_height="0dp"
        app:layout_constraintStart_toEndOf="@id/button1"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintBottom_toBottomOf="parent" />

</androidx.constraintlayout.widget.ConstraintLayout>

위의 코드에서 Constraint 뷰를 사용하여 버튼들 간의 제약을 설정했습니다.

2. 가로, 세로 중앙 정렬

아이템을 가로나 세로로 중앙에 정렬하는 방법은 다음과 같습니다.

가로 중앙 정렬:

app:layout_constraintStart_toStartOf="parent"
app:layout_constraintEnd_toEndOf="parent"

세로 중앙 정렬:

app:layout_constraintTop_toTopOf="parent"
app:layout_constraintBottom_toBottomOf="parent"

3. 아이템 사이 간격 설정

두 개의 아이템 사이의 간격을 설정하려면 layout_constraintHorizontal_chainStyle과 layout_constraintVertical_chainStyle 속성을 활용할 수 있습니다.

간단한 예시는 다음과 같습니다:

<Button
    android:id="@+id/button1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Button 1"
    app:layout_constraintHorizontal_chainStyle="packed" />

위의 코드에서 layout_constraintHorizontal_chainStyle을 사용하여 체인 스타일을 설정하였습니다.

이제 ConstraintLayout에서의 아이템 관련 속성 설정에 대해 알아보았습니다. 안드로이드 앱을 개발하시는데 도움이 되길 바랍니다!

참고 문헌:

Android Developer - ConstraintLayout