From 16668f794ff41f7f83e8f6ca19adbaca74dc629a Mon Sep 17 00:00:00 2001
From: KIM MINJEONG <minjeong030420@gmail.com>
Date: Tue, 9 Jan 2024 18:33:38 +0900
Subject: [PATCH] =?UTF-8?q?#7=20[ui]=20=EB=A7=90=ED=92=8D=EC=84=A0=20text?=
 =?UTF-8?q?=20spannable=20=EC=84=A4=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../themechoice/ChoiceThemeFragment.kt        | 21 ++++++++++++++-
 .../fragment_onboarding_choice_theme.xml      | 26 +++++++++++++++++++
 app/src/main/res/values/colors.xml            |  3 +++
 app/src/main/res/values/strings.xml           |  1 +
 4 files changed, 50 insertions(+), 1 deletion(-)

diff --git a/app/src/main/java/com/sopetit/softie/ui/onboarding/themechoice/ChoiceThemeFragment.kt b/app/src/main/java/com/sopetit/softie/ui/onboarding/themechoice/ChoiceThemeFragment.kt
index 1c8fe27e..7acfe5e7 100644
--- a/app/src/main/java/com/sopetit/softie/ui/onboarding/themechoice/ChoiceThemeFragment.kt
+++ b/app/src/main/java/com/sopetit/softie/ui/onboarding/themechoice/ChoiceThemeFragment.kt
@@ -1,7 +1,11 @@
 package com.sopetit.softie.ui.onboarding.themechoice
 
 import android.os.Bundle
+import android.text.SpannableStringBuilder
+import android.text.Spanned
+import android.text.style.ForegroundColorSpan
 import android.view.View
+import androidx.core.content.ContextCompat
 import androidx.fragment.app.viewModels
 import androidx.lifecycle.ViewModelProvider
 import androidx.recyclerview.widget.GridLayoutManager
@@ -20,13 +24,28 @@ class ChoiceThemeFragment :
     private val choiceThemeAdapter
         get() = requireNotNull(_choiceThemeAdapter)
 
+
     override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
         super.onViewCreated(view, savedInstanceState)
 
         viewModel = ViewModelProvider(requireActivity()).get(OnboardingViewModel::class.java)
         binding.viewModel = viewModel
 
-        initChangeFragment()
+        binding.tvOnboardingChoiceThemeSpeech.text =
+            SpannableStringBuilder(getString(R.string.onboarding_choice_theme_speech)).apply {
+                setSpan(
+                    ForegroundColorSpan(
+                        ContextCompat.getColor(
+                            requireActivity(),
+                            R.color.onboarding_speech
+                        )
+                    ),
+                    5,
+                    8,
+                    Spanned.SPAN_EXCLUSIVE_EXCLUSIVE
+                )
+            }
+
         initMakeThemeAdapter()
     }
 
diff --git a/app/src/main/res/layout/fragment_onboarding_choice_theme.xml b/app/src/main/res/layout/fragment_onboarding_choice_theme.xml
index ad1f2bcc..ea176186 100644
--- a/app/src/main/res/layout/fragment_onboarding_choice_theme.xml
+++ b/app/src/main/res/layout/fragment_onboarding_choice_theme.xml
@@ -25,6 +25,32 @@
             app:layout_constraintTop_toTopOf="parent"
             app:layout_constraintStart_toStartOf="parent" />
 
+        <ImageView
+            android:id="@+id/iv_onboarding_choice_theme_speech_background"
+            android:layout_width="0dp"
+            android:layout_height="60dp"
+            android:layout_marginTop="29dp"
+            app:layout_goneMarginStart="14dp"
+            android:layout_marginEnd="23dp"
+            android:src="@drawable/ic_speech_long"
+            app:layout_constraintTop_toTopOf="parent"
+            app:layout_constraintStart_toEndOf="@id/iv_onboarding_choice_theme_title_bear"
+            app:layout_constraintEnd_toEndOf="parent" />
+
+        <TextView
+            android:id="@+id/tv_onboarding_choice_theme_speech"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginVertical="14dp"
+            android:text="@string/onboarding_choice_theme_speech"
+            android:textColor="@color/gray700"
+            android:textAppearance="@style/bubble16"
+            android:bufferType="spannable"
+            app:layout_constraintTop_toTopOf="@id/iv_onboarding_choice_theme_speech_background"
+            app:layout_constraintBottom_toBottomOf="@id/iv_onboarding_choice_theme_speech_background"
+            app:layout_constraintStart_toStartOf="@id/iv_onboarding_choice_theme_speech_background"
+            app:layout_constraintEnd_toEndOf="@id/iv_onboarding_choice_theme_speech_background" />
+
         <androidx.recyclerview.widget.RecyclerView
             android:id="@+id/rcv_onboarding_choice_theme"
             android:layout_width="0dp"
diff --git a/app/src/main/res/values/colors.xml b/app/src/main/res/values/colors.xml
index a762e3fa..bf46e90a 100644
--- a/app/src/main/res/values/colors.xml
+++ b/app/src/main/res/values/colors.xml
@@ -32,4 +32,7 @@
     <!-- home name -->
     <color name="name_fill">#FFD4BBA5</color>
     <color name="name_stroke">#FFC4AC98</color>
+
+    <!-- onboarding -->
+    <color name="onboarding_speech">#FF259560</color>
 </resources>
diff --git a/app/src/main/res/values/strings.xml b/app/src/main/res/values/strings.xml
index de2e12ac..18fce077 100644
--- a/app/src/main/res/values/strings.xml
+++ b/app/src/main/res/values/strings.xml
@@ -3,6 +3,7 @@
     <!-- onboarding -->
     <string name="onboarding_choice_theme_btn">다 선택했어</string>
     <string name="theme_text">하루의 시작</string>
+    <string name="onboarding_choice_theme_speech">안녕 난 애착이야!\n나와 함께 루틴을 만들어볼까?</string>
 
     <!-- happy -->
     <string name="happy_title">행복루틴</string>