이번 포스팅에서는 앱에서 움직이는 GIF를 표시하는 법에 대해 알아보도록 하겠습니다.

안드로이드에서 이미지를 보여줄때는 화면을 구성하는 xml파일에 ImageView를 올리고 그 이미지뷰에 그림파일을 삽입해주면 됩니다. 이 때 그림파일은 drawable 폴더에 넣어주며 파일이름은 영문소문자 + 언더바로만 구성합니다.

ImageView로 이미지 표시

이미지를 표시하기 위해서는 다음과 같이 imageView의 setImageResource 메소드를 사용합니다. 그런데 이 때 크기가 너무 큰 그림파일은 넣을 수 없고, 움직이는 GIF는 첫번째 프레임만 표시된다는 문제가 있습니다.

1

imageView.setImageResource(R.drawable.sample00)

Glide 사용

하지만 Glide라는 외부 라이브러리를 사용하면 이런 문제를 해결할 수 있습니다.

이렇게 이미지를 표시하는 라이브러리로는 square의 Picasso나 facebook에서 만든 Fresco도 있습니다.

특징을 간단하게 설명하자면 picasso는 가벼운 대신 비교적 느리고, glide는 빠르고 사용하기 편하며 fresco는 빠르지만 사용법이 좀 복잡하다는 특징이 있습니다.

아무튼 사용법은 다음과 같이 간단합니다. with에 액티비티나 프래그먼트를 넣고 load 로 이미지를 호출하면 되는데, load 안에는 로컬 파일뿐만 아니라 웹 이미지도 넣을 수 있습니다.

1
2
3
4

implementation 'com.github.bumptech.glide:glide:4.11.0'

// 메인액티비티
Glide.with(this).load(R.raw.sample01).into(imageView)

이렇게 해서 Glide를 사용하는 법에 대해 알아보았습니다.