add displaying a grid of images

Author: solygambas

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

@@ -17,4 +17,7 @@ An app to learn how to get data from an API, using Retrofit to make REST request
 - 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).
+Based on 2 tutorials by Google Codelabs (2022):
+
+- [Get data from the internet](https://developer.android.com/codelabs/basic-android-kotlin-training-getting-data-internet)
+- [Loading and displaying images from the internet](https://codelabs.developers.google.com/codelabs/kotlin-android-training-internet-images/index.html?index=..%2F..android-kotlin-fundamentals#0)

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

@@ -3,8 +3,11 @@ package com.example.android.marsphotos
 import android.widget.ImageView
 import androidx.core.net.toUri
 import androidx.databinding.BindingAdapter
+import androidx.recyclerview.widget.RecyclerView
 import com.bumptech.glide.Glide
 import com.bumptech.glide.request.RequestOptions
+import com.example.android.marsphotos.network.MarsPhoto
+import com.example.android.marsphotos.overview.PhotoGridAdapter
 
 @BindingAdapter("imageUrl")
 fun bindImage(imgView: ImageView, imgUrl: String?) {
@@ -17,4 +20,10 @@ fun bindImage(imgView: ImageView, imgUrl: String?) {
                 .error(R.drawable.ic_broken_image))
             .into(imgView)
     }
+}
+
+@BindingAdapter("listData")
+fun bindRecyclerView(recyclerView: RecyclerView, data: List<MarsPhoto>?) {
+    val adapter = recyclerView.adapter as PhotoGridAdapter
+    adapter.submitList(data)
 }

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

@@ -40,15 +40,20 @@ class OverviewFragment : Fragment() {
         inflater: LayoutInflater, container: ViewGroup?,
         savedInstanceState: Bundle?
     ): View? {
-        //val binding = FragmentOverviewBinding.inflate(inflater)
-        val binding = GridViewItemBinding.inflate(inflater)
+        val binding = FragmentOverviewBinding.inflate(inflater)
+        //val binding = GridViewItemBinding.inflate(inflater)
 
         // Allows Data Binding to Observe LiveData with the lifecycle of this Fragment
         binding.lifecycleOwner = this
 
         // Giving the binding access to the OverviewViewModel
         binding.viewModel = viewModel
 
+        // Display a grid of images
+        binding.photosGrid.adapter = PhotoGridAdapter()
+
+        setHasOptionsMenu(true)
+
         return binding.root
     }
 }

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

@@ -36,9 +36,14 @@ class OverviewViewModel : ViewModel() {
     val status: LiveData<String> = _status
 
     // LiveData for a single MarsProperty object
-    private val _property = MutableLiveData<MarsPhoto>()
+    /*private val _property = MutableLiveData<MarsPhoto>()
     val property: LiveData<MarsPhoto>
-        get() = _property
+        get() = _property*/
+
+    // LiveData for a list of images
+    private val _properties = MutableLiveData<List<MarsPhoto>>()
+    val properties: LiveData<List<MarsPhoto>>
+        get() = _properties
 
     /**
      * Call getMarsPhotos() on init so we can display status immediately.
@@ -54,11 +59,13 @@ class OverviewViewModel : ViewModel() {
     private fun getMarsPhotos() {
         viewModelScope.launch {
             try {
-                val listResult = MarsApi.retrofitService.getPhotos()
-                _status.value = "Success: ${listResult.size} Mars photos retrieved"
-                if (listResult.isNotEmpty()) {
-                    _property.value = listResult[0]
-                }
+//                val listResult = MarsApi.retrofitService.getPhotos()
+//                _status.value = "Success: ${listResult.size} Mars photos retrieved"
+                /*if (listResult.isNotEmpty()) {
+                    //_property.value = listResult[0]
+                }*/
+                _properties.value = MarsApi.retrofitService.getPhotos()
+                _status.value = "Success: Mars properties retrived"
             } catch (e: Exception) {
                 _status.value = "Failure: ${e.message}"
             }

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

@@ -0,0 +1,40 @@
+package com.example.android.marsphotos.overview
+
+import android.view.LayoutInflater
+import android.view.ViewGroup
+import androidx.recyclerview.widget.DiffUtil
+import androidx.recyclerview.widget.ListAdapter
+import androidx.recyclerview.widget.RecyclerView
+import com.example.android.marsphotos.databinding.GridViewItemBinding
+import com.example.android.marsphotos.network.MarsPhoto
+
+class PhotoGridAdapter : ListAdapter<MarsPhoto,
+        PhotoGridAdapter.MarsPhotoViewHolder>(DiffCallback) {
+    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): PhotoGridAdapter.MarsPhotoViewHolder {
+        return MarsPhotoViewHolder(GridViewItemBinding.inflate(
+            LayoutInflater.from(parent.context)
+        ))
+    }
+
+    override fun onBindViewHolder(holder: PhotoGridAdapter.MarsPhotoViewHolder, position: Int) {
+        val marsPhoto = getItem(position)
+        holder.bind(marsPhoto)
+    }
+
+    companion object DiffCallback : DiffUtil.ItemCallback<MarsPhoto>() {
+        override fun areItemsTheSame(oldItem: MarsPhoto, newItem: MarsPhoto): Boolean {
+            return oldItem === newItem
+        }
+
+        override fun areContentsTheSame(oldItem: MarsPhoto, newItem: MarsPhoto): Boolean {
+            return oldItem.id == newItem.id
+        }
+    }
+
+    class MarsPhotoViewHolder(private var binding: GridViewItemBinding): RecyclerView.ViewHolder(binding.root) {
+        fun bind(marsPhoto: MarsPhoto) {
+            binding.property = marsPhoto
+            binding.executePendingBindings()
+        }
+    }
+}