Home

load image from url in imageview android

load image from url in imageview android using Glide Library
Tutorial Rocket
3 min read

How to set image in imageview from URL in android using Glide

load image from url in imageview android

 Add this dependency (build.gradle) : 

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

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:layout_gravity="center"
    android:gravity="center"
    android:orientation="vertical"
    android:id="@+id/mainlayout"
    tools:context=".MainActivity">

You may like these posts

    <TextView
        android:textStyle="bold"
        android:layout_marginTop="20dp"
        android:fontFamily="sans-serif"
        android:gravity="center"
        android:layout_gravity="center"
        android:textSize="20sp"
        android:text="Load Image From url in android"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"/>

    <ImageView

        android:id="@+id/img1"
        android:layout_width="120dp"
        android:layout_height="120dp"
        android:scaleType="centerCrop" />
    <ImageView
    android:id="@+id/img2"
    android:layout_width="120dp"
    android:layout_height="120dp"
    android:scaleType="centerCrop" />

    <ImageView
        android:id="@+id/img3"
        android:layout_width="120dp"
        android:layout_height="120dp"
        android:scaleType="centerCrop" />

    <ImageView
        android:id="@+id/img4"
        android:layout_width="120dp"
        android:layout_height="120dp"
        android:scaleType="centerCrop" />

    <ImageView
        android:id="@+id/img5"
        android:layout_width="120dp"
        android:layout_height="120dp"
        android:scaleType="centerCrop" />

</LinearLayout>

MainActivity.java

public class MainActivity extends AppCompatActivity {

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

        ImageView imageView1=(ImageView)findViewById(R.id.img1);
        ImageView imageView2=(ImageView)findViewById(R.id.img2);
        ImageView imageView3=(ImageView)findViewById(R.id.img3);
        ImageView imageView4=(ImageView)findViewById(R.id.img4);
        ImageView imageView5=(ImageView)findViewById(R.id.img5);


        String[] urls={
                "https://api.androidhive.info/images/sample.jpg",
                "https://api.learn2crack.com/android/images/donut.png",
                "https://cdn.androidheadlines.com/wp-content/uploads/2014/11/Android-1.5-Cupcake-1600x1000.jpg",
                "https://cdn57.androidauthority.net/wp-content/uploads/2012/07/install-jellybean-apps-cwm-header-120709.jpg",
                "https://www.techadvisor.co.uk/cmsdata/reviews/3633645/android_marshmallow_review_thumb800.png"
        };

        Glide.with(this).load(urls[0]).into(imageView1);
        Glide.with(this).load(urls[1]).into(imageView2);
        Glide.with(this).load(urls[2]).into(imageView3);
        Glide.with(this).load(urls[3]).into(imageView4);
        Glide.with(this).load(urls[4]).into(imageView5);
    }
}

how to set image in imageview from url in android
Output Like this