How to change text color of the part of the TextView?

Question

I have simple textView controler on my application.
On this textView i set the text "123456789" - the text color is black.

I want that the three last digit ( 789 ) will be shown with red text color.

Is there any simple way to do it without using two textView controls
(one will contain "123456" in black and second will contain "789" in red )

Does this answer your question? [How can I change the color of a part of a TextView?](https://stackoverflow.com/questions/4032676/how-can-i-change-the-color-of-a-part-of-a-textview) — Dmitrii Leonov, Dec 28 '19 at 08:54

score 15 · Accepted Answer · answered Nov 18 '15 at 06:16

15

Try This:

Set TextView as a HTML using SpannableTextView

String text = "<font color='black'>123456</font><font color='red'>789</font>";
textView.setText(Html.fromHtml(text), TextView.BufferType.SPANNABLE);

answered Nov 18 '15 at 06:16

Amy

4,034
1
20
34

Html.fromHtml(text) is deprecated, and Html.fromHtml(String, int) is available from api level 24.. – Akshatha S R Aug 30 '17 at 05:50
This is not reliable and does not work on all SDK level specially on older version such as 21. – Mihae Kheel Mar 21 '21 at 11:09

score 11 · Answer 2 · answered Jan 16 '16 at 08:00

11

You can use this method

public static final Spannable getColoredString(Context context, CharSequence text, int color) {
        Spannable spannable = new SpannableString(text);
        spannable.setSpan(new ForegroundColorSpan(color), 0, spannable.length(), Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
        return spannable;
    }

then later you call is by using

textview.append(getColoredString(this, "Hi!", ContextCompact.getColor(this, R.color.red)));
textview.append(getColoredString(this, "User", ContextCompact.getColor(this, R.color.green)));

answered Jan 16 '16 at 08:00

silentsudo

6,730
6
39
81

This is the most reliable approach as it works across SDK level even in lower/older version. – Mihae Kheel Mar 21 '21 at 11:11
Best answer ever for coloring the part text. – Gaurav Dureja Dec 28 '22 at 17:17

score 7 · Answer 3 · answered Nov 18 '15 at 06:20

7

You can use

myTextView.setText(Html.fromHtml(stringB + "<font color=red>" + stringA + "</font>);

answered Nov 18 '15 at 06:20

Collins Abitekaniza

4,496
2
28
43

score 6 · Answer 4 · edited May 23 '17 at 12:01

6

You can use SpannableString is an excellent way to style strings in a TextView.

Demo

SO Post

edited May 23 '17 at 12:01

Community

1
1

answered Nov 18 '15 at 06:14

M D

47,665
9
93
114

score 0 · Answer 5 · edited Nov 18 '15 at 06:30

0

You can either use HTML banners in your java class: Example:

 textElement.setText(Html.fromHtml("123456 <fontcolor='#FF0000'>789</font>"));

Or use CData format in your XML file: Example:

<string name="numbers"><![CDATA[123456<fontcolor="#FF0000">789</font>]]></string>

I hope that helped you ;)

edited Nov 18 '15 at 06:30

IntelliJ Amiya

74,896
15
165
198

answered Nov 18 '15 at 06:25

Primaël Quémerais

375
2
12

1

I know SO is the race of posting an answer..but be careful before submitting the answer. – Amy Nov 18 '15 at 06:27
Sorry I'm on my phone now and I can't manage to make it show the HTML script it just desapears :/ – Primaël Quémerais Nov 18 '15 at 06:29

score 0 · Answer 6 · answered Apr 15 '21 at 12:32

0

You can use this.

textview.setText(Html.fromHtml(getString(R.string.stringname) + "" + " *" + "", Html.FROM_HTML_MODE_LEGACY));

answered Apr 15 '21 at 12:32

Sriraksha

459
1
8
15

How to change text color of the part of the TextView?

6 Answers6