[Java][Andoird] Picasso 라이브러리를 활용하여 이미지 URL을 ImageView에 쉽게 띄우기

오늘은 Picasso 라이브러리를 활용하여 이미지 URL을 ImageView에 띄울 수 있는 방법을 소개하겠습니다.

 

Picasso는 이미지를 로드할 때 사용 가능한 라이브러리입니다. 

 

Picasso 라이브러리 홈페이지 / 깃헙 링크

square.github.io/picasso/

github.com/square/picasso

Picasso

---

적용법

<build.gradle>

먼저 app 수준의 gradle 파일에 의존성 문구를 추가해줍니다.

최신버전을 사용하는 걸 권장합니다.

저는 3월 시점의 가장 최신 버전을 추가해주었습니다.

dependencies {
    ...(생략)...

    implementation 'com.squareup.picasso:picasso:2.71828'
}

 

<activity_main.xml>

그 다음, activity_main.xml 에 ImageView를 추가해줍니다.

스틱코드를 사용한다면, image까지만 입력해도, imageView의 기본 코드를 간편하게 작성할 수 있습니다.

스틱코드를 활용해 추가한 ImageView의 기본 코드를, 자신의 상황에 맞게 수정해줍니다.

저는 layout_width와 layout_height를 match_parent로 바꿔주었습니다.

<?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"
    tools:context=".MainActivity"
    android:orientation="vertical">

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

 

<MainActivity>

먼저, onCreate에 XML에서 만들었던 이미지뷰를 선언해주세요

스틱코드를 활용하고 있다면 fin 까지만 작성해도 findViewById 코드를 쉽게 작성할 수 있습니다. 

XML에서 설정했던 ImageView의 id 값을 넣어주세요.

이제 그 하단에 이미지 URL을 이미지뷰에 넣어줄 코드를 작성해줍니다. 

스틱코드를 활용하고 있다면 pi까지만 입력하면 쉽게 완성할 수 있습니다.

pi까지 입력했을 때 나오는 picasso_library 코드를 호출해줍니다.

자동완성된 코드에는 load()와 into() 부분에 빨간 줄이 생기는데요,

load() 부분에는 원하는 이미지 URL을 입력해줍니다.

into() 부분에는 load()에 작성한 URL을 띄워울 ImageView를 입력해줍니다. 

 

저는 load 부분에 picasso library 홈페이지에 있던 샘플 이미지 링크를 넣었습니다.

public class MainActivity extends AppCompatActivity {


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

        ImageView imageView = findViewById(R.id.image_view);

        Picasso.get()
                .load("https://square.github.io/picasso/static/sample.png")
                .into(imageView);

    }

}

 

완성화면

앱을 빌드하면,

제가 입력한 이미지 URL의 이미지가 앱 화면 안에 나타나는 것을 확인할 수 있습니다.

 

 

 

활용 스틱코드 ↓↓

stickode.com/detail.html?no=1157

 

 

유사 라이브러리 Glide 포스팅 ↓↓

stickode.tistory.com/37

[Java][Android] Glide를 사용해서 이미지뷰에 이미지 띄우기