🎏 Spannable을 활용해 한 TextView에 두 가지 색깔 사용하기

🎉 한 텍스트뷰에 두 가지 색깔 사용하기

제가 지난번에 클론코딩 작업을 했던 화면입니다

근데 이상한 부분을 볼수 있죠?!

바로 이 부분인데요, 두 가지 색깔이 한 텍스트뷰에 들어있습니다!

어떻게 했는지 궁금하지 않으신가요?!

(팀원이 텍스트뷰 두개쓰면 PR 안받아준다고 협박했어요)

💡 SpannableString이라는 녀석입니다!

SpannableString은 안드로이드에서 사용되는 문자열을 표시하는 클래스 중 하나로, 텍스트에 여러 가지 스타일이나 서식을 적용할 수 있게 해주는 클래스입니다. 이 클래스를 사용하면 텍스트의 일부분에 다른 글꼴, 크기, 색상, 밑줄, 중간선 등의 서식을 적용할 수 있습니다.

간단하게 말하면, SpannableString은 문자열을 구성하는 각 문자 또는 문자열 일부에 대해 다양한 스타일을 지정할 수 있도록 도와주는 도구입니다. 이를 통해 텍스트를 더 풍부하고 다양한 형태로 표현할 수 있습니다.

SpannableString에 대한 설명인데요, 어떻게 적용하는지 한 번 보시죠!

val spannableEvent = SpannableString(tvEvent.text)
            spannableEvent.setSpan(
                ForegroundColorSpan(Color.parseColor("#FFFFFF")),
                0,
                3,
                Spannable.SPAN_EXCLUSIVE_EXCLUSIVE
            )
            tvEventTitle.text = spannableEvent

이처럼 적용하면 0~3 위치에 있는 글자를 #FFFFFF로 적용한다는 뜻입니다!

저는 기본값으로 녹색을 했거든요 😊

여러분들도 한 텍스트뷰에 두 가지 이상의 색상을 사용해야 할 때 사용해보세요!

저는 이런 텍스트뷰가 이것까지 두 개가 있어서 함수로 묶었답니다!!

private fun setupTitleColor() {
        with(binding) {
            val spannableRecommendTitle = SpannableString(tvRecommendTitle.text)
            spannableRecommendTitle.setSpan(
                ForegroundColorSpan(Color.parseColor("#3BE084")),
                0,
                5,
                Spannable.SPAN_EXCLUSIVE_EXCLUSIVE
            )
            tvRecommendTitle.text = spannableRecommendTitle

            val spannableEventTitle = SpannableString(tvEventTitle.text)
            spannableEventTitle.setSpan(
                ForegroundColorSpan(Color.parseColor("#FFFFFF")),
                0,
                3,
                Spannable.SPAN_EXCLUSIVE_EXCLUSIVE
            )
            tvEventTitle.text = spannableEventTitle
        }