[UI/#216] 취향 태그 뷰 / UI 구현

presentation/src/main/java/com/going/presentation/todo/ourtodo/checkfriends/CheckFriendsActivity.kt

@@ -1,7 +1,9 @@
 package com.going.presentation.todo.ourtodo.checkfriends
 
 import android.os.Bundle
-import android.view.View
+import android.text.SpannableStringBuilder
+import android.text.Spanned
+import android.text.style.ForegroundColorSpan
 import androidx.activity.viewModels
 import androidx.lifecycle.flowWithLifecycle
 import androidx.lifecycle.lifecycleScope
@@ -10,9 +12,10 @@ import com.going.presentation.R
 import com.going.presentation.databinding.ActivityCheckFriendsBinding
 import com.going.presentation.todo.TodoActivity.Companion.EXTRA_TRIP_ID
 import com.going.ui.base.BaseActivity
-import com.going.ui.state.UiState
+import com.going.ui.extension.colorOf
 import com.going.ui.extension.setOnSingleClickListener
 import com.going.ui.extension.toast
+import com.going.ui.state.UiState
 import dagger.hilt.android.AndroidEntryPoint
 import kotlinx.coroutines.flow.launchIn
 import kotlinx.coroutines.flow.onEach
@@ -34,6 +37,7 @@ class CheckFriendsActivity :
         initAdapter()
         getTripId()
         observeCheckFriendsListState()
+        setResultTextColor()
 
     }
 
@@ -70,11 +74,11 @@ class CheckFriendsActivity :
     private fun setFriendsData(data: CheckFriendsModel) {
         adapter.submitList(data.participants)
         val rate = data.styles.map { it.rate }
-        val isLeft = data.styles.map { it.isLeft }
-        setProgressBarStatus(rate, isLeft)
+        setProgressBarStatus(rate)
     }
 
-    private fun setProgressBarStatus(rate: List<Int>, isLeft: List<Boolean>) {
+    private fun setProgressBarStatus(rate: List<Int>) {
+
         val progressBars = listOf(
             binding.progressBarCheckFriends1,
             binding.progressBarCheckFriends2,
@@ -83,23 +87,20 @@ class CheckFriendsActivity :
             binding.progressBarCheckFriends5
         )
 
-        val progressBarsRevert = listOf(
-            binding.progressBarCheckFriends1Revert,
-            binding.progressBarCheckFriends2Revert,
-            binding.progressBarCheckFriends3Revert,
-            binding.progressBarCheckFriends4Revert,
-            binding.progressBarCheckFriends5Revert
-        )
-
         for (i in rate.indices) {
-            if (isLeft[i]) {
-                progressBars[i].visibility = View.VISIBLE
-                progressBarsRevert[i].visibility = View.INVISIBLE
-                progressBars[i].progress = rate[i]
-            } else {
-                progressBars[i].visibility = View.INVISIBLE
-                progressBarsRevert[i].visibility = View.VISIBLE
-                progressBarsRevert[i].progress = rate[i]
+            progressBars[i].progress = rate[i]
+        }
+
+    }
+
+    private fun setResultTextColor() {
+        binding.tvCheckFriendsResult.apply {
+            text = SpannableStringBuilder(text).apply {
+                setSpan(
+                    ForegroundColorSpan(
+                        colorOf(R.color.red_500)
+                    ), 0, 9, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE
+                )
             }
         }
     }

presentation/src/main/res/drawable/layer_list_trip_friends_progress_bar.xml

@@ -1,21 +1,25 @@
 <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
     <item android:id="@android:id/background">
         <shape>
-            <corners android:radius="4dp"/>
-            <solid android:color="@color/gray_50"/>
+            <corners android:radius="3dp" />
+            <solid android:color="@color/gray_100" />
         </shape>
     </item>
 
-    <item android:id="@android:id/progress">
+    <item android:id="@android:id/secondaryProgress">
         <clip>
             <shape>
-                <corners android:radius="4dp"/>
-                <solid android:color="@color/gray_400"/>
+                <corners android:radius="3dp" />
+                <solid android:color="@color/gray_300" />
             </shape>
         </clip>
-        <clip android:top="2dp" android:bottom="2dp" android:left="2dp" android:right="2dp">
+    </item>
+
+    <item android:id="@android:id/progress">
+        <clip>
             <shape>
-                <solid android:color="@color/gray_400"/>
+                <corners android:radius="3dp" />
+                <solid android:color="@color/gray_400" />
             </shape>
         </clip>
     </item>

presentation/src/main/res/drawable/shape_rect_6_gray50_fill.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="rectangle">
+    <solid android:color="@color/gray_50" />
+    <corners android:radius="6dp" />
+</shape>