2024.02.28(수) TIL

오늘은 android에서 Chip을 사용하는 방법이다.

Material Design Chip
위 공식문서를 참고했다.

먼저 칩들중 한가지만 선택 가능하게 만들었고, 이는 chipGroup으로 묶고, chip의 스타일을

style="@style/Widget.MaterialComponents.Chip.Choice"

이렇게 설정해주면 된다.

<com.google.android.material.chip.ChipGroup
android:id="@+id/chip_group"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/linearLayout"
app:singleSelection="true">

<com.google.android.material.chip.Chip
    android:id="@+id/chipAll"
    style="@style/Widget.MaterialComponents.Chip.Choice"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginStart="16dp"
    android:layout_marginTop="20dp"
    android:checkable="true"
    android:clickable="true"
    android:text="@string/칩1번"
    app:chipCornerRadius="6dp"
    app:chipStrokeColor="@color/chip_stroke"
    app:chipStrokeWidth="1dp"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toBottomOf="@+id/linearLayout" />

<com.google.android.material.chip.Chip
    android:id="@+id/chipCaravan"
    style="@style/Widget.MaterialComponents.Chip.Choice"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginStart="7dp"
    android:checkable="true"
    android:clickable="true"
    android:text="칩2번"
    app:chipCornerRadius="6dp"
    app:chipStrokeColor="@color/chip_stroke"
    app:chipStrokeWidth="1dp"
    app:layout_constraintBottom_toBottomOf="@+id/chipAll"
    app:layout_constraintStart_toEndOf="@+id/chipAll"
    app:layout_constraintTop_toTopOf="@+id/chipAll" />
    />

이렇게 칩 그룹 안에 칩들을 넣어주면 된다.