chapter 11.3 - 이미지 관련 라이브러리 활용 -CircleImageView

CircleImageView - 원형의 모양으로 이미지 보여주는 라이브러리입니다.

프로필 사진을 표현할 때 자주 보았을 것입니다.

기존에는 사각형으로 보이지만 원형으로 이미지를 보여주고 싶을 경우에 사용합니다.

이 라이브러리는 원형으로 만들어 주는 것뿐만 아니라 테두리도 넣어줄 수 있습니다.

 

우선 프로필 xml을 만들어 주겠습니다.

코드를 작성한 곳은 activity_main.xml입니다.

위와 같이 간단하게 프로필을 작성하는 화면을 만들었습니다.

프로필 사진에 넣을 그림을 하나 선택해서 res > drawable 들어가서 붙어넣기 해서 이미지를 저장합니다.

이미지로 저장하면 20번 줄에 기본 사진에서 원하는 사진으로 바꾸어 넣어 줍니다.

 

위 이미지 사진은 바탕이 흰색이어서 잘 안 보이지만 지금의 프로필 사진은 사각형으로 되어있습니다.

프로필 사진을 원형의 테두리가 있는 것으로 바꾸기 위해 라이브러리를 활용하겠습니다.

 

구글에 원하는 키워드만 검색하면 github 사이트에 라이브러리가 나옵니다.

 

https://github.com/hdodenhof/CircleImageView

 

라이브러리 활용하는 것은 이전 글을 통해 자세하게 설명되어있습니다.

 

2021.06.14 - [안드로이드/클래스101 - 비전공자들을 위한 나만의 안드로이드 앱 만들기] - chapter 11.1 - 라이브러리

 

라이브러리를 활용하기 위해 우선 라이센스를 확인합니다.

 

설치하는 방법을 보겠습니다.

 

Gradle Scripts > build.gradle(Module:~) > dependencies에 적어줍니다.

implementation 'de.hdodenhof:circleimageview:3.1.0'

작성 후 sync now 눌러줍니다.

 

이전 코드의 17번째 줄의 ImageView 태그를 CirCleImageView로 바꾸어 줍니다.

배경이 흰색 이라면 바꾸어도 티가 나지 않을 것입니다.

21, 22번 줄 처럼 테두리를 만들어 보겠습니다. 원하는 두께와 색을 넣어주면 됩니다.