feat : 경로 화면에서 로딩 모달 다이얼로그 구현

Author: koreatlwls

presentation/src/main/java/com/stop/ui/route/RouteFragment.kt

@@ -1,14 +1,15 @@
 package com.stop.ui.route
 
+import android.app.AlertDialog
 import android.os.Bundle
 import android.view.LayoutInflater
 import android.view.View
 import android.view.ViewGroup
 import android.widget.Toast
 import androidx.fragment.app.Fragment
+import androidx.fragment.app.activityViewModels
 import androidx.navigation.findNavController
 import androidx.navigation.fragment.navArgs
-import androidx.fragment.app.activityViewModels
 import com.stop.R
 import com.stop.databinding.FragmentRouteBinding
 import com.stop.domain.model.route.tmap.custom.Itinerary
@@ -22,11 +23,12 @@ class RouteFragment : Fragment() {
         get() = _binding!!
 
     private val routeViewModel: RouteViewModel by activityViewModels()
-    private val clickRouteViewModel : ClickRouteViewModel by activityViewModels()
+    private val clickRouteViewModel: ClickRouteViewModel by activityViewModels()
 
     private val args: RouteFragmentArgs by navArgs()
 
     private lateinit var adapter: RouteAdapter
+    private var progressDialog: AlertDialog? = null
 
     override fun onCreateView(
         inflater: LayoutInflater, container: ViewGroup?,
@@ -44,6 +46,7 @@ class RouteFragment : Fragment() {
         setRecyclerView()
         setStartAndDestinationText()
         setObserve()
+        initDialog()
     }
 
     private fun setBinding() {
@@ -69,6 +72,7 @@ class RouteFragment : Fragment() {
                  * UI가 ViewModel을 직접 호출하면 안 되지만, 테스트를 위해 막차 조회 함수를 호출했습니다.
                  * 여기서 UI가 ViewModel을 직접 호출하지 않으면서 막차 조회 함수를 호출할 수 있을까요?
                  */
+                progressDialog?.show()
                 routeViewModel.calculateLastTransportTime(itinerary)
                 clickRouteViewModel.clickRoute = itinerary
             }
@@ -95,6 +99,7 @@ class RouteFragment : Fragment() {
         routeViewModel.lastTimeResponse.observe(viewLifecycleOwner) { event ->
             event.getContentIfNotHandled()?.let { response ->
                 routeViewModel.lastTimes = response
+                progressDialog?.dismiss()
                 binding.root.findNavController().navigate(R.id.action_routeFragment_to_routeDetailFragment)
             }
         }
@@ -110,6 +115,15 @@ class RouteFragment : Fragment() {
         routeViewModel.getRoute()
     }
 
+    private fun initDialog() {
+        val dialogView = layoutInflater.inflate(R.layout.dialog_progress, null)
+        progressDialog = AlertDialog.Builder(requireContext())
+            .setView(dialogView)
+            .setCancelable(false)
+            .create()
+        progressDialog?.window?.setBackgroundDrawableResource(R.color.transparent)
+    }
+
     override fun onDestroyView() {
         _binding = null
 

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

@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="utf-8"?>
+<androidx.constraintlayout.widget.ConstraintLayout 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="wrap_content"
+    android:layout_height="wrap_content"
+    tools:theme="@style/Theme.Material3.Light.NoActionBar">
+
+    <com.google.android.material.progressindicator.CircularProgressIndicator
+        android:id="@+id/circular_progress"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:indeterminate="true"
+        app:layout_constraintBottom_toTopOf="@id/text_view_loading"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent" />
+
+    <TextView
+        android:id="@+id/text_view_loading"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:text="@string/loading_text"
+        android:textColor="@color/black"
+        android:textStyle="bold"
+        app:layout_constraintEnd_toEndOf="@id/circular_progress"
+        app:layout_constraintStart_toStartOf="@id/circular_progress"
+        app:layout_constraintTop_toBottomOf="@id/circular_progress" />
+
+</androidx.constraintlayout.widget.ConstraintLayout>

presentation/src/main/res/values/colors.xml

@@ -13,4 +13,5 @@
     <color name="gray_d9">#D9D9D9</color>
     <color name="main_dark_grey">#404550</color>
     <color name="main_light_grey">#808590</color>
+    <color name="transparent">#00FFFFFF</color>
 </resources>

presentation/src/main/res/values/strings.xml

@@ -62,4 +62,5 @@
     <string name="image_view_swap_origin_with_destination_content_description">출발지와 도착지를 바꿉니다.</string>
     <string name="image_view_exit_content_description">경로 검색 화면을 종료합니다.</string>
     <string name="image_view_icon_content_description">승차지의 종류를 나타내는 아이콘입니다.</string>
+    <string name="loading_text">Loading..</string>
 </resources>