How to highlight TextView in Android

Question

I would like to highlight a TextView and achieve the design shown below. Does anyone know how to achieve this using a TextView? I took this screenshot from an existing Android app.

enter image description here

By using this code I get results shown below, which is not what I want:

sp.setSpan(new BackgroundColorSpan(color), start, length, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);

enter image description here

This has already been answered here stackoverflow.com/questions/2120035/… — Bidhan
– Bidhan, Commented May 27, 2015 at 14:02

Yash Sampat · Accepted Answer · 2015-05-27 13:53:02Z

3

You need to use a Spannable String:

TextView textView = (TextView)findViewById(R.id.textView1);
String  text = "Test"; 
Spannable spanText = Spannable.Factory.getInstance().newSpannable(text);
spanText.setSpan(new BackgroundColorSpan(0xFFFFFF00), 14, 19, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
textView.setText(spanText);

Try this. This will work.

answered May 27, 2015 at 13:53

Yash Sampat

30.7k12 gold badges99 silver badges122 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Tinashe Over a year ago

Please check my updated question, BackgroundColorSpan results in something different from what I really want.

joninx Over a year ago

What about letting the style apart from the UI?

Bob Lissner Over a year ago

@Tinashe Did you ever get an answer? The answers above do not address your question about the needed white space. I have the same problem and have not been able to find an answer.

Tinashe Over a year ago

@BobLissner Unfortunately I could not find an answer. But I assume this can only be achieved with css

Community · Accepted Answer · 2017-05-23 12:05:54Z

1

If I understand you correctly, you want to highlight the text with a light color? If that's the case, then simply change the transparency of the color. For example: change the first two FF of 0xFFFFFF00 to something like 80(50 % transparency). So, it would look like 0x80FFFF00.

TextView textView = (TextView)findViewById(R.id.textView1);
String  text = "Your String"; 
Spannable spanText = Spannable.Factory.getInstance().newSpannable(text);
spanText.setSpan(new BackgroundColorSpan(0x80FFFF00), 14, 19,Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
textView.setText(spanText);

Here's a relevant thread regarding hex color transparency.

edited May 23, 2017 at 12:05

CommunityBot

11 silver badge

answered May 28, 2015 at 6:23

Bidhan

10.7k3 gold badges42 silver badges51 bronze badges

1 Comment

Tinashe Over a year ago

this is way better than what I had, Thanks a lot. but still it does not leave the white spaces in-between the sentences as it is in the image.

Collectives™ on Stack Overflow

How to highlight TextView in Android

2 Answers 2

4 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related