I have a textview and I wanted to change the color of the substring in it

Question

I have a textview where I concat two strings, I wan the first string alone to be in different color.

        tvMobileNo.text = "Mobile Number :   " + sharedPreferences.getString("mobile_number", "")
        tvEmail.text = "Email :   " + sharedPreferences.getString("email", "")
        tvAddress.text = "Address :   " + sharedPreferences.getString("address", "")

In this I only want the first string(""Mobile number", "Email","Address") to be of different color.

score 0 · Answer 1 · answered Jul 12 '21 at 03:50

0

TextView supports some html tags.

String htmlText = "<font color='#ff0000'>Mobile Number:</font> 123456";
tvMobileNo.setText(Html.fromHtml(htmlText));

answered Jul 12 '21 at 03:50

AIMIN PAN

1,563
1
9
13

The problem occurs when I try to append another string with this. Then it is not working – yazhini Jul 12 '21 at 04:07

score 0 · Answer 2 · answered Jul 12 '21 at 03:50

Use SpannableString to complete your needs. Here I set the string whose id is restartAllEquipmentTvtextView string index from 3 to 5 to red

restartAllEquipmentTv.text = SpannableString(getString(R.string.restart_and_factory_reset_setting_restart_content)).setSpan(ForegroundColorSpan(Color.RED), 3, 5, Spannable.SPAN_EXCLUSIVE_INCLUSIVE).toString()

score -1 · Accepted Answer · answered Jul 12 '21 at 04:09

Make common funtion for convert your string spannable like this.

//pass param textviewid ,start,end,string
//R.color.Red it's your color you can change it as requirement

fun SpannableStringWithColor(view: TextView,start:Int,end:Int, s: String) {
    val wordtoSpan: Spannable =
        SpannableString(s)
    wordtoSpan.setSpan(
        ForegroundColorSpan(ContextCompat.getColor(view.context, R.color.Red)),
        start,
        end,
        Spannable.SPAN_EXCLUSIVE_EXCLUSIVE
    )
    view.text = wordtoSpan
    }

In your case you can easy do it like this.

 SpannableStringWithColor(tvMobileNo,0,14,"Mobile Number :   " + sharedPreferences.getString("mobile_number", ""))

 SpannableStringWithColor(tvEmail,0,5,"Email :   " + sharedPreferences.getString("email", ""))

 SpannableStringWithColor(tvAddress,0,8,"Address :   " + sharedPreferences.getString("address", ""))

I have a textview and I wanted to change the color of the substring in it

3 Answers3