Create a color function

Question

I need your help to make a color function. I'd like to create something like this

I've an edittext and I want to put in color part of string , but with a special input example :

if the user type : ^1Hi ^2Stack^3Over^4Flow !
"Hi" = red color , "Stack" = green color , "Over" = blue color and "Flow" = orange color.

how to do this?

you need to parse such text and replace it with html tags http://stackoverflow.com/questions/2730706/highlighting-text-color-using-html-fromhtml-in-android — Selvin, Aug 27 '13 at 13:18
i've already looked on this post , but i dont know how to know if the symbol "^" has been typed , thanks — Clyx, Aug 27 '13 at 13:30

Gaurav Arora · Answer 1 · 2013-08-27T13:36:01.623

2

enter image description here You could Use Spannable string to achieve this:

SpannableStringBuilder builder = new SpannableStringBuilder();

String red = "RedText";
SpannableString str1= new SpannableString(red);
str1.setSpan(new ForegroundColorSpan(Color.RED), 0, red.length(), 0);
builder.append(str1);

String white = "WhiteText";
SpannableString str2= new SpannableString(white);
str2.setSpan(new ForegroundColorSpan(Color.WHITE), 0, white.length(), 0);
builder.append(str2);

String blue = "BlueText";
SpannableString str3 = new SpannableString(blue);
str3.setSpan(new ForegroundColorSpan(Color.BLUE), 0, blue.length(), 0);
builder.append(str3);

mTextView.setText(builder, BufferType.SPANNABLE);

edited Aug 27 '13 at 13:36

answered Aug 27 '13 at 13:20

Gaurav Arora

1,805
13
13

Did you tried the code I posted? I attached the screenshot using the above sample. Changed White->Yellow as white on white was not visible. – Gaurav Arora Aug 27 '13 at 13:36
great ! but how to do ? and you do it with the input ^x x=number ? – Clyx Aug 27 '13 at 13:37
I dint get it? What do you mean how to? – Gaurav Arora Aug 27 '13 at 13:37

Ritesh Gune · Answer 2 · 2013-08-27T13:39:54.167

1

You can try following:

String styledText = "This is <font color='red'>Hi</font>"+" "+"<font color='green'>Stack</font>"+" "+"<font color='blue'>Over</font>"+" "+"<font color='orange'>Flow</font>";

textview.setText(Html.fromHtml(styledText));

edited Aug 27 '13 at 13:39

answered Aug 27 '13 at 13:28

Ritesh Gune

16,629
6
44
72

Nice copy-paste answer hehehe – Selvin Aug 27 '13 at 13:40
@Selvin, that was taken from my code, It is possible that when I was new to android, I might have referred to the link you posted in comment. – Ritesh Gune Aug 27 '13 at 13:50
it work great but i have to separe ecah world with the input ^x to assign a color ;) – Clyx Aug 27 '13 at 14:05
you can check for ^ and parse accordingly. – Ritesh Gune Aug 27 '13 at 14:12

Mathew1990 · Answer 3 · 2013-08-27T13:42:44.917

0

You have to use StringTokenizer class with delimiter "^" and then have to get first char from each word. This number can be an index in your color array for example List

EDIT: Create stringTokenizer like this

StringTokenizer sT = new StringTokenizer(yourString, "^");

while(sT.hasMoreTokens()) {
String myColorString = sT.nextToken();
int color = myColorString.charAt(0);
String text = myColorString.substring(1, myColorString.length-1);
}

then you can get color by color variable and color your String text :).

When you will have number more than 2 chars you can use regular expression, but problem will appear when you want to have number on start of your String which you want to color :);

I think it will be better to make something like this 1;myString^2;myString2^3;myString3

and the you can use string tokenizer for each number;myString too.

edited Aug 27 '13 at 13:42

answered Aug 27 '13 at 13:22

Mathew1990

327
2
17

i've looked on android doc but im not sure to realy understand :s can you explain little more please ? – Clyx Aug 27 '13 at 13:26
can you remake an example please ? to be sure to undestand :p – Clyx Aug 27 '13 at 13:51
yes please , with the input "^x" x=number who determine the color :) – Clyx Aug 27 '13 at 14:00
x = color, y = string x;y^x;y1^x1;y2 you have to use StringTokenizer with delimiters "^" and then with ";". – Mathew1990 Aug 27 '13 at 14:04
I have a little hard to understand well, could you post me a code with your example? – Clyx Aug 27 '13 at 14:14
you have to get String and color index like in my answer and color them like in Gaurav Arora's answer – Mathew1990 Aug 28 '13 at 13:56
can y ou write a code please , I'm totally stuck on this function :( – Clyx Aug 29 '13 at 06:44
I wrote you code I don't understand, you have to do it similary – Mathew1990 Aug 29 '13 at 07:48
Yes but i'd like to change my input with that : ^text1 if string start by ^ and end with number , ans how to show the result in a textview @Mathew1990 – Clyx Aug 29 '13 at 08:19

score -2 · Answer 4 · answered Aug 27 '13 at 13:16

-2

write a function that receive the whole String and cut it in the seperate words (seperate by blanks) and give every word a color by a counter++.

answered Aug 27 '13 at 13:16

user2143600

61
5

can you give me a simple example please ? – Clyx Aug 27 '13 at 13:19

Create a color function

4 Answers4