[Android] 원형 이미지 뷰 (CircleImageView) 만들기

반응형

 

프로젝트를 하면서 프로필 사진을 넣는 이미지 뷰가 필요했다. 프로필 사진은 대부분 사각형 보다는 원형으로 처리하는 것 같다.

안드로이드 스튜디오 이미지 뷰는 디폴트가 사각형이기 때문에 원형으로 바꿔줘야 한다.

생각보다 간단하게 원형으로 적용할 수 있는 방법이 있어서 공부해보았다.

---

 

1. Gradle에 추가해주기

해당 문장을 Gradle Scripts - build.gradle(Module: app)에 그대로 적어서 Sync Now를 눌러주면 적용된다.

 

GitHub - hdodenhof/CircleImageView: A circular ImageView for Android

 

 

 

2. Xml 만들기

• Usage

<de.hdodenhof.circleimageview.CircleImageView
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/profile_image"
    android:layout_width="96dp"
    android:layout_height="96dp"
    android:src="@drawable/profile"
    app:civ_border_width="2dp"
    app:civ_border_color="#FF000000"/>

 

기존에 ImageView를 사용했었다면, 이번에는 de.hdodenhof.circleimageview.CircleImageView 로 변경하여 작성해준다.

 

바로 사각형이었던 기존 imageview가 원형으로 바뀌는 모습을 볼 수 있다. (src에는 imageview에 넣고싶은 이미지를 삽입했다.)

 

생각보다 수작업으로 imageview를 일일이 둥글게 만들지 않고도 쉽게 적용할 수 있었다!