[Android] 안드로이드 - 이미지 처리를 위한 Glide 라이브러리 사용법

Glide는 안드로이드 앱에서 이미지 로딩과 디스플레이를 위한 강력한 오픈 소스 이미지 로딩 라이브러리이다. 이 라이브러리는 높은 성능과 유연성을 제공하여 안정적으로 이미지를 로드하고 표시할 수 있도록 도와준다.

 

특징

• 자동 메모리 및 디스크 캐싱: Glide는 이미지를 자동으로 메모리와 디스크에 캐싱하여 반복적인 다운로드를 방지하고 앱 성능을 향상시킨다.
• 유연한 API: 간단한 코드로 이미지 로딩을 수행할 수 있으며, 필요에 따라 크기 조정, 변환 및 애니메이션 효과를 쉽게 적용할 수 있다.
• 로딩 및 에러 이미지 설정: 이미지가 로딩되는 동안 보여질 placeholder 이미지와 이미지 로딩 실패 시 보여질 에러 이미지를 설정할 수 있다.
• 이미지 변환 기능: 이미지 크기 조정, 회전, 자르기, 필터링 등 다양한 이미지 변환 기능을 제공한다.
• 리소스 유형 지원: 인터넷에서 이미지를 가져오는 것뿐만 아니라 로컬 파일, 리소스, 비디오 프레임 및 비디오 스틸에서도 이미지를 로드할 수 있다.
• 라이브 사이클 관리: 액티비티 및 프래그먼트의 라이프사이클을 고려하여 메모리 누수를 방지하고 자동으로 이미지 로딩을 관리한다.
• 애니메이션 및 변환 지원: GIF 지원과 함께 이미지 로딩 및 디스플레이 애니메이션을 구현할 수 있다.

 

1. Gradle에 Glide 추가

build.gradle 파일에 Glide 의존성을 추가한다.

dependencies {
    implementation ("com.github.bumptech.glide:glide:4.16.0")
}

 

2. 권한 추가

AndroidManifest.xml 파일에 인터넷 권한을 추가한다.

<uses-permission android:name="android.permission.INTERNET" />

 

3. java 파일에서 Glide 사용

이미지를 로드하고 표시하려는 활동(예: MainActivity)에서 Glide를 사용한다.

- 화면 설계 

xml에서 이미지뷰를 나열한다.

- java 파일 화면 연결

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;
import android.widget.ImageView;

public class MainActivity extends AppCompatActivity {

    ImageView img1;
    ImageView img2;
    ImageView img3;

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

        img1 = findViewById(R.id.img1);
        img2 = findViewById(R.id.img2);
        img3 = findViewById(R.id.img3);
    }
}

 

- Glide 사용

외부 이미지 url 로 이미지 가져오기

먼저 맴버변수로 이미지 url 상수 설정

final String imgUrl1 ="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTt6KIqXYTyQGGbIDGbtpI80L8B5eWmhdXaKw8C4kPk1nikU8M7Uv3GFPvQlh1g8V3iMQI&usqp=CAU";
final String imgUrl2 ="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQD8RWFWhKDJDWDg4ko0nwf5wapVU-FIh5jo3qBE2075KNPXVpDL1_wCSi4puPlmHqV94I&usqp=CAU";
final String imgUrl3 ="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTPoAukyCCpbuaMBGJwy8GpkcD4ISM6Xmz8jQ&usqp=CAU";

 

onCreate에서 Glide로 이미지 불러오기

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

        img1 = findViewById(R.id.img1);
        img2 = findViewById(R.id.img2);
        img3 = findViewById(R.id.img3);

        Glide.with(MainActivity.this).load(imgUrl1).into(img1);
        Glide.with(MainActivity.this).load(imgUrl2).into(img2);
        Glide.with(MainActivity.this).load(imgUrl3).into(img3);
    }

 

4. 최종 코드/ 화면

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;
import android.widget.ImageView;

import com.bumptech.glide.Glide;

public class MainActivity extends AppCompatActivity {

    ImageView img1;
    ImageView img2;
    ImageView img3;

    // 상수 바꿀 수 없는 숫자
    final String imgUrl1 ="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTt6KIqXYTyQGGbIDGbtpI80L8B5eWmhdXaKw8C4kPk1nikU8M7Uv3GFPvQlh1g8V3iMQI&usqp=CAU";
    final String imgUrl2 ="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQD8RWFWhKDJDWDg4ko0nwf5wapVU-FIh5jo3qBE2075KNPXVpDL1_wCSi4puPlmHqV94I&usqp=CAU";
    final String imgUrl3 ="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTPoAukyCCpbuaMBGJwy8GpkcD4ISM6Xmz8jQ&usqp=CAU";

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

        img1 = findViewById(R.id.img1);
        img2 = findViewById(R.id.img2);
        img3 = findViewById(R.id.img3);

        Glide.with(MainActivity.this).load(imgUrl1).into(img1);
        Glide.with(MainActivity.this).load(imgUrl2).into(img2);
        Glide.with(MainActivity.this).load(imgUrl3).into(img3);
    }
}

Glide 사용 전 / 후