[Android] URL을 이용해 이미지 띄우기

안드로이드에서 이미지를 띄우기 위해서는 프로젝트안에 이미지를 넣어서 띄우거나, URL을 이용해 이미지를 띄울수있다.

이미지를 URL로 만드는법은 아래 사이트를 이용해 만들수있다.

https://ko.imgbb.com/

무료 이미지 호스팅 / 이미지 업로드

해당 사이트에서 이미지를 업로드 한후에, 퍼가기에서 BBCode원본 이미지 링크를 클릭하고 [img]와 [/img] 사이의 링크를 이용하면 된다.

이미지 만료기간은 없이 할수있는듯..?

반드시 [BBCode 원본 이미지 링크] 를 선택후에 [img] [/img] 태그 사이에 있는 링크를 이용해야한다!!

---

Glide는 아래 링크를 통해 더 자세히 알아보실 수 있습니다.

bumptech/glide: An image loading and caching library for Android focused on smooth scrolling (github.com)

GitHub - bumptech/glide: An image loading and caching library for Android focused on smooth scrolling

 

 

 

 

먼저 라이브러리를 gradle에 추가해주겠습니다.

build.gradle

dependencies {
    ...
    implementation 'com.github.bumptech.glide:glide:4.12.0' // 이미지로딩 라이브러리
}

추가 후 아래와 같이 나오는 Sync Now를 반드시 클릭해야 라이브러리가 적용됩니다.

 

 

이미지를 표시할 레이아웃을 만듭니다.

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center"
    android:orientation="vertical"
    tools:context=".MenuActivity">

    <ImageView
        android:id="@+id/imageView"
        android:layout_width="300dp"
        android:layout_height="300dp"
        android:scaleType="centerCrop" />
</LinearLayout>

 

 

 

링크로 아래 이미지를 불러보겠습니다.

https://cdn.pixabay.com/photo/2021/08/03/07/03/orange-6518675_960_720.jpg

MainActivity.kt

val imageView = findViewById<ImageView>(R.id.imageView)
val defaultImage = R.drawable.ic_menu_slideshow
val url = "https://cdn.pixabay.com/photo/2021/08/03/07/03/orange-6518675_960_720.jpg"

Glide.with(this)
    .load(url) // 불러올 이미지 url
    .placeholder(defaultImage) // 이미지 로딩 시작하기 전 표시할 이미지
    .error(defaultImage) // 로딩 에러 발생 시 표시할 이미지
    .fallback(defaultImage) // 로드할 url 이 비어있을(null 등) 경우 표시할 이미지
    .circleCrop() // 동그랗게 자르기
    .into(imageView) // 이미지를 넣을 뷰

 

---

출처 : https://stickode.tistory.com/334

[Kotlin][Android] 이미지 url로 이미지 로딩하기