💄 러닝 시작/종료 progress indicator 구현

Author: bngsh

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

@@ -5,6 +5,10 @@
 
     <data>
 
+        <import type="com.whyranoid.presentation.running.RunningState" />
+
+        <import type="android.view.View" />
+
         <variable
             name="vm"
             type="com.whyranoid.presentation.running.RunningViewModel" />
@@ -165,5 +169,26 @@
             app:layout_constraintEnd_toEndOf="parent"
             app:layout_constraintStart_toEndOf="@id/btn_pause_or_resume" />
 
+        <FrameLayout
+            android:id="@+id/frame_progress_running"
+            android:layout_width="match_parent"
+            android:layout_height="match_parent"
+            android:background="@color/black"
+            android:alpha="0.8"
+            android:translationZ="@{vm.runningState instanceof RunningState.NotRunning ? 10f : 0f }"
+            android:visibility="@{vm.runningState instanceof RunningState.NotRunning ? View.VISIBLE : View.GONE }">
+
+            <com.google.android.material.progressindicator.CircularProgressIndicator
+                android:id="@+id/progressindicator_running"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_gravity="center"
+                android:contentDescription="@string/running_start_progress_description"
+                android:indeterminate="true"
+                android:visibility="@{vm.runningState instanceof RunningState.NotRunning ? View.VISIBLE : View.GONE }"
+                app:indicatorColor="?attr/colorOnPrimary" />
+
+        </FrameLayout>
+
     </androidx.constraintlayout.widget.ConstraintLayout>
 </layout>

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

@@ -113,6 +113,7 @@
     <string name="running_channel_name">활동 추적</string>
     <string name="running_channel_description">달리기 활동을 추적하는 알림 채널입니다.</string>
     <string name="running_map_location_button">🎯</string>
+    <string name="running_start_progress_description">러닝 시작을 기다리고 있어요</string>
 
     <!--라닝 종료 화면-->
     <string name="running_finish_tool_bar">러닝 종료</string>