[Android] 둥근 이미지뷰, CircleImageView

앱을 개발하다 보면 이미지뷰를 원형으로 표현하고 싶을 때가 있습니다.

 

2024.03.22 - [안드로이드] - [Android] 뷰 모서리를 둥글게, CardView

[Android] 뷰 모서리를 둥글게, CardView

 

앞서서 카드뷰의 radius 속성을 많이 주면 둥글어지기도 합니다만,

이번에는 다르게 둥근 이미지뷰를 만드는 방법을 소개할까 합니다.

 

---

0. CircleImageView

 

이 이미지 뷰는 말 그대로 원형의 이미지 뷰입니다.

ImageView를 확장한 라이브러리이기 때문에 기본 사용법은 ImageView와 크게 다른 게 없습니다.

 

1. 앱 수준의 그래들에 의존성 추가

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

 

 

2. XML 추가

 

이렇게 기본 ImageView와 CircleImageVIew를 비교하면서 만들어 봤습니다.

 

 

3. 추가속성

 

대게 프로필 이미지를 표현할 때 요새는 둥근 이미지뷰를 많이 활용하는 것 같습니다.

추가로 CircleImageView에는 테두리 굵기, 색상에 대해서 따로 속성을 추가할 수 있습니다.

속성을 적어보자면 다음과 같습니다.

app:civ_border_overlay ="true"// 테두리가 이미지와 겹칠것인지 설정 true면 겹치게 false는 이미지 바깥쪽으로
app:civ_border_width="" // 테두리 굵기
app:civ_border_color="" // 테두리 색상

 

모두 재밌는 안드로이드 코딩하세요!!

 

---

끝!