[android] CardView의 커스터마이징 방법

15 Dec 2023

android

안드로이드 앱을 개발하다보면 종종 CardView를 사용하여 카드 형식의 UI를 구성해야 하는 경우가 많습니다. 이때 기본적인 CardView의 뷰와 그림자 효과 등을 커스터마이징하여 보다 독특한 디자인의 카드를 구현하고 싶을 수 있습니다. 이번 포스트에서는 안드로이드에서 CardView를 커스터마이징하는 방법에 대해 알아보겠습니다.

1. XML 레이아웃에서 CardView 속성 설정

CardView를 커스터마이징하려면 먼저 XML 레이아웃에서 CardView의 속성을 설정해야 합니다. app:cardCornerRadius, app:cardBackgroundColor, app:cardElevation 등의 속성을 활용하여 카드의 둥근 모서리, 배경 색상, 그림자 효과 등을 다양하게 조절할 수 있습니다.

예를 들면:

<android.support.v7.widget.CardView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:cardCornerRadius="8dp"
    app:cardElevation="4dp"
    app:cardBackgroundColor="#FFFFFF">
    
    <!-- 카드 내용을 구성하는 뷰들 -->
    
</android.support.v7.widget.CardView>

2. CardView 스타일 적용

그 다음으로는 CardView에 스타일을 적용하여 더 다채로운 테마의 카드를 만들 수 있습니다. 예를 들어, res/values/styles.xml 파일에서 새로운 CardView 스타일을 정의하고 CardView에 style 속성을 적용하는 방식으로 커스텀 카드를 만들 수 있습니다.

<style name="CustomCardViewStyle" parent="CardView">
    <item name="cardCornerRadius">12dp</item>
    <item name="cardElevation">6dp</item>
    <item name="cardBackgroundColor">#FF0000</item>
</style>

그리고 XML 레이아웃에서 다음과 같이 새로운 스타일을 적용할 수 있습니다:

<android.support.v7.widget.CardView
    style="@style/CustomCardViewStyle"
    ...
</android.support.v7.widget.CardView>

3. CardView 내부의 뷰 구성

마지막으로 CardView 내부에 들어갈 뷰들, 예를 들면 이미지뷰, 텍스트뷰 등을 통해 카드의 내용을 다양하게 구성할 수 있습니다. 이를 통해 카드의 디자인을 보다 다채롭게 만들 수 있습니다.

커스텀 CardView를 만들기 위한 위의 과정을 따라하면 보다 독특하고 맞춤형의 디자인을 갖춘 CardView를 만들 수 있을 것입니다.

참고 자료

이상으로 안드로이드 앱에서 CardView를 커스터마이징하는 방법에 대해 알아보았습니다. 원하는 디자인을 구현하기 위해 위의 과정을 활용해보세요.