[Android/Kotlin] #원형 ImageView(CircleImageView) 사용하기

💡 개요

---

오늘은 사각의 ImageView가 아닌 둥근 ImageView를 사용하는 법에 대해 공부하고자 한다.

ImageView를 둥글게 만드는 법은 다양하지만, 오늘은 CircleImageView 라이브러리로 만드는 법을 알아볼 것이다. 

 

💡 STEP 1 : 라이브러리 추가

---

우선 CircleImageView를 사용하기 위해선 build.gradle(Module)에 다음을 추가해야 한다.

// Circle ImageView
implementation 'de.hdodenhof:circleimageview:3.1.0'

이 라이브러리는 아래에서 자세히 확인할 수 있다.

https://github.com/hdodenhof/CircleImageView

GitHub - hdodenhof/CircleImageView: A circular ImageView for Android

 

💡 STEP 2 : CircleImageView 사용하기

---

라이브러리를 추가했다면 일반적인 <ImageView>처럼 다음과 같이 사용하면 된다.

<de.hdodenhof.circleimageview.CircleImageView
    android:id="@+id/circleimageview"
    android:layout_width="300dp"
    android:layout_height="300dp"
    android:src="@drawable/sea"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toBottomOf="@id/imageview" />

 

 

💡 STEP 3 : 결과

---

일반적인 ImageView는 사각형으로 표현되는 반면,

CircleImageView는 둥근 Image로 표현되는 것을 볼 수 있다.