[android] CardView의 다양한 디자인 방법

안드로이드 앱에서 정보를 시각적으로 표시하고 사용자와 상호작용하기 위해 CardView를 사용하는 것이 일반적입니다. CardView는 그림자와 모서리 둥글게 처리된 모양 등으로 사용자에게 손쉽게 정보를 제공할 수 있습니다. 이 글에서는 CardView를 다양한 디자인 방법으로 꾸미는 방법을 제시하겠습니다.

1. 그림자 추가

CardView에 그림자를 추가하여 더 입체적으로 보이게 할 수 있습니다. 이를 통해 화면에서 CardView가 떠 있는 느낌을 줄 수 있습니다.

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

</androidx.cardview.widget.CardView>

2. 배경 색상 및 모서리 둥글기 조절

CardView의 배경 색상과 모서리 둥글기를 조절하여 디자인을 개선할 수 있습니다.

<androidx.cardview.widget.CardView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:cardBackgroundColor="#FFC107"
    app:cardCornerRadius="16dp">
    
    <!-- CardView 내용 -->

</androidx.cardview.widget.CardView>

3. 그림자 색상 및 크기 조절

CardView의 그림자 색상과 크기를 조절하여 특정 효과를 줄 수 있습니다.

<androidx.cardview.widget.CardView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:cardBackgroundColor="#ffffff"
    app:cardCornerRadius="8dp"
    app:cardElevation="4dp"
    app:cardUseCompatPadding="true"
    app:cardPreventCornerOverlap="false">
    
    <!-- CardView 내용 -->

</androidx.cardview.widget.CardView>

우리는 CardView를 통해 다양한 디자인을 구현할 수 있습니다. 사용자 친화적인 UI를 만들기 위해 다양한 속성들을 조절하여 원하는 디자인을 만들어보세요.

참고 자료