유혁의 엉터리 개발

[Android] 안드로이드 GIF ImageView 넣기 본문

Android

[Android] 안드로이드 GIF ImageView 넣기

류혁 2017.07.31 11:49

 

안녕하세요.

 

안드로이드 내에 gif 파일을 넣는법을 알려드리겠습니다.

 

이전 포스팅에 splash activity 에 gif 파일을 넣는 경우가 많습니다.

 

splash activity란?

http://yoo-hyeok.tistory.com/31

 

 

간단하게 어플리케이션을 대표하는 화면을 의미합니다.

 

만드는 방법은 위 링크로 들어가시면 됩니다.

 

 

gif 파일이란

 

동영상을 짤라서 만든 화면? 움짤로 많이 알려져 있습니다.

 

특정 구간을 동영상처럼 재생되어 반복되는 화면입니다.

 

 

 

이런 화면입니다.

 

동영상은 아니지만 특정구간 재생되는 파일입니다.

 

 

안드로이드 스튜디오에서 적용해 봅시다.

 

 

 

 

1. build.gradle(Module:app) 을 클릭합니다.

 

 

 

우측에 dependencies 에 glide 라이브러리를 추가해 줘야합니다.

 

 

 

2. glide 라이브러리 추가

 

 

compile 'com.github.bumptech.glide:glide:3.7.0'

 

추가이후 sync 해줍니다.(우측 상단에 나와요)

 

 

 

 

3. gif파일 만들기

(gif파일이 있으면 4번으로 이동)

 

 

 

gifcam.exe 파일을 다운받습니다.

 

GifCam.exe

 

 

실행시키고 네모 칸 안에 동영상이나 움직이는 움짤을 넣어주고

 

Rec 화살표 아래버튼을 눌러 FPS(Frame Per Second)를

 

입맛에 맞게 설정합니다.

 

 

숫자가 클수록 화질이 좋습니다.

반대로 대신 용량은 커집니다.

 

 

 

 

 

녹화 이후 Save로 경로 설정 후 저장합니다.

 

 

파일이름은 소문자 영문으로 작성해야 안드로이드 스튜디오에 적용하기 좋습니다.

 

 

 

저는 위의 gif 파일을 만들었습니다.

 

 

4. 안드로이드 스튜디오 적용

 

 

MainActivity.class

public class MainActivity extends AppCompatActivity {

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);

ImageView rabbit = (ImageView) findViewById(R.id.gif_image);
GlideDrawableImageViewTarget gifImage = new GlideDrawableImageViewTarget(rabbit);
Glide.with(this).load(R.drawable.rabbit).into(gifImage);

}
}

 

activity_main.xml

 

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent">

<ImageView
android:id="@+id/gif_image"
android:layout_width="match_parent"
android:layout_height="match_parent" />

</LinearLayout>

 

 

drawable/rabbit.gif 파일 삽입

 

 

복사 붙여넣기 하시면 됩니다.

 

 

 

 

5. 결과

 

프로젝트를 빌드해봅시다.

 

 

쨘 gif를 넣었습니다.

 

 

감사합니다.

5 Comments
댓글쓰기 폼