[android] CardView의 사용 예시

15 Dec 2023

android

안드로이드 앱에서 정보나 그림을 보여줄 때 CardView를 사용하면 보기 쉽고 깔끔한 UI를 구현할 수 있습니다. CardView는 Material Design 라이브러리의 일부로 제공되며, 그림자 효과와 모서리 둥글게 만드는 등의 효과를 쉽게 적용할 수 있는 위젯입니다.

CardView 추가하기

먼저, build.gradle 파일에 다음 내용을 추가하여 support 라이브러리를 설치합니다.

implementation 'com.android.support:cardview-v7:28.0.0'

그리고 레이아웃 파일에서 CardView를 추가합니다.

<android.support.v7.widget.CardView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:cardCornerRadius="8dp"
    app:cardElevation="4dp">

    <!-- 내용을 추가하세요 -->

</android.support.v7.widget.CardView>

app:cardCornerRadius로 모서리 둥글기를, app:cardElevation으로 그림자 효과를 조절할 수 있습니다.

CardView 안에 내용 추가하기

CardView 안에는 기본적으로 하나의 View만 추가할 수 있습니다. 보통 이 안에는 LinearLayout 같은 레이아웃을 추가하여 여러 요소를 표시합니다.

<android.support.v7.widget.CardView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:cardCornerRadius="8dp"
    app:cardElevation="4dp">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">

        <!-- 내용을 추가하세요 -->

    </LinearLayout>

</android.support.v7.widget.CardView>

결론

CardView를 사용하여 안드로이드 앱의 UI를 보기 좋게 디자인할 수 있습니다. Material Design 가이드라인을 따라 그림자와 모서리 등의 효과를 쉽게 적용할 수 있으므로, 적극적으로 활용해 보세요.