add displaying a single image

Author: solygambas

10-mars-photos/.idea/deploymentTargetDropDown.xml

@@ -12,5 +12,9 @@ An app to learn how to get data from an API, using Retrofit to make REST request
 - implementing a network layer for the app using the Retrofit library.
 - parsing the JSON response into the app's LiveData objects with the Moshi library.
 - using Retrofit's support for coroutines to simplify the code.
+- using the Glide library to load and display an image from a web URL.
+- adding a loading animation and error icon.
+- displaying a grid of images with a RecyclerView.
+- handling potential errors.
 
 Based on [Get data from the internet](https://developer.android.com/codelabs/basic-android-kotlin-training-getting-data-internet) by Google Codelabs (2022).

10-mars-photos/.idea/gradle.xml

@@ -70,6 +70,9 @@ dependencies {
     // Retrofit with Moshi Converter
     implementation 'com.squareup.retrofit2:converter-moshi:2.9.0'
 
+    // Glide
+    implementation 'com.github.bumptech.glide:glide:4.8.0'
+
     implementation 'com.google.android.material:material:1.4.0'
     implementation "org.jetbrains.kotlin:kotlin-stdlib:$kotlin_version"
 }

10-mars-photos/.idea/libraries/Gradle__com_github_bumptech_glide_annotations_4_8_0.xml

@@ -0,0 +1,20 @@
+package com.example.android.marsphotos
+
+import android.widget.ImageView
+import androidx.core.net.toUri
+import androidx.databinding.BindingAdapter
+import com.bumptech.glide.Glide
+import com.bumptech.glide.request.RequestOptions
+
+@BindingAdapter("imageUrl")
+fun bindImage(imgView: ImageView, imgUrl: String?) {
+    imgUrl?.let {
+        val imgUri = imgUrl.toUri().buildUpon().scheme("https").build()
+        Glide.with(imgView.context)
+            .load(imgUri)
+            .apply(RequestOptions()
+                .placeholder(R.drawable.loading_animation)
+                .error(R.drawable.ic_broken_image))
+            .into(imgView)
+    }
+}