✨ 데이터스토어 저장된 uri 가져와서 Glide로 화면에 표시하기

Author: peter-j0y

build.gradle

@@ -26,6 +26,7 @@ buildscript {
         shimmerVersion = "0.5.0"
         desugarVersion = "2.0.0"
         calendarVersion = "1.0.4"
+        glideVersion = "4.14.2"
     }
     dependencies {
         classpath "com.google.gms:google-services:$googleServiceVersion"

presentation/build.gradle

@@ -80,4 +80,8 @@ dependencies {
 
     // Calendar Library
     implementation "com.github.kizitonwose:CalendarView:$calendarVersion"
+
+    // Glide
+    implementation "com.github.bumptech.glide:glide:$glideVersion"
+    annotationProcessor "com.github.bumptech.glide:compiler:$glideVersion"
 }

presentation/src/main/java/com/whyranoid/presentation/myrun/MyRunFragment.kt

@@ -6,6 +6,7 @@ import androidx.fragment.app.viewModels
 import com.whyranoid.presentation.R
 import com.whyranoid.presentation.base.BaseFragment
 import com.whyranoid.presentation.databinding.FragmentMyRunBinding
+import com.whyranoid.presentation.util.loadImage
 import dagger.hilt.android.AndroidEntryPoint
 
 @AndroidEntryPoint
@@ -29,5 +30,9 @@ internal class MyRunFragment : BaseFragment<FragmentMyRunBinding>(R.layout.fragm
         viewModel.nickName.observe(viewLifecycleOwner) {
             binding.tvNickName.text = it
         }
+
+        viewModel.profileImgUri.observe(viewLifecycleOwner) {
+            binding.ivProfileImage.loadImage(it)
+        }
     }
 }

presentation/src/main/java/com/whyranoid/presentation/util/BindingAdapters.kt

@@ -1,7 +1,10 @@
 package com.whyranoid.presentation.util
 
 import android.view.View
+import android.widget.ImageView
 import androidx.databinding.BindingAdapter
+import com.bumptech.glide.Glide
+import com.whyranoid.presentation.R
 import com.whyranoid.presentation.util.networkconnection.NetworkState
 
 @BindingAdapter("networkConnectionVisibility")
@@ -21,3 +24,12 @@ fun View.enableWithNetworkState(networkState: NetworkState) {
         is NetworkState.DisConnection -> true
     }
 }
+
+@BindingAdapter("loadImage")
+fun ImageView.loadImage(uri: String) {
+    Glide.with(this.context)
+        .load(uri)
+        .error(R.drawable.thumbnail_src_small)
+        .circleCrop()
+        .into(this)
+}

presentation/src/main/res/layout/fragment_my_run.xml

@@ -56,7 +56,6 @@
                         android:layout_marginStart="16dp"
                         android:layout_marginTop="20dp"
                         android:contentDescription="@string/my_run_profile_image_description"
-                        android:src="@drawable/thumbnail_src_small"
                         app:layout_constraintStart_toStartOf="parent"
                         app:layout_constraintTop_toTopOf="parent" />