[Kotlin][Android] GIF ImageView에 넣기

안녕하세요. 이번에는 코틀린으로 ImageView에 Gif 그림을 넣어 보도록 하겠습니다.

 

우선 Gif 그림이란 GIF 파일 확장명 을 가진 파일 은 그래픽 교환 형식 파일입니다. GIF 파일에는 오디오 데이터가 포함되어 있지 않지만 비디오 클립을 공유하는 방법으로 온라인에서 자주 보입니다. 웹 사이트는 종종 GIF 파일도 사용하여 버튼이나 헤더 이미지와 같은 움직이는 객체를 표시합니다.

 

일반적으로 이미지를 넣듯이 Gif를 넣으면 아래 영상처럼 하나의 프레임만 보여주게 됩니다.

 

 

이런 문제를 피하기 위해서는 Glide를 사용해서 이미지를 불러와야 합니다.

 

 

 

Glide란 구글에서 공개한 이미지 라이브러리로 가장 성능이 좋은 이미지 로딩 라이브러리로 알려져 있습니다. 사진뿐만 아니라 동영상까지 지원을 하고 있습니다. 자세한 사항은 아래 문서를 확인해주세요.

github.com/bumptech/glide

bumptech/glide

 

build.gradle 에 아래 외부 라이브러리를 사용하겠다고 선언해 줍시다.

    // Glide
    implementation 'com.github.bumptech.glide:glide:4.9.0'

 

다음으로 Gif 파일을 넣기 위해서는 파일 경로가 일반적인 drawable 폴더가 아닌 raw 폴더에 있어야 합니다. 그러므로 [res] 폴더 아래에 [raw] 폴더를 하나 만들어 줍니다.

[raw] 폴더 만들기

[raw] 폴더 아래에 gif 파일을 업로드

 

다음으로 Glide를 이용해서 gif 파일을 자신이 사전에 생성한 ImageView에서 업로드 할 수 있도록 합니다. 

package com.example.stickcodekotlin

import android.os.Bundle
import androidx.appcompat.app.AppCompatActivity
import com.bumptech.glide.Glide
import kotlinx.android.synthetic.main.activity_gif.*

class GifActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_gif)

        Glide.with(this).load(R.raw.gif_test).into(imageView)
    }
}

그러면 다음과 같이 움직이는 사진을 확인할 수 있습니다.

 

 

 

이 포스팅에서 사용한 스틱코드 주소는 아래 링크를 참고해 주세요.

stickode.com/detail.html?no=1934

스틱코드