load image from url in imageview android
How to set image in imageview from URL in android using Glide
load image from url in imageview androidAdd 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">
<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);
}
}
 |
| Output Like this |