#7 [ui] 말풍선 text spannable 설정

Team-Sopetit · Jan 9, 2024 · 16668f7 · 16668f7
1 parent 83c9c68
commit 16668f7
Show file tree

Hide file tree

Showing 4 changed files with 50 additions and 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
@@ -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
@@ -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
@@ -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
@@ -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>