[android] CardView와 이미지 라운딩 처리

15 Dec 2023

android

이번에는 안드로이드 앱에서 CardView와 이미지를 같이 사용할 때 이미지의 모서리를 라운드 처리하는 방법에 대해 알아보겠습니다.

1. CardView 생성

먼저, CardView를 레이아웃 파일에 추가합니다.

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

    <!-- 카드에 들어갈 내용을 추가합니다 -->

</androidx.cardview.widget.CardView>

CardView의 app:cardCornerRadius 속성을 사용하여 카드의 모서리를 라운드 처리할 수 있습니다.

2. 이미지 라운딩 처리

이제 CardView 안에 들어갈 이미지의 모서리를 라운드 처리합니다. 이를 위해 이미지뷰를 추가하고 ClipToOutline 속성을 사용하여 모서리를 라운드 처리합니다.

<ImageView
    android:layout_width="match_parent"
    android:layout_height="200dp"
    android:scaleType="centerCrop"
    android:src="@drawable/image_placeholder"
    android:background="@drawable/image_background"
    android:outlineProvider="bounds"
    android:clipToOutline="true"/>

3. 결과

이렇게하면 CardView와 이미지를 함께 사용할 때 이미지의 모서리를 라운드 처리할 수 있습니다. 이를 통해 UI를 향상시키고 사용자에게 더 나은 시각적인 경험을 제공할 수 있습니다.

이상으로 안드로이드에서 CardView와 이미지 라운딩 처리에 대해 알아보았습니다.

참고 문서