[안드로이드] view를 둥글게 만들기, CardView 이용

안녕하세요, 하원입니다.
이번에는 imageView를 둥글게 만드는 방법을 소개해보겠습니다 :)

---

평범한 사각형 imageView 코드

    <ImageView
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:background="#00BCD4"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintBottom_toBottomOf="parent"/>

평범한 사각형 imageView 입니다.
여기서 cardView로 imageView를 감싸 간단하게 imageView를 둥글게 만들어보겠습니다.

---

CardView를 이용한 코드

    <androidx.cardview.widget.CardView
        android:layout_width="100dp"
        android:layout_height="100dp"
        app:cardElevation="0dp"
        app:cardCornerRadius="50dp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintBottom_toBottomOf="parent">

        <ImageView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="#00BCD4" />
        
    </androidx.cardview.widget.CardView>

동글동글한 귀여운 원이 됐군요 ㅎㅎ
cardView를 사용할 때 설정해야할 것들!

1. imageView의 width, height -> cardView의 width, height로 옮기기.(imageView의 width, height -> match_parent로 변경)
   
   
2. cardElevation 속성 값 -> 0으로 지정해주기.
   => cardElevation 속성은 cardView의 높이를 지정하는 속성입니다.
   0을 초과하는 값으로 지정해주면 view가 살짝 띄워져 있는 효과가 나타나게 됩니다.
   
   
3. cardCornerRadius 속성 값 -> cardView의 width, height 값의 절반으로 지정해주기.
   => 타원이 아닌 원을 만들려면 조건이 몇 개 필요합니다.
   - cardView의 width = cardView의 height
   - cardView의 cardCornerRadius = cardView의 width나 height / 2

---

The End