[android] CardView의 배경색 및 모서리 둥글게 처리

안드로이드 앱을 개발하다보면 시각적으로 보기 좋은 디자인을 구현하기 위해 CardView를 사용하는 경우가 많습니다. CardView는 그림자 효과와 함께 콘텐츠를 감싸고 둥근 모서리를 가진 컨테이너를 만들어줍니다. 이번 포스트에서는 CardView의 배경색을 변경하고 모서리를 둥글게 처리하는 방법에 대해 다뤄보겠습니다.

CardView의 배경색 변경

CardView의 배경색은 cardBackgroundColor 속성을 사용하여 변경할 수 있습니다. XML 레이아웃 파일에서 CardView를 정의하고 app:cardBackgroundColor 속성을 사용하여 배경색을 지정할 수 있습니다.

<androidx.cardview.widget.CardView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:cardBackgroundColor="#FF0000">
    <!-- CardView의 내용 -->
</androidx.cardview.widget.CardView>

또는 프로그래밍적으로 배경색을 변경할 수 있습니다. Kotlin으로 작성한 예제는 다음과 같습니다.

val cardView: CardView = findViewById(R.id.cardView)
cardView.setCardBackgroundColor(Color.RED)

CardView의 모서리 둥글게 처리

CardView의 모서리를 둥글게 처리하려면 cardCornerRadius 속성을 사용합니다. XML에서 app:cardCornerRadius를 사용하여 모서리의 반지름을 지정할 수 있습니다.

<androidx.cardview.widget.CardView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:cardCornerRadius="8dp">
    <!-- CardView의 내용 -->
</androidx.cardview.widget.CardView>

프로그래밍적으로 모서리를 둥글게 처리하는 방법은 다음과 같습니다.

val cardView: CardView = findViewById(R.id.cardView)
cardView.radius = 8F

radius 속성의 값은 픽셀 단위로 지정합니다.

이렇게하면 CardView의 배경색과 모서리를 원하는 대로 만들 수 있습니다. 시각적으로 뛰어난 UI를 구현하고 사용자 경험을 향상시키기 위해 CardView의 스타일을 조절하는 것은 매우 중요합니다.

참고 자료

이번 포스트에서는 CardView의 배경색 및 모서리를 다루었습니다. 나만의 UI를 만들기 위해 CardView의 다양한 속성을 활용해보세요.