[Android] Glide 3 - 원형 이미지에 로딩 애니메이션 구현

 

 

이전에 이미지 뷰에 이미지를 띄우기 전에 thumnail() 이라는 메서드로 로딩 애니메이션을 구현한 예제를 포스팅 했었다.

 

2024.07.27 - [안드로이드] - [Android] Glide 2 - 로딩 애니메이션 구현

[Android] Glide 2 - 로딩 애니메이션 구현

 

 

그런데 또 문제가 발생해서 포스팅을 해봅니다.

 

문제

프로필 이미지의 UI 추세가 원형이기 때문에 내 프로젝트에는 원형이미지뷰를 구현할 수 있게 해주는 circleImageVIew 라이브러리를 사용하고 있는데,

 

블로그에 포스팅한대로 circleIamgeView에 적용해보았더니 gif 애니메이션이 아니라 정지된 이미지를 보여주고 있었다.

 

 

해결

circleImageView를 사용하지 않고 다시 imageView를 사용했다.

그리고 글라이드 내장함수인 circleCrop()을 사용해서 원형형태로 깎아주었다.

imageView에서는 원래도 gif 애니메이션이 잘 적용 되었기때문에 할 수 있는 방법이었다.

Glide.with(context)
    .load(R.raw.loading)
    .circleCrop()
    .skipMemoryCache(true)
    .diskCacheStrategy(DiskCacheStrategy.NONE)
    .into(binding.imageViewUserProfile)

 

짠 이전 포스팅 예제에 circleCrop() 만 추가한거라고 생각하면된다!